Introduzione
La compilazione dei questionari è un'attività principale per la maggior parte degli operatori sanitari che utilizzano app per la salute mobile.
L'inserimento dei dati può essere difficile e possono verificarsi errori. L'obiettivo della libreria di acquisizione dei dati strutturati (SDC) e delle linee guida per la progettazione è consentirti di migliorare l'esperienza utente nell'inserimento dei dati e la qualità dei dati acquisiti.
I quattro temi trattati in questa sezione sono:
Layout e navigazione
Scorrimento lungo e layout impaginato
![Confronto tra layout a scorrimento lungo e layout impaginati. Lo scorrimento lungo ha 3 domande su una pagina, mentre l'impaginato ha una domanda.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/comparinglayouts.png?hl=it)
L'SDK FHIR per Android offre due opzioni di layout tra cui scegliere:
- Scorrimento lungo (impostazione predefinita)
- Impaginato
Un questionario a scorrimento lungo mostra tutte le domande in un'unica pagina e gli utenti possono passare a ciascuna domanda scorrendo.
Un questionario suddiviso in pagine visualizza i contenuti in pagine separate. Le domande o i campi di immissione correlati possono essere raggruppati in un'unica pagina. I pulsanti Indietro e Avanti sono ancorati nella parte inferiore della pagina per passare da una pagina all'altra.
Scopri come creare un questionario impaginato su GitHub
Quale layout dovresti selezionare?
Ogni opzione di layout ha i suoi vantaggi e svantaggi. Di seguito sono riportati alcuni attributi di ogni tipo di layout da considerare quando scegli il layout da utilizzare.
Scorrimento lungo | Impaginato | |
---|---|---|
Velocità di navigazione | Navigazione più veloce | Naviga più lentamente |
Precisione della navigazione | Navigazione meno precisa | Navigazione più precisa |
Concentrati di nuovo sulla domanda dopo aver cambiato attività | È difficile riorientare dopo l'interruzione | È più facile riorientare dopo l'interruzione |
Compilazione del questionario digitale dopo la visita (copia cartacea) | Copia più semplice dalla carta | Più difficile per la copia da carta |
Schermi piccoli | Peggiore per gli schermi piccoli | Più adatto per schermi piccoli |
Accessibilità | Peggiore per l'accessibilità. La navigazione è difficile. | Migliore accessibilità. Schermi discreti che possono essere gestiti da screen reader, sintesi vocale e altre tecnologie. |
Spazio per istruzioni e spiegazioni | Peggiore per indicazioni e istruzioni | Migliore per indicazioni e istruzioni |
Scorrimento lungo
![Questionario con numeri mostrati davanti al titolo della domanda.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/numberedquestionnaire.png?hl=it)
Numera le domande per semplificare la navigazione in un layout a pagina singola.
![Confronto tra dimensioni del carattere del titolo della domanda. Lo scorrimento lungo è di 16 px. Impaginato è 28 px.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/adjustfont.png?hl=it)
Riduci le dimensioni dei caratteri dei titoli delle domande quando utilizzi lo scorrimento lungo, in modo che più contenuti siano visibili sullo schermo. Esempio: lo scorrimento lungo è di 16 px. Impaginato è 28 px.
Impaginazione
![Domanda impaginata "In quale stato si trovano?" con
selezioni a discesa.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/onequestion.png?hl=it)
Le tastiere, i menu a discesa e gli altri componenti occupano spazio nella pagina, quindi punta a una domanda per pagina.
![Campi dell'indirizzo suddivisi in pagine dove il campo inferiore non è visibile sullo schermo.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/hidecontent.png?hl=it)
I contenuti devono essere visibili above the fold.
![Più campi di testo raggruppati in un'unica domanda. Il titolo della domanda
è una persona di contatto alternativa, con nome, relazione e numero di telefono
come campi di immissione.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/groupcontent.png?hl=it)
Esempio: questi tre campi di testo sono tutti correlati a informazioni alternative sui contatti, pertanto sono raggruppati in un'unica pagina.
![Domande non correlate sulla stessa pagina. La prima domanda riguarda la copertura assicurativa e la seconda le condizioni di salute precedenti.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/unrelatedgroup.png?hl=it)
Evita di raggruppare contenuti non correlati in un'unica pagina per evitare confusione.
Indicatore avanzamento
L'indicatore di avanzamento riflette i progressi compiuti nell'ambito di un questionario.
Includi un indicatore di avanzamento nei questionari lunghi per aiutare gli utenti a navigare e vedere i progressi. Gli indicatori di avanzamento mostrano la posizione all'interno di un questionario e quanto manca per completare.
![Indicatore di avanzamento situato in alto, sotto il titolo del questionario.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-scroll.png?hl=it)
Posizionalo in alto sopra la domanda e l'ancoraggio in modo che sia sempre visibile anche quando scorri.
![Indicatore di avanzamento situato in basso, sopra i pulsanti di navigazione.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-paginated.png?hl=it)
Può essere posizionato in basso, sopra i pulsanti Indietro e Avanti. Con questo layout puoi anche mostrare la pagina su cui si trova l'utente.
Pulsanti di navigazione
I pulsanti di navigazione (Indietro, Avanti) sono ancorati nella parte inferiore del questionario. In uno scorrimento continuo o nell'ultima pagina di un questionario impaginato, il pulsante Avanti viene etichettato come Invia.
Mantieni i pulsanti in una posizione coerente e utilizza sempre pulsanti attivi etichettati con la relativa azione, ad esempio Indietro e Avanti.
![I pulsanti di navigazione sono attivi. Pulsante Avanti con riempimento blu.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/active-buttons.png?hl=it)
Mostra sempre i pulsanti attivi, anche se i moduli sono incompleti. Al successivo tocco, viene mostrata una finestra di dialogo popup con le istruzioni per completare i campi mancanti o gli errori di convalida.
![Il pulsante Avanti non è attivo. Pulsante Avanti con riempimento grigio.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/inactive-buttons.png?hl=it)
I pulsanti non attivi impediscono agli utenti di capire come risolvere il problema.
![Il pulsante Avanti ha solo un'icona a forma di freccia e nessuna descrizione testuale.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/icon-buttons.png?hl=it)
Evita pulsanti solo icona. Etichetta sempre i pulsanti con un'azione descrittiva.
Domande e istruzioni
![Questionario impaginato con annotazioni che mostra i componenti di domande e istruzioni.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/question-banner.png?hl=it)
- Titolo del questionario.
- Indicatore di avanzamento.
- Intestazione del gruppo.
- Titolo della domanda.
- Istruzioni.
- Campo di immissione.
- Formato della voce.
- Campi obbligatori.
- Guida.
Intestazione del gruppo
L'intestazione del gruppo è un'intestazione di testo visualizzata sopra i titoli delle domande.
Utilizza l'intestazione di gruppo per raggruppare domande simili. Utilizza l'intestazione gruppo solo quando aggiunge informazioni utili.
![L'intestazione del gruppo è Cronologia pazienti.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-short.png?hl=it)
Utilizza un titolo breve per raggruppare domande simili. Esempio: tutte le domande relative alla storia dei pazienti sono raggruppate.
![L'intestazione del gruppo contiene informazioni personali e informazioni sullo stile di vita.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-long.png?hl=it)
Evita titoli complessi o lunghi che vanno oltre una riga.
Titolo domanda
Il titolo della domanda descrive brevemente le informazioni richieste. I titoli delle domande hanno le dimensioni dei caratteri più grandi della pagina per attirare l'attenzione dell'utente sulla domanda.
Ogni pagina o domanda deve avere un titolo di domanda. Usa titoli brevi o formulati come domanda.
![Il titolo della domanda indica la data di nascita.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-short.png?hl=it)
I titoli brevi semplificano la lettura degli utenti.
![Il titolo della domanda è Qual è la tua data di nascita? In quale città sei nata?](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-long.png?hl=it)
Evita domande molto lunghe o nidifica due domande.
![Nessun titolo per la domanda.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-none.png?hl=it)
Includi sempre un titolo della domanda per aiutare gli utenti a capire quali informazioni devono inserire.
Istruzioni
Istruzioni è un campo di testo facoltativo mostrato sotto il titolo della domanda.
Utilizza il campo delle instructions per spiegare le istruzioni pertinenti, ad esempio se la domanda è obbligatoria, quante selezioni è possibile effettuare (una o più) e cosa devono fare gli utenti se non sono in grado di completare tutte le informazioni o rispondere alla domanda.
![Istruzioni: selezionane una. Domanda obbligatoria.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-required.png?hl=it)
Utilizza il campo delle istruzioni per indicare se è richiesta una domanda e quante selezioni è possibile effettuare.
![Istruzioni: se il DOB esatto è sconosciuto, seleziona la casella di controllo corrispondente.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-edge.png?hl=it)
Utilizza le istruzioni per far sapere agli utenti cosa fare se si trovano in uno scenario in cui non sono in grado di completare tutti i campi.
![Istruzioni: il contatto alternativo viene utilizzato in caso di
situazione di emergenza e potrebbe essere un parente (ad es. partner,
madre, fratello o una sorella).](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-definitions.png?hl=it)
Utilizza le istruzioni per fornire ulteriore contesto o definizioni per i termini utilizzati nel titolo della domanda.
Etichettatura testo
Il testo dell'etichetta indica agli utenti le informazioni richieste per un campo di testo o un menu a discesa. Quando il campo è selezionato, il testo dell'etichetta si sposta dal centro del campo di testo verso l'alto.
Ogni campo di testo e ogni casella a discesa deve avere un'etichetta. Il testo dell'etichetta deve essere breve, chiaro e completamente visibile.
![Testo etichetta: nome.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-short.png?hl=it)
Il testo dell'etichetta deve essere breve, chiaro e completamente visibile.
![Testo etichetta: inserisci il nome del cliente.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-long.png?hl=it)
Il testo dell'etichetta non deve essere troppo lungo, troncato o occupare più righe.
![Nessun testo dell'etichetta.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-none.png?hl=it)
Etichetta sempre il campo di testo in modo che gli utenti sappiano quali informazioni inserire.
Formato voce
Il valore EntryFormat viene visualizzato sotto il campo di testo per informare gli utenti del formato specifico che devono essere inseriti. I messaggi di errore verranno visualizzati nel campo EntryFormat e sostituiranno le istruzioni EntryFormat esistenti.
Utilizza EntryFormat per date, numeri di telefono, unità e numeri interi.
![Formato data: gg/mm/aaaa.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-do.png?hl=it)
Mostra il formato della data sotto il campo e includi una frase descrittiva.
![Nessun formato data.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-none.png?hl=it)
La mancata visualizzazione dei formati dei dati può comportare l'inserimento errato dei dati.
![Sotto il campo di testo Battito cardiaco, il formato della voce mostra: Intervallo normale: 60-100 b/m. Sotto il campo di testo Saturazione ossigeno nel sangue, il formato della voce mostra: Intervallo normale: 95-100%.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-range.png?hl=it)
Quando inserisci gli intervalli medici, fornisci esempi dell'intervallo normale. Questo può aiutare gli utenti a rilevare errori o numeri fuori intervallo.
Campi obbligatori
I campi obbligatori indicano che un utente deve completare il campo e non può avanzare fino al completamento del campo.
Per indicare che un campo è obbligatorio, visualizza un asterisco (*) alla fine del titolo della domanda. Includi "domanda obbligatoria" nel campo delle istruzioni poiché non è chiaro a tutti ciò che indica un asterisco (*). Se non è presente il titolo della domanda, visualizza l'asterisco (*) nel testo dell'etichetta.
![Asterisco dopo il titolo della domanda e la domanda obbligatoria nelle istruzioni riportate di seguito.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-explanation.png?hl=it)
Il campo è obbligatorio con un asterisco (*) e includi istruzioni scritte che indichino "domanda obbligatoria". Molti non conoscono il significato dell'asterisco(*) e potrebbero trarre vantaggio dalla spiegazione.
![Asterisco dopo il titolo della domanda, ma non una descrizione scritta che spieghi il significato dell'asterisco.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-noexplanation.png?hl=it)
Evita di mostrare solo l'asterisco (*) senza una descrizione scritta del significato.
![Nelle istruzioni riportate di seguito viene visualizzato un asterisco dopo il titolo della domanda e la domanda obbligatoria.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-localize.png?hl=it)
Utilizza i termini più familiari agli utenti. Esempio: "Obbligatorio" potrebbe essere il termine più familiare e utilizzato in alcuni paesi anziché "Obbligatorio".
![Nessun asterisco. La domanda facoltativa viene visualizzata nelle istruzioni.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-optional.png?hl=it)
Se la maggior parte delle domande è obbligatoria, indica quali sono invece facoltative.
![Asterisco dopo il testo dell'etichetta. Domanda obbligatoria mostrata nel campo Formato voce.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-label.png?hl=it)
Se non è presente il titolo della domanda, mostra l'asterisco nel testo dell'etichetta.
Guida
Accanto al titolo della domanda viene mostrata un'icona di aiuto. Quando la tocchi, viene visualizzata una finestra con informazioni aggiuntive. Toccando di nuovo l'icona si chiude il riquadro delle informazioni della guida.
Questo è un componente opzionale. Utilizzalo solo quando è utile per mostrare informazioni aggiuntive che non devono essere sempre visibili.
![Aiuto: Il vaccino antinfluenzale stagionale è chiamato anche immunizzazione antinfluenzale.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-do.png?hl=it)
Utilizza la guida per le informazioni che gli utenti potrebbero dover vedere una sola volta o che forniscono informazioni aggiuntive.
![Guida: seleziona un'opzione.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-dont.png?hl=it)
Evita di nascondere le istruzioni nella casella Guida, che dovrebbero essere visibili a tutti.
Acquisizione dati
![Otto componenti di acquisizione dati: campi di testo, selettore della data, menu a discesa, dispositivo di scorrimento, scelta singola, scelta booleana, scelta multipla e scelta aperta.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datacapture-banner.png?hl=it)
Quando utilizzare quale componente?
Tipo di inserimento dati | Scelta booleana | Scelta singola | Scelta multipla | Apri scelta | Menu a discesa | Selettore della data | Campo di testo | Dispositivo di scorrimento | Completamento automatico |
---|---|---|---|---|---|---|---|---|---|
Seleziona Sì o No | |||||||||
Seleziona un'opzione | attenzione |
||||||||
Seleziona più opzioni | attenzione |
||||||||
Testo | |||||||||
Date | |||||||||
Numeri | attenzione |
Campi di testo
I campi di testo indicano che gli utenti possono inserire informazioni.
Utilizza i campi di testo quando qualcuno deve inserire del testo nel questionario, ad esempio un nome, un numero di telefono o un indirizzo. Limita l'inserimento dei dati che richiede l'inserimento di testo (tastiera) quando è possibile utilizzare una selezione precompilata (a scelta multipla o singola).
Scopri di più sui campi di testo su materiale.io
![Titolo della domanda: registra una nuova persona. Campo di testo 1: nome. Campo di testo 2: numero di telefono.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-do.png?hl=it)
Utilizza i campi di testo per l'inserimento di dati che richiede la digitazione di parole o numeri univoci.
![Titolo della domanda: motivo della visita? Campo di testo: descrivi il motivo](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-dont.png?hl=it)
Evita di utilizzare risposte di testo libere quando potrebbe trattarsi di una selezione multipla, a discesa o a scelta singola.
Scelta singola e scelta booleana
Scelta singola e Scelta booleana sono un controllo di selezione che viene visualizzato come pulsanti di opzione quando agli utenti viene chiesto di selezionare una delle opzioni.
Usa la boolean choice quando è presente una scelta binaria di "Sì" o "No". In caso contrario, utilizza il componente Scelta singola. Se l'elenco contiene più di 10 opzioni, utilizza un menu a discesa anziché una scelta singola. Un menu a discesa è più denso e più facile da esplorare se ci sono molte opzioni.
![Titolo della domanda: è la loro prima visita? Le opzioni di selezione booleana sono sì e no.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-boolean.png?hl=it)
Utilizza la scelta booleana quando le opzioni sono "yes" e "no".
![Question title: Qual è il livello più elevato di istruzione raggiunto?
Le opzioni a scelta singola sono: 1. Non sa 2. Nessuna istruzione.
3. scuola primaria 4. scuola secondaria.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-single.png?hl=it)
Utilizza la scelta singola quando gli utenti possono selezionare un'opzione dell'elenco.
![Elenco a scelta singola che mostra un lungo elenco di stati. Gli stati 23-27 sono visibili.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-dont.png?hl=it)
Evita una scelta singola per gli elenchi molto lunghi (oltre 10). Utilizza invece un menu a discesa.
Selettore della data
Il selettore della data consente agli utenti di inserire le date sia tramite il selettore della data del calendario sia tramite la tastiera. Il selettore della data del calendario viene attivato toccando l'icona del calendario.
Utilizza il selettore della data del calendario solo per date vicine alla data odierna, come l'ultimo ciclo mestruale o la prossima visita. In caso contrario, dai la priorità all'inserimento da tastiera per date come la data di nascita.
![Data di nascita. L'inserimento della data della tastiera è attivo. Icona del calendario sul lato destro della casella del campo di testo. La casella di controllo è selezionata per indicare che la data è approssimativa.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-do.png?hl=it)
Per inserire le date, attiva sia l'inserimento da tastiera (toccando la casella di testo) sia il selettore della data del calendario (toccando l'icona).
![Visualizzazione calendario del selettore della data.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-dont.png?hl=it)
Evita di attivare il selettore della data di calendario come unico metodo di inserimento per le date di nascita. È difficile andare al mese e all'anno.
Menu a discesa
I menu a discesa consentono agli utenti di effettuare una selezione tra più opzioni. Mentre l'utente inizia a digitare, le opzioni filtrano in base al testo inserito. Questo può aiutare gli utenti a trovare rapidamente l'opzione giusta da un lungo elenco.
I menu a discesa sono un'ottima alternativa alla scelta singola quando l'elenco di opzioni è molto lungo (più di 10 opzioni) in quanto occupano meno spazio.
![Menu a discesa per gli stati dell'elenco di stato A-F.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-do.png?hl=it)
Utilizza un menu a discesa quando selezioni un'opzione in un lungo elenco di opzioni, ad esempio la selezione di uno stato o di una città.
![Menu a discesa per l'età, con numeri da uno a sei.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-dont.png?hl=it)
Evita di utilizzare un menu a discesa quando sarebbe più semplice digitare i contenuti anziché scorrere tutte le opzioni, ad esempio età.
Scelta multipla
Scelta multipla è un controllo di selezione che viene visualizzato come caselle di controllo quando gli utenti possono creare più sezioni da un elenco di opzioni.
Utilizza la scelta multipla quando gli utenti possono effettuare una selezione soltanto da un elenco predeterminato di opzioni. Se gli utenti possono anche aggiungere la propria risposta senza costi, utilizza invece il componente Scelta aperta. Nel campo delle instructions scrivi "Seleziona tutte le risposte pertinenti" per far sapere agli utenti che possono selezionare più opzioni.
![Titolo della domanda: Qual è il motivo della visita di oggi? Sono visualizzate quattro caselle di controllo e opzioni, una per riga.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-do.png?hl=it)
L'aspetto predefinito è un contenitore intorno a caselle di controllo per rendere evidente l'area toccabile.
![Titolo della domanda: qual è il motivo della visita di oggi? Sei caselle di controllo e opzioni mostrate, due per ogni riga. Alcuni testi sono tagliati per due opzioni.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-dont.png?hl=it)
Evita di visualizzare più opzioni per riga perché, a causa delle variazioni nelle dimensioni dello schermo del telefono e delle dimensioni del testo, il testo potrebbe venire tagliato.
Apri scelta
La scelta aperta è simile alla scelta multipla, ma aggiunge la possibilità per l'utente di selezionare Altro e digitare testo libero.
Utilizza la scelta aperta quando è presente un elenco predefinito di opzioni, ma gli utenti possono anche aggiungerne altre. Utilizza la scelta aperta quando la maggior parte delle opzioni è nota, ma prevedi che alcuni utenti selezioneranno Altro perché nessuna delle opzioni fornite è applicabile.
![L'opzione Altro è selezionata. Il campo di testo per l'aggiunta di testo libero è attivo.
La tastiera è visibile.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-do.png?hl=it)
Da utilizzare quando è importante raccogliere dati accurati e non si applica nessuna delle opzioni predefinite. Esempio: occupazione.
![Titolo della domanda: Altro da aggiungere? Tre opzioni: Sì, No e
Altro. L'opzione Altro è selezionata. Il campo di testo per l'aggiunta di testo libero è attivo.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-dont.png?hl=it)
Evita di utilizzarlo se la maggior parte delle risposte richiede di selezionare Altro. In questo caso, utilizza un campo di testo o un campo di paragrafo.
Dispositivo di scorrimento
I dispositivi di scorrimento consentono agli utenti di effettuare selezioni da una serie di valori. Il cursore nell'SDK FHIR per Android è un cursore discreto. Un cursore discreto consente agli utenti di selezionare un valore specifico da un intervallo prestabilito. I segni di graduazione possono essere usati per indicare i valori disponibili. Evita di utilizzare il dispositivo di scorrimento per l'inserimento di dati numerici. Utilizza invece un campo di testo o un menu a discesa.
Scopri di più sui dispositivi di scorrimento su material.io
![Titolo della domanda: quanti figli ha il cliente? Viene selezionato un dispositivo di scorrimento con il numero 4.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/slider-dont.png?hl=it)
Evita di usare il dispositivo di scorrimento per valori specifici quando è presente un intervallo ampio. Utilizza invece i campi di testo con l'inserimento da tastiera.
Convalida dei dati ed errori
Convalida dei dati
Le convalide dei dati limitano il tipo di dati o i valori che possono essere inseriti in un campo di testo. La convalida dei dati può migliorare la qualità dei dati raccolti.
Utilizza il campo EntryFormat per visualizzare limitazioni relative al formato o ai valori. Mostra messaggi di errore significativi relativi alla convalida dei dati in linea e immediatamente affinché gli utenti possano correggere l'errore.
![Testo etichetta: numero di telefono. Formato voce: 8 cifre.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-show.png?hl=it)
Mostra in anticipo le restrizioni di convalida dei dati in modo che gli utenti sappiano come inserire i dati.
![Testo etichetta: numero di telefono. Formato voce: nessuno.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-hide.png?hl=it)
Se non indichi quante cifre deve contenere il numero di telefono, è probabile che gli utenti riscontrino un errore e il completamento dell'operazione richiederà più tempo.
![La data inserita è 22/33/4444. Messaggio di errore: Formato data errato. Il formato
deve essere: gg/mm/aaaa.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-timely.png?hl=it)
Mostra errori di convalida dei dati significativi subito dopo aver completato il campo. I messaggi di errore sostituiscono il testo del formato di voce esistente.
![Finestra di dialogo. Correggi i seguenti errori. 1. numero di telefono. 2. data di nascita.
Pulsante 1: invia comunque. Pulsante 2. Correggi gli errori.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-dontwait.png?hl=it)
Non attendere che l'utente abbia premuto "Invia" per visualizzare gli errori di convalida per la prima volta.
Errori
I messaggi di errore avvisano gli utenti quando qualcosa va storto e spiegano come risolverlo.
Utilizzare colori, iconografia e testo per comunicare gli errori.
Scopri di più sui messaggi di errore su materiale.io
![Il messaggio di errore è "Domanda obbligatoria. Seleziona un'opzione".](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-howtofix.png?hl=it)
Spiega il motivo dell'errore (domanda obbligatoria) e cosa puoi fare per correggerlo (seleziona un'opzione).
![Il messaggio di errore è "Errore".](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noexplanation.png?hl=it)
Un messaggio di errore che riporta solo"errore " non è utile per far sapere agli utenti come correggere l'errore.
![Data di nascita. La data inserita è 22/33/4444. Il messaggio di errore è nel formato data errato. Il formato deve essere: gg/mm/aaaa.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noblame.png?hl=it)
Esempio: "Formato data errato. Il formato deve essere gg/mm/aaaa".
![Data di nascita. La data inserita è 22/33/4444. Il messaggio di errore è "Hai inserito il formato data errato".](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-dontblame.png?hl=it)
Non incolpare l'utente con messaggi di errore che includono "tu". Esempio: "Hai inserito il formato data errato".
![Messaggio di errore con un'icona davanti a un testo rosso che mostra "Domanda obbligatoria. Seleziona una o più opzioni". I contenitori delle caselle di controllo hanno un contorno rosso.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-combo.png?hl=it)
Utilizza colore, iconografia e testo per informare gli utenti che si è verificato un errore.
![Nessun messaggio o icona di errore. I contenitori delle caselle di controllo hanno un contorno rosso, che è l'unico indicatore della presenza di un errore.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-onlycolor.png?hl=it)
Per supportare le comuni disabilità visive, come il daltonismo rosso-verde, evita di fare affidamento solo sul colore per comunicare un errore.
![I contenitori con casella di controllo hanno un contorno rosso e un'icona di errore
dietro ogni contenitore. Sono visibili tre icone.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-icons.png?hl=it)
Spesso è sufficiente un'icona. Non esagerare con l'uso di icone per comunicare l'errore.