Einführung
Das Ausfüllen von Fragebögen ist eine Kernaufgabe für die meisten Mitarbeiter im Gesundheitswesen, die mobile Gesundheits-Apps verwenden.
Die Dateneingabe kann schwierig sein und es kommt zu Fehlern. Unser Ziel mit der SDC-Bibliothek (Structured Data Capture) und den Designrichtlinien ist es, Ihnen die Möglichkeit zu geben, die Nutzerfreundlichkeit der Dateneingabe und die Qualität der erfassten Daten zu verbessern.
Die vier Themen, die in diesem Abschnitt behandelt werden, sind:
Layout und Navigation
Langes Scrollen und paginiertes Layout
Das Android FHIR SDK bietet zwei Layoutoptionen:
- Langes Scrollen (Standardeinstellung)
- Mit Seitenumbruch
Bei einem Fragebogen mit langem Scrollen werden alle Fragen auf einer Seite angezeigt. Die Nutzer scrollen dann zur jeweiligen Frage.
Bei einem paginierten Fragebogen werden die Inhalte auf separaten Seiten angezeigt. Zugehörige Fragen oder Eingabefelder können auf einer Seite gruppiert werden. Die Schaltflächen „Zurück“ und „Weiter“ sind unten auf der Seite verankert, damit Sie zwischen den Seiten wechseln können.
Informationen zum Erstellen eines paginierten Fragebogens auf GitHub
Welches Layout sollten Sie auswählen?
Jede Layoutoption hat ihre Vor- und Nachteile. Im Folgenden finden Sie einige Attribute der einzelnen Layouttypen, die Sie bei der Auswahl des Layouts berücksichtigen sollten.
| Langes Scrollen | Mit Seitenumbruch | |
|---|---|---|
| Navigationsgeschwindigkeit | Schnellere Navigation | Langsamere Navigation |
| Genauigkeit der Navigation | Weniger genaue Navigation | Präzisere Navigation |
| Nach dem Wechseln der Aufgabe wieder auf die Frage konzentrieren | Schwierigkeiten bei der Neuorientierung nach einer Unterbrechung | Leichtere Neuorientierung nach Unterbrechung |
| Digitalen Fragebogen nach dem Besuch ausfüllen (vom Papier kopieren) | Einfacher beim Kopieren von Papier | Schwieriger beim Kopieren von Papier |
| Kleine Bildschirme | Schlechter für kleine Displays | Besser für kleine Bildschirme |
| Bedienungshilfen | Schlechter für die Barrierefreiheit. Die Navigation ist schwierig. | Bessere Bedienungshilfen Einzelne Bildschirme, die von Screenreadern, Text-zu-Sprache-Systemen und anderen Technologien verarbeitet werden können. |
| Platz für Anleitungen und Erklärungen | Schlechter für Anleitungen und Anweisungen | Besser für Anleitungen und Hinweise |
Langes Scrollen
Nummerieren Sie die Fragen, um die Navigation in einem einseitigen Layout zu erleichtern.
Make the font size of question titles smaller when using long scroll, so more content is visible on the screen. Beispiel: Der lange Scroll beträgt 16 Pixel. Mit Seitenumbruch: 28 px
Seitenumbruch
Tastaturen, Drop-down-Menüs und andere Komponenten nehmen Platz auf der Seite ein. Daher sollten Sie eine Frage pro Seite anstreben.
Inhalte sollten „above the fold“ (ohne Scrollen sichtbar) sichtbar sein.
Beispiel: Diese drei Textfelder beziehen sich alle auf alternative Kontaktinformationen und werden daher auf einer Seite gruppiert.
Vermeiden Sie es, nicht zusammengehörige Inhalte auf einer Seite zu gruppieren, um Verwirrung zu vermeiden.
Fortschrittsanzeige
Die Fortschrittsanzeige gibt den Fortschritt innerhalb eines Fragebogens an.
Fügen Sie bei langen Fragebögen eine Fortschrittsanzeige ein, damit Nutzer sich besser orientieren und ihren Fortschritt sehen können. Fortschrittsanzeigen geben an, wo Sie sich in einem Fragebogen befinden und wie viel noch auszufüllen ist.
Position at top above the question and anchor so it is always visible even when scrolling.
Kann stattdessen auch unten, über den Schaltflächen „Zurück“ und „Weiter“, positioniert werden. Mit diesem Layout können Sie auch anzeigen, auf welcher Seite sich der Nutzer befindet.
Navigationstasten
Navigationsschaltflächen („Zurück“, „Weiter“) sind unten im Fragebogen verankert. Bei einem Fragebogen mit unendlichem Scrollen oder auf der letzten Seite eines Fragebogens mit Seitenzahlen wird der Button „Weiter“ als „Senden“ bezeichnet.
Platzieren Sie Schaltflächen immer an derselben Stelle und verwenden Sie immer aktive Schaltflächen, die mit ihrer Aktion beschriftet sind, z. B. „Zurück“ und „Weiter“.
Always display active buttons, even if forms are incomplete. Nach dem Tippen auf „Weiter“ wird ein Pop-up-Dialogfeld mit einer Anleitung zum Ausfüllen fehlender Felder oder zur Behebung von Validierungsfehlern angezeigt.
Inaktive Schaltflächen erschweren es Nutzern, das Problem zu beheben.
Vermeiden Sie Buttons, die nur aus Symbolen bestehen. Schaltflächen sollten immer mit einer beschreibenden Aktion gekennzeichnet werden.
Fragen und Anweisungen
- Titel des Fragebogens.
- Fortschrittsanzeige
- Gruppenüberschrift.
- Titel der Frage.
- Anleitung.
- Eingabefeld
- Eintragsformat
- Pflichtfelder.
- Hilfe.
Gruppenüberschrift
Die Gruppenüberschrift ist eine Textüberschrift, die über den Fragetiteln angezeigt wird.
Verwenden Sie die Gruppenüberschrift, um ähnliche Fragen zu gruppieren. Verwenden Sie die Gruppenüberschrift nur, wenn sie hilfreiche Informationen enthält.
Verwenden Sie einen kurzen Titel, um ähnliche Fragen zu gruppieren. Beispiel: Alle Fragen zum Patientenverlauf werden gruppiert.
Vermeiden Sie komplexe oder lange Titel, die über eine Zeile hinausgehen.
Titel der Frage
Der Titel der Frage beschreibt kurz und bündig, welche Informationen angefordert werden. Fragetitel haben die größte Schriftgröße auf der Seite, um die Aufmerksamkeit des Nutzers auf die Frage zu lenken.
Jede Seite oder Frage sollte einen Fragetitel haben. Formulieren Sie Fragetitel kurz oder als Frage.
Kurze Titel sind für Nutzer leichter zu lesen.
Vermeiden Sie sehr lange Fragen oder das Kombinieren von zwei Fragen.
Geben Sie immer einen Fragetitel an, damit Nutzer leichter erkennen können, welche Informationen sie eingeben müssen.
Anleitung
Anleitung ist ein optionales Textfeld, das unter dem Fragetitel angezeigt wird.
Verwenden Sie das Feld Anleitung, um relevante Anweisungen zu geben, z. B. ob die Frage erforderlich ist, wie viele Auswahlmöglichkeiten getroffen werden können (eine oder mehrere) und was Nutzer tun sollten, wenn sie nicht alle Informationen angeben oder die Frage nicht beantworten können.
Use instructions field to inform if a question is required and how many selections can be made.
Use instructions to let users know what to do if they encounter a scenario like they are unable to complete all the fields.
Use instructions to provide additional context or definitions for terms used in the question title.
Labeltext
Der Labeltext informiert Nutzer darüber, welche Informationen für ein Textfeld oder Drop-down-Menü erforderlich sind. Wenn das Feld ausgewählt ist, wird der Labeltext von der Mitte des Textfelds nach oben verschoben.
Jedes Textfeld und jede Dropdown-Liste sollte ein Label haben. Labeltext sollte kurz, eindeutig und vollständig sichtbar sein.
Label text should be short, clear, and fully visible.
Labeltext sollte nicht zu lang sein, nicht abgeschnitten werden und nicht mehrere Zeilen umfassen.
Weisen Sie dem Textfeld immer ein Label zu, damit Nutzer wissen, welche Informationen sie eingeben müssen.
Eintragsformat
EntryFormat wird unter dem Textfeld angezeigt, um Nutzer über das spezifische Format zu informieren, in dem Daten eingegeben werden müssen. Fehlermeldungen werden im Feld „EntryFormat“ angezeigt und ersetzen vorhandene „EntryFormat“-Anweisungen.
Verwenden Sie EntryFormat für Datumsangaben, Telefonnummern, Einheiten und Ganzzahlen.
Show date format below the field and include a descriptive phrase.
Wenn keine Datenformate angezeigt werden, kann es zu fehlerhaften Dateneingaben kommen.
When entering medical ranges, provide examples of the normal range. So können Nutzer Fehler oder Zahlen, die außerhalb des zulässigen Bereichs liegen, leichter erkennen.
Pflichtfelder
Pflichtfelder müssen von Nutzern ausgefüllt werden. Sie können erst fortfahren, wenn das Feld ausgefüllt ist.
Wenn Sie angeben möchten, dass ein Feld erforderlich ist, fügen Sie am Ende des Fragetitels ein Sternchen (*) ein. Geben Sie im Feld „Anleitung“ „Pflichtfrage“ an, da nicht jeder weiß, was ein Sternchen (*) bedeutet. Wenn kein Fragetitel vorhanden ist, zeigen Sie das Sternchen (*) im Labeltext an.
Show the field is required with asterisk (*) and include written instructions that indicate `required question.` Many are unfamiliar with what the asterisk(*) means and would benefit from the explanation.
Vermeiden Sie es, nur das Sternchen (*) ohne eine schriftliche Beschreibung seiner Bedeutung anzuzeigen.
Use the terms that are most familiar to your users. Beispiel: „Pflichtfeld“ ist möglicherweise der geläufigere Begriff und wird in einigen Ländern anstelle von „Erforderlich“ verwendet.
If most questions are required, indicate which ones are optional instead.
If there's no question title show the asterisk in the label text.
Hilfe
Neben dem Titel der Frage wird ein Hilfesymbol angezeigt. Wenn Sie auf das Symbol tippen, wird ein Hilfefeld mit zusätzlichen Informationen angezeigt. Wenn Sie noch einmal auf das Symbol tippen, wird das Hilfefenster geschlossen.
Dies ist eine optionale Komponente. Nur verwenden, wenn es hilfreich ist, zusätzliche Informationen anzuzeigen, die nicht immer sichtbar sein müssen.
Verwenden Sie die Hilfe für Informationen, die Nutzer möglicherweise nur einmal sehen müssen oder die zusätzliche Informationen enthalten.
Vermeiden Sie es, Anleitungen im Hilfefeld auszublenden, die für alle sichtbar sein sollten.
Datenerfassung
Wann sollte welche Komponente verwendet werden?
| Art der Dateneingabe | Boolesche Auswahl | Einfachauswahl | Multiple-Choice | Offene Auswahl | Drop-down | Datumsauswahl | Textfeld | Schieberegler | Automatische Vervollständigung |
|---|---|---|---|---|---|---|---|---|---|
| Wählen Sie „Ja“ oder „Nein“ aus. | |||||||||
| Eine Option auswählen | Achtung |
||||||||
| Mehrere Optionen auswählen | Achtung |
||||||||
| Text | |||||||||
| Daten | |||||||||
| iWork Numbers | Achtung |
Textfelder
Textfelder weisen darauf hin, dass Nutzer Informationen eingeben können.
Verwenden Sie Textfelder, wenn jemand Text in den Fragebogen eingeben muss, z. B. einen Namen, eine Telefonnummer oder eine Adresse. Beschränken Sie die Dateneingabe, für die Texteingabe (Tastatur) erforderlich ist, wenn stattdessen eine vorausgefüllte Auswahl (Multiple Choice oder Single Choice) verwendet werden kann.
Weitere Informationen zu Textfeldern auf material.io
Use text fields for data entry that requires typing unique words or numbers.
Vermeiden Sie Freitextantworten, wenn stattdessen eine Mehrfachauswahl, ein Drop-down-Menü oder eine Auswahl mit nur einer Antwortmöglichkeit verwendet werden könnte.
Einzelauswahl und boolesche Auswahl
Einzelauswahl und Boolesche Auswahl sind Auswahlsteuerelemente, die als Optionsfelder angezeigt werden, wenn Nutzer eine Option aus mehreren Optionen auswählen sollen.
Verwenden Sie boolean choice, wenn es eine binäre Auswahl von „Ja“ oder „Nein“ gibt. Verwenden Sie andernfalls die Komponente Einzelauswahl. Wenn die Liste mehr als etwa 10 Optionen enthält, verwenden Sie ein Drop-down-Menü anstelle einer Einzelauswahl. Ein Drop-down-Menü ist kompakter und lässt sich leichter navigieren, wenn es viele Optionen gibt.
Verwenden Sie die boolesche Auswahl, wenn die Optionen „Ja“ und „Nein“ sind.
Verwenden Sie „Single Choice“, wenn Nutzer eine Option in der Liste auswählen können.
Vermeiden Sie die Einzelauswahl für sehr lange Listen (10 oder mehr). Verwenden Sie stattdessen ein Drop-down-Menü.
Datumsauswahl
Mit der Datumsauswahl können Nutzer Datumsangaben sowohl über die Kalenderauswahl als auch über die Tastatur eingeben. Die Kalender-Datumsauswahl wird aktiviert, wenn auf das Kalendersymbol getippt wird.
Verwenden Sie die Kalender-Datumsauswahl nur für Daten, die nahe am heutigen Datum liegen, z. B. die letzte Menstruation oder den nächsten Termin. Andernfalls sollte die Tastatureingabe für Datumsangaben wie das Geburtsdatum priorisiert werden.
Aktivieren Sie für die Eingabe von Datumsangaben sowohl die Tastatureingabe (Tippen auf das Textfeld) als auch die Kalender-Datumsauswahl (Tippen auf das Symbol).
Vermeiden Sie es, die Kalender-Datums-Auswahl als einzige Eingabemethode für Geburtstage zu verwenden. Es ist schwierig, zum gewünschten Monat und Jahr zu navigieren.
Drop-down
Über Drop-down-Menüs können Nutzer eine Auswahl aus mehreren Optionen treffen. Wenn der Nutzer mit der Eingabe beginnt, werden die Optionen entsprechend gefiltert. So können Nutzer schnell die richtige Option aus einer langen Liste auswählen.
Drop-down-Menüs sind eine gute Alternative zu Einzelauswahl, wenn die Liste der Optionen sehr lang ist (mehr als 10 Optionen), da sie weniger Platz benötigen.
Verwenden Sie ein Drop-down-Menü, wenn Sie eine Option aus einer sehr langen Liste von Optionen auswählen, z. B. einen Bundesstaat oder eine Stadt.
Verwenden Sie kein Drop-down-Menü, wenn es einfacher wäre, den Inhalt einzugeben, anstatt durch alle Optionen zu scrollen, z. B. bei der Altersangabe.
Multiple-Choice
Multiple Choice ist ein Auswahlsteuerelement, das als Kästchen angezeigt wird, wenn Nutzer mehrere Abschnitte aus einer Liste von Optionen auswählen können.
Verwenden Sie Multiple Choice, wenn Nutzer nur aus einer vorgegebenen Liste von Optionen auswählen können. Wenn Nutzer auch eine eigene Antwort hinzufügen können, verwenden Sie stattdessen die Komponente open choice. Geben Sie im Feld Anleitung „Wählen Sie alle zutreffenden Optionen aus“ ein, damit Nutzer wissen, dass sie mehrere Optionen auswählen können.
Standardmäßig wird ein Container um die Kästchen herum angezeigt, um den berührbaren Bereich hervorzuheben.
Vermeiden Sie es, mehrere Optionen pro Zeile anzuzeigen. Aufgrund der unterschiedlichen Smartphone-Displaygrößen und Textgrößen kann der Text abgeschnitten werden.
Offene Auswahl
Offene Auswahl ähnelt der Mehrfachauswahl, bietet Nutzern aber zusätzlich die Möglichkeit, Andere auszuwählen und Freitext einzugeben.
Verwenden Sie offene Auswahl, wenn es eine voreingestellte Liste mit Optionen gibt, Nutzer aber auch zusätzliche Optionen hinzufügen können. Verwenden Sie offene Auswahl, wenn die meisten Optionen bekannt sind, Sie aber davon ausgehen, dass einige Nutzer Andere auswählen, weil keine der angegebenen Optionen zutrifft.
Verwenden Sie diese Option, wenn es wichtig ist, dass genaue Daten erhoben werden und keine der vordefinierten Optionen zutrifft. Beispiel: Beruf.
Vermeiden Sie die Verwendung, wenn für die Mehrheit der Antworten die Auswahl von Andere erforderlich wäre. Verwenden Sie in diesem Fall stattdessen ein Textfeld oder ein Absatzfeld.
Schieberegler
Mit Schiebereglern können Nutzer aus einem Wertebereich auswählen. Der Schieberegler im Android FHIR SDK ist ein diskreter Schieberegler. Mit einem diskreten Schieberegler können Nutzer einen bestimmten Wert aus einem vorgegebenen Bereich auswählen. Mit Häkchen können verfügbare Werte angegeben werden. Verwenden Sie den Schieberegler nicht für die Eingabe numerischer Daten. Verwenden Sie stattdessen ein Textfeld oder ein Drop-down-Menü.
Weitere Informationen zu Sliders auf material.io
Vermeiden Sie die Verwendung des Schiebereglers für bestimmte Werte, wenn es einen großen Bereich gibt. Verwenden Sie stattdessen Textfelder mit Tastatureingabe.
Datenvalidierung und Fehler
Datenvalidierung
Mit Datenvalidierungen wird der Typ der Daten oder die Werte eingeschränkt, die in ein Textfeld eingegeben werden können. Durch die Datenvalidierung kann die Qualität der erhobenen Daten verbessert werden.
Verwenden Sie das Feld EntryFormat, um Format- oder Wertbeschränkungen anzuzeigen. Zeigen Sie aussagekräftige Fehlermeldungen zur Datenvalidierung inline und sofort an, damit Nutzer den Fehler beheben können.
Show data validation restrictions upfront so users know how to enter the data.
Wenn nicht angegeben wird, wie viele Ziffern die Telefonnummer haben muss, werden Nutzer wahrscheinlich auf einen Fehler stoßen und es wird länger dauern, bis sie den Vorgang abschließen können.
Show meaningful data validation errors immediately after completing the field. Fehlermeldungen ersetzen den vorhandenen Text im Eingabeformat.
Warten Sie nicht, bis der Nutzer auf „Senden“ geklickt hat, um Validierungsfehler zum ersten Mal anzuzeigen.
Fehler
Fehlermeldungen informieren Nutzer, wenn etwas schiefgeht, und geben an, wie das Problem behoben werden kann.
Verwenden Sie Farben, Symbole und Text, um Fehler zu kommunizieren.
Weitere Informationen zu Fehlermeldungen auf material.io
Explain why there’s an error (required question) and what can be done to fix it (select one.)
Eine Fehlermeldung, die nur „Fehler“ enthält, ist für Nutzer nicht hilfreich, da sie nicht wissen, wie sie den Fehler beheben können.
Example: "Wrong date format. Das Format muss TT/MM/JJJJ sein.“
Vermeiden Sie es, den Nutzer in Fehlermeldungen zu beschuldigen, die „Sie“ enthalten. Beispiel: „Sie haben das falsche Datumsformat eingegeben.“
Use color, iconography and text to inform users that there is an error.
Um häufige Sehbeeinträchtigungen wie Rot-Grün-Blindheit zu berücksichtigen, sollten Sie Fehler nicht nur durch Farbe kommunizieren.
Ein Symbol reicht oft aus. Verwenden Sie nicht zu viele Symbole, um den Fehler zu kommunizieren.