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
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
Numera le domande per semplificare la navigazione in un layout a pagina singola.
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
Le tastiere, i menu a discesa e gli altri componenti occupano spazio nella pagina, quindi punta a una domanda per pagina.
I contenuti devono essere visibili above the fold.
Esempio: questi tre campi di testo sono tutti correlati a informazioni alternative sui contatti, pertanto sono raggruppati in un'unica pagina.
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.
Posizionalo in alto sopra la domanda e l'ancoraggio in modo che sia sempre visibile anche quando scorri.
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.
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.
I pulsanti non attivi impediscono agli utenti di capire come risolvere il problema.
Evita pulsanti solo icona. Etichetta sempre i pulsanti con un'azione descrittiva.
Domande e istruzioni
- 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.
Utilizza un titolo breve per raggruppare domande simili. Esempio: tutte le domande relative alla storia dei pazienti sono raggruppate.
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.
I titoli brevi semplificano la lettura degli utenti.
Evita domande molto lunghe o nidifica due domande.
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.
Utilizza il campo delle istruzioni per indicare se è richiesta una domanda e quante selezioni è possibile effettuare.
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.
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.
Il testo dell'etichetta deve essere breve, chiaro e completamente visibile.
Il testo dell'etichetta non deve essere troppo lungo, troncato o occupare più righe.
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.
Mostra il formato della data sotto il campo e includi una frase descrittiva.
La mancata visualizzazione dei formati dei dati può comportare l'inserimento errato dei dati.
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.
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.
Evita di mostrare solo l'asterisco (*) senza una descrizione scritta del significato.
Utilizza i termini più familiari agli utenti. Esempio: "Obbligatorio" potrebbe essere il termine più familiare e utilizzato in alcuni paesi anziché "Obbligatorio".
Se la maggior parte delle domande è obbligatoria, indica quali sono invece facoltative.
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.
Utilizza la guida per le informazioni che gli utenti potrebbero dover vedere una sola volta o che forniscono informazioni aggiuntive.
Evita di nascondere le istruzioni nella casella Guida, che dovrebbero essere visibili a tutti.
Acquisizione dati
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
Utilizza i campi di testo per l'inserimento di dati che richiede la digitazione di parole o numeri univoci.
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.
Utilizza la scelta booleana quando le opzioni sono "yes" e "no".
Utilizza la scelta singola quando gli utenti possono selezionare un'opzione dell'elenco.
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.
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).
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.
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à.
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.
L'aspetto predefinito è un contenitore intorno a caselle di controllo per rendere evidente l'area toccabile.
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.
Da utilizzare quando è importante raccogliere dati accurati e non si applica nessuna delle opzioni predefinite. Esempio: occupazione.
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
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.
Mostra in anticipo le restrizioni di convalida dei dati in modo che gli utenti sappiano come inserire i dati.
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.
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.
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
Spiega il motivo dell'errore (domanda obbligatoria) e cosa puoi fare per correggerlo (seleziona un'opzione).
Un messaggio di errore che riporta solo"errore " non è utile per far sapere agli utenti come correggere l'errore.
Esempio: "Formato data errato. Il formato deve essere gg/mm/aaaa".
Non incolpare l'utente con messaggi di errore che includono "tu". Esempio: "Hai inserito il formato data errato".
Utilizza colore, iconografia e testo per informare gli utenti che si è verificato un errore.
Per supportare le comuni disabilità visive, come il daltonismo rosso-verde, evita di fare affidamento solo sul colore per comunicare un errore.
Spesso è sufficiente un'icona. Non esagerare con l'uso di icone per comunicare l'errore.