Einführung
Das Ausfüllen von Fragebögen ist für die meisten Mitarbeitenden im Gesundheitswesen, die mobile Gesundheits-Apps verwenden, eine zentrale Aufgabe.
Die Dateneingabe kann schwierig sein und es können Fehler auftreten. Mit der Bibliothek zur Erfassung strukturierter Daten (Structured Data Capture, SDC) und den Designrichtlinien möchten wir Ihnen die Möglichkeit geben, die Nutzerfreundlichkeit bei 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
![Vergleich von Layouts mit langem Scrollen und paginierten Seiten Beim langen Scrollen werden 3 Fragen auf einer Seite angezeigt, beim paginierten Format nur eine.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/comparinglayouts.png?hl=de)
Das Android FHIR SDK bietet zwei Layoutoptionen, zwischen denen Sie wählen können:
- Langes Scrollen (Standard)
- Mit Seitenumbruch
Ein Fragebogen zum Langen Scrollen enthält alle Fragen auf einer Seite und Nutzer können durch Scrollen zu jeder Frage wechseln.
In einem paginierten Fragebogen wird der Inhalt auf verschiedenen Seiten angezeigt. Ähnliche Fragen oder Eingabefelder können auf einer Seite gruppiert werden. Die Schaltflächen „Zurück“ und „Weiter“ sind unten auf der Seite verankert, um zwischen den Seiten zu wechseln.
Weitere Informationen zum Erstellen eines paginierten Fragebogens auf GitHub
Welches Layout wählen Sie aus?
Jede Layoutoption hat ihre Vor- und Nachteile. Nachfolgend finden Sie einige Attribute jedes Layouttyps, die Sie bei der Auswahl des Layouts berücksichtigen sollten.
Langes Scrollen | Mit Seitenumbruch | |
---|---|---|
Navigationsgeschwindigkeit | Schnellere Navigation | Langsamer bei der Navigation |
Genauigkeit der Navigation | Weniger präzise Navigation | Präzisere Navigation |
Sich nach dem Aufgabenwechsel wieder auf die Frage konzentrieren | Schwierige Neuausrichtung nach Unterbrechung | Leichtere Neuausrichtung nach Unterbrechung |
Ausfüllen des digitalen Fragebogens nach dem Besuch (Kopie von Papier) | Leichter beim Kopieren von Papier | Schwierig beim Kopieren von Papier |
Kleine Displays | Schlechter für kleine Displays | Besser für kleine Displays |
Bedienungshilfen | Schlechter für Barrierefreiheit. Die Navigation ist schwierig. | Bessere Barrierefreiheit. Diskrete Bildschirme, die von Screenreadern, Sprachausgabe und anderen Technologien verarbeitet werden können. |
Platz für Anleitungen und Erläuterungen | Schlechter für Anleitungen und Anweisungen | Bessere Anleitungen und Anleitungen |
Langes Scrollen
![Fragebogen mit Zahlen vor dem Titel der Frage.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/numberedquestionnaire.png?hl=de)
Nummerieren Sie die Fragen, um die Navigation im Einzelseitenlayout zu erleichtern.
![Schriftgröße der Fragentitel vergleichen Das lange Scrollen beträgt 16 Pixel. Die paginierte Größe beträgt 28 Pixel.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/adjustfont.png?hl=de)
Verkleinern Sie die Schriftgröße der Fragetitel, wenn Sie lange scrollen, damit mehr Inhalte auf dem Bildschirm zu sehen sind. Beispiel: Das Scrollen dauert 16 Pixel. Die paginierte Größe beträgt 28 Pixel.
Seitenumbruch
![Frage in paginierter Frage „Welcher Status haben sie?“ mit Drop-down-Auswahlmöglichkeiten.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/onequestion.png?hl=de)
Tastaturen, Drop-down-Menüs und andere Komponenten nehmen Platz auf der Seite ein. Achten Sie deshalb darauf, pro Seite jeweils eine Frage zu stellen.
![Adressfelder mit Paginierung, bei denen das untere Feld nicht auf dem Bildschirm sichtbar ist.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/hidecontent.png?hl=de)
Inhalte müssen ohne Scrollen sichtbar sein.
![Mehrere Textfelder, die als eine Frage gruppiert sind. Der Titel der Frage ist eine alternative Kontaktperson mit Name, Beziehung und Telefonnummer als Eingabefelder.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/groupcontent.png?hl=de)
Beispiel: Diese drei Textfelder beziehen sich alle auf Informationen zu alternativen Ansprechpartnern und werden daher auf einer Seite gruppiert.
![Irrelevante Fragen auf derselben Seite. Die erste Frage bezieht sich auf den Versicherungsschutz, die zweite auf den Gesundheitszustand.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/unrelatedgroup.png?hl=de)
Sie sollten Inhalte, die nicht relevant sind, nicht auf einer Seite gruppieren, um Verwirrung zu vermeiden.
Fortschrittsanzeige
Der Fortschrittsindikator gibt den Fortschritt in einem Fragebogen an.
Binden Sie bei langen Fragebögen eine Fortschrittsanzeige ein, damit Nutzer sich leichter zurechtfinden und ihren Fortschritt sehen können. Fortschrittsanzeigen geben den Standort innerhalb eines Fragebogens an und geben an, wie viel noch auszufüllen ist.
![Die Fortschrittsanzeige befindet sich oben unter dem Titel des Fragebogens.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-scroll.png?hl=de)
Positionieren Sie es oben über der Frage und dem Anker, damit sie auch beim Scrollen immer sichtbar sind.
![Die Fortschrittsanzeige befindet sich unten über den Navigationsschaltflächen.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-paginated.png?hl=de)
Kann stattdessen unten über den Schaltflächen „Zurück“ und „Weiter“ platziert werden. Mit diesem Layout kannst du auch anzeigen, auf welcher Seite sich der Nutzer befindet.
Navigationsschaltflächen
Die Navigationsschaltflächen (Zurück, Weiter) sind unten im Fragebogen verankert. Beim unendlichen Scrollen oder auf der letzten Seite eines paginierten Fragebogens ist die Schaltfläche „Weiter“ mit „Senden“ beschriftet.
Halten Sie die Schaltflächen an einer einheitlichen Position und verwenden Sie immer aktive Schaltflächen, die mit ihrer Aktion beschriftet sind, z. B. „Zurück“ und „Weiter“.
![Navigationsschaltflächen sind aktiv. Schaltfläche „Weiter“ mit blauer Füllung.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/active-buttons.png?hl=de)
Immer aktive Schaltflächen anzeigen, auch wenn Formulare unvollständig sind. Wenn Sie auf „Weiter“ tippen, wird ein Pop-up-Dialogfeld mit Anweisungen zum Ausfüllen fehlender Felder oder Validierungsfehler angezeigt.
![Schaltfläche „Weiter“ ist inaktiv. Schaltfläche „Weiter“ mit grauer Füllung.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/inactive-buttons.png?hl=de)
Bei inaktiven Schaltflächen wissen Nutzer nur schwer, wie sie das Problem beheben können.
![Die Schaltfläche „Weiter“ hat nur ein Pfeilsymbol und keine Textbeschreibung.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/icon-buttons.png?hl=de)
Vermeiden Sie Schaltflächen, die nur Symbole enthalten. Beschriften Sie Schaltflächen immer mit einer beschreibenden Aktion.
Fragen und Anleitungen
![Annotierter, paginierter Fragebogen mit Fragen und Anleitungen.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/question-banner.png?hl=de)
- Titel des Fragebogens.
- Fortschrittsanzeige.
- Kopfzeile der Gruppe.
- Titel der Frage.
- Anleitung.
- Eingabefeld.
- Eintragsformat.
- Pflichtfelder.
- Hilfe aus.
Kopfzeile der Gruppe
Die Gruppenüberschrift ist eine Textüberschrift, die über den Fragentiteln angezeigt wird.
Mithilfe der Gruppenüberschrift können Sie ähnliche Fragen gruppieren. Verwenden Sie den Gruppenheader nur, wenn er hilfreiche Informationen hinzufügt.
![Die Gruppenüberschrift ist die Patientenhistorie.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-short.png?hl=de)
Verwenden Sie kurze Titel, um ähnliche Fragen zu gruppieren. Beispiel: Alle Fragen zur Patientengeschichte sind gruppiert.
![Die Gruppenüberschrift enthält personenbezogene Daten und Informationen zum Lebensstil.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-long.png?hl=de)
Vermeiden Sie komplexe Titel oder lange Titel, die über eine Zeile hinausgehen.
Titel der Frage
Der Titel der Frage beschreibt kurz und prägnant, welche Informationen angefordert werden. Bei Fragentiteln ist die Schrift auf der Seite am größten, um die Aufmerksamkeit der Nutzer auf die Frage zu lenken.
Jede Seite oder Frage sollte einen Titel der Frage haben. Halten Sie Fragentitel kurz oder formulieren Sie sie als Frage.
![Der Titel der Frage ist das Geburtsdatum.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-short.png?hl=de)
Kurze Titel erleichtern den Nutzern das Lesen.
![Titel der Frage: Wie lautet dein Geburtsdatum? In welcher Stadt wurden Sie geboren?](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-long.png?hl=de)
Vermeiden Sie sehr lange Fragen oder verschachteln Sie zwei Fragen.
![Kein Fragetitel.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-none.png?hl=de)
Geben Sie immer einen Fragentitel an, damit Nutzer leichter wissen, welche Informationen sie eingeben müssen.
Anleitung
Anleitung ist ein optionales Textfeld, das unter dem Titel der Frage angezeigt wird.
Verwenden Sie das Feld instructions, um relevante Anweisungen zu erläutern, z. B. ob die Frage erforderlich ist, wie viele Auswahlmöglichkeiten (eine oder viele) möglich sind und was Nutzer tun sollten, wenn sie nicht alle Informationen vervollständigen oder die Frage nicht beantworten können.
![Anleitung: Wählen Sie eine Option aus. Pflichtfrage.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-required.png?hl=de)
Geben Sie im Feld „Anleitung“ an, ob eine Frage erforderlich ist und wie viele Auswahlmöglichkeiten getroffen werden können.
![Anleitung: Wenn das genaue Geburtsdatum unbekannt ist, wähle das Kästchen „Unbekanntes Geburtsdatum“ aus.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-edge.png?hl=de)
Teile den Nutzern mit, was zu tun ist, wenn sie in einem Szenario nicht alle Felder ausfüllen können.
![Anleitung: Der alternative Kontakt wird in einer Notfallsituation verwendet und könnte ein Verwandter sein (z.B. Partner, Mutter, Geschwister).](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-definitions.png?hl=de)
Stellen Sie anhand der Anleitung zusätzlichen Kontext oder Definitionen für die im Titel der Frage verwendeten Begriffe bereit.
Labeltext
Mit Labeltext werden Nutzer darüber informiert, welche Informationen für ein Textfeld oder Drop-down-Menü angefordert werden. Wenn das Feld ausgewählt ist, wird der Labeltext aus der Mitte des Textfelds nach oben verschoben.
Jedes Textfeld und jedes Drop-down-Feld sollte ein Label haben. Der Labeltext sollte kurz, klar und vollständig sichtbar sein.
![Labeltext: Vorname.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-short.png?hl=de)
Labeltext sollte kurz, klar und gut sichtbar sein.
![Labeltext: Geben Sie den Namen des Kunden ein.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-long.png?hl=de)
Der Labeltext darf nicht zu lang, abgeschnitten oder mehrere Zeilen lang sein.
![Kein Labeltext.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-none.png?hl=de)
Kennzeichnen Sie das Textfeld immer mit einem Label, damit Nutzer wissen, welche Informationen sie eingeben müssen.
Eintragsformat
EntryFormat wird unter dem Textfeld angezeigt, um Nutzer darüber zu informieren, welche Formatdaten 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.
![Datumsformat: TT/MM/JJJJ.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-do.png?hl=de)
Das Datumsformat wird unter dem Feld angezeigt und Sie fügen eine Beschreibung hinzu.
![Kein Datumsformat.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-none.png?hl=de)
Wenn Datenformate nicht angezeigt werden, können Daten falsch eingegeben werden.
![Unter dem Textfeld für die Herzfrequenz wird im Eingabeformat Folgendes angezeigt: Normaler Bereich: 60-100 SPM. Unter dem Textfeld für die Sauerstoffsättigung des Blutes wird im Eintragsformat Folgendes angezeigt: Normalbereich: 95–100%.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-range.png?hl=de)
Geben Sie bei der Eingabe medizinischer Bereiche Beispiele für den Normalbereich an. Dies kann Nutzern helfen, Fehler oder Zahlen zu erkennen, die außerhalb des Bereichs liegen.
Pflichtfelder
Pflichtfelder geben an, dass ein Nutzer das Feld ausfüllen muss und nicht fortfahren kann, bis das Feld ausgefüllt ist.
Um anzugeben, dass ein Feld erforderlich ist, fügen Sie am Ende des Fragetitels ein Sternchen (*) ein. Geben Sie "erforderliche Frage" in das Anleitungsfeld ein, da nicht klar ist, was ein Sternchen (*) bedeutet. Wenn es keinen Titel der Frage gibt, blenden Sie das Sternchen (*) im Labeltext ein.
![Sternchen nach dem Titel der Frage und erforderliche Frage in der Anleitung unten.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-explanation.png?hl=de)
Zeigen Sie, dass das Feld mit einem Sternchen (*) erforderlich ist, und fügen Sie schriftliche Anweisungen zur „erforderlichen Frage“ hinzu.Viele wissen nicht, was das Sternchen(*) bedeutet, und würden von dieser Erklärung profitieren.
![Sternchen nach dem Titel der Frage, aber ohne Erklärung zur Bedeutung des Sternchens](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-noexplanation.png?hl=de)
Vermeiden Sie es, nur das Sternchen (*) ohne eine genaue Beschreibung anzuzeigen.
![In der Anleitung unten werden ein Sternchen nach dem Titel der Frage und der Pflichtfrage angezeigt.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-localize.png?hl=de)
Verwenden Sie die Begriffe, mit denen Ihre Nutzer am besten vertraut sind. Beispiel: „Obligatorisch“ ist vielleicht der bekanntere Begriff und wird in einigen Ländern anstelle von „Erforderlich“ verwendet.
![Kein Sternchen. In der Anleitung wird eine optionale Frage angezeigt.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-optional.png?hl=de)
Wenn die meisten Fragen obligatorisch sind, geben Sie an, welche optional sind.
![Sternchen nach Labeltext. Erforderliche Frage wird im Feld für das Eingabeformat angezeigt.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-label.png?hl=de)
Wenn es keine Frage gibt, verwenden Sie das Sternchen im Labeltext.
Hilfe
Neben dem Titel der Frage wird ein Hilfesymbol angezeigt. Wenn Sie auf das Symbol tippen, wird ein Hilfeinformationsfeld mit weiteren Informationen angezeigt. Durch erneutes Tippen auf das Symbol wird das Feld mit den Hilfeinformationen geschlossen.
Dies ist eine optionale Komponente. Nur verwenden, wenn zusätzliche Informationen angezeigt werden sollen, die nicht immer sichtbar sein müssen.
![Hilfe: Die saisonale Grippeimpfung wird auch als Grippeimmunisierung bezeichnet.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-do.png?hl=de)
Die Hilfe enthält Informationen, die Nutzer möglicherweise nur einmal sehen müssen oder die zusätzliche Informationen liefern.
![Hilfe: Wählen Sie eine Antwort aus.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-dont.png?hl=de)
Vermeiden Sie es, Anweisungen im Hilfefeld auszublenden, die für alle sichtbar sein sollen.
Datenerfassung
![Acht Datenerfassungskomponenten: Textfelder, Datumsauswahl, Drop-down-Menü, Schieberegler, Single Choice, boolescher Wert, Multiple-Choice- und Open Choice.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datacapture-banner.png?hl=de)
Wann wird welche Komponente verwendet?
Art der Dateneingabe | Boolesche Auswahl | Einfachauswahl | Multiple-Choice-Frage | Auswahl öffnen | Drop-down | Datumsauswahl | Textfeld | Schieberegler | Automatische Vervollständigung |
---|---|---|---|---|---|---|---|---|---|
Wähle „Ja“ oder „Nein“ aus | |||||||||
Eine Option auswählen | Vorsicht |
||||||||
Mehrere Optionen auswählen | Vorsicht |
||||||||
Text | |||||||||
Datum | |||||||||
Numbers | Vorsicht |
Textfelder
Textfelder weisen darauf hin, dass Nutzer Informationen eingeben können.
Verwenden Sie Textfelder, wenn jemand Text im Fragebogen eingeben muss, z. B. einen Namen, eine Telefonnummer oder eine Adresse. Begrenzen Sie die Dateneingabe, die eine Texteingabe (Tastatur) erfordert, wenn stattdessen eine vorab ausgefüllte Auswahl (Multiple-Choice- oder Einzelauswahl) verwendet werden kann.
Weitere Informationen zu Textfeldern auf material.io
![Titel der Frage: Neue Person registrieren Textfeld 1: Name. Textfeld 2: Telefonnummer.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-do.png?hl=de)
Verwenden Sie Textfelder für die Dateneingabe, für die eindeutige Wörter oder Zahlen eingegeben werden müssen.
![Titel der Frage: Grund für den Besuch? Textfeld: Grund angeben](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-dont.png?hl=de)
Vermeiden Sie kostenlose Textantworten, wenn stattdessen eine Mehrfachauswahl, ein Drop-down-Menü oder eine Einzelauswahl möglich ist.
Einfachauswahl und boolesche Auswahl
Single-Choice-Frage und boolesche Auswahl sind Auswahlsteuerelemente, die als Optionsfelder angezeigt werden, wenn Nutzer aufgefordert werden, eine Auswahl aus Optionen auszuwählen.
Verwenden Sie die boolean choice, wenn die binäre Auswahl „Ja“ oder „Nein“ zur Verfügung steht. Verwenden Sie andernfalls die Single-Choice-Komponente. Wenn die Liste mehr als ~10 Optionen enthält, verwenden Sie ein Drop-down-Menü anstelle einer einfachen Auswahl. Ein Drop-down-Menü ist kompakter und einfacher zu navigieren, wenn es viele Optionen gibt.
![Titel der Frage: Ist das ihr erster Besuch? Die booleschen Auswahloptionen sind „Ja“ und „Nein“.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-boolean.png?hl=de)
Verwenden Sie die boolesche Auswahl, wenn die Optionen „Ja“ und „Nein“ sind.
![Titel der Frage: Was ist der höchste erreichte Bildungsabschluss?
Single-Choice-Optionen sind: 1. Weiß nicht 2. Keine Ausbildung
3. Grundschule 4. weiterführende Schule.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-single.png?hl=de)
Verwenden Sie die Einzelauswahl, wenn Nutzer eine Option aus der Liste auswählen können.
![Liste mit Einzelauswahl mit einer sehr langen Liste von Bundesstaaten. Die Status 23 bis 27 werden angezeigt.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-dont.png?hl=de)
Bei sehr langen Listen (mindestens 10 Listen) sollte nur eine einfache Auswahl verwendet werden. Verwenden Sie stattdessen ein Drop-down-Menü.
Datumsauswahl
Mit der Datumsauswahl können Nutzer Datumsangaben sowohl über die Kalenderdatumsauswahl als auch über die Tastatur eingeben. Die Datumsauswahl wird aktiviert, wenn auf das Kalendersymbol getippt wird.
Verwenden Sie die Kalenderdatumsauswahl nur für Daten, die kurz vor dem aktuellen Datum liegen, z. B. die letzte Regelblutung oder der nächste Besuch. Andernfalls sollten Sie die Tastatureingabe für Datumsangaben wie „Geburtsdatum“ priorisieren.
![Geburtsdatum Die Datumseingabe über die Tastatur ist aktiv. Kalendersymbol auf der rechten Seite des Textfelds. Das Kästchen ist angeklickt und gibt an, dass ein ungefähres Datum angegeben wurde.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-do.png?hl=de)
Aktivieren Sie für die Eingabe von Datumsangaben sowohl die Tastatureingabe (tippens Textfeld) als auch die Datumsauswahl für Kalender (tippendes Symbol).
![Kalenderansicht der Datumsauswahl](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-dont.png?hl=de)
Sie sollten die Kalenderdatumsauswahl nicht als einzige Eingabemethode für Geburtsdaten aktivieren. Es ist schwierig, den richtigen Monat und das richtige Jahr zu finden.
Drop-down
In Drop-down-Menüs können Nutzer eine Auswahl aus mehreren Optionen treffen. Wenn der Nutzer mit der Eingabe beginnt, werden die Optionen anhand der eingegebenen Daten gefiltert. So finden Nutzende aus einer langen Liste schnell die richtige Option.
Drop-down-Menüs sind eine gute Alternative zur Einzelauswahl, wenn die Liste der Optionen sehr lang ist (mehr als 10 Optionen), da sie weniger Platz benötigen.
![Drop-down-Menü für die Bundesstaaten A–F](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-do.png?hl=de)
Verwenden Sie ein Drop-down-Menü, wenn Sie eine Option aus einer sehr langen Liste von Optionen auswählen, z. B. wenn Sie einen Bundesstaat oder eine Stadt auswählen.
![Drop-down-Menü für Alter mit den Zahlen eins bis sechs.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-dont.png?hl=de)
Verwenden Sie kein Drop-down-Menü, wenn es einfacher wäre, den Inhalt einzugeben, anstatt durch alle Optionen wie z. B. das Alter zu scrollen.
Multiple-Choice-Frage
Multiple-Choice-Frage ist ein Auswahlelement, das als Kästchen angezeigt wird, wenn Nutzer mehrere Abschnitte aus einer Liste von Optionen auswählen können.
Verwenden Sie Multiple-Choice-Frage, wenn Nutzer nur eine vorgegebene Liste von Optionen auswählen können. Wenn Nutzer auch ihre eigene kostenlose Antwort hinzufügen können, verwenden Sie stattdessen die Open-Choice-Komponente. Schreiben Sie in das Feld instructions „Alles Zutreffende auswählen“, damit Nutzer wissen, dass sie mehrere Optionen auswählen können.
![Titel der Frage: Was ist der Grund für den heutigen Besuch? Es werden vier Kästchen und Optionen angezeigt, eines in jeder Zeile.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-do.png?hl=de)
Die Standarddarstellung ist ein Container um Kästchen, damit der antippbare Bereich gut erkennbar ist.
![Titel der Frage: Was ist der Grund für den heutigen Besuch? Sechs Kästchen und Optionen angezeigt, zwei in jeder Zeile. Bei zwei Optionen ist Text abgeschnitten.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-dont.png?hl=de)
Vermeiden Sie die Anzeige mehrerer Optionen pro Zeile, da der Text aufgrund der unterschiedlichen Bildschirm- und Textgröße des Smartphones abgeschnitten werden kann.
Auswahl öffnen
Offene Auswahl ähnelt der Multiple-Choice-Frage, bietet dem Nutzer jedoch die Möglichkeit, Sonstige auszuwählen und Freitext einzugeben.
Verwenden Sie open Choice, wenn eine vordefinierte Liste mit Optionen vorhanden ist. Nutzer können aber auch zusätzliche Optionen hinzufügen. Verwenden Sie open Choice, wenn die meisten Optionen bekannt sind. Sie gehen davon aus, dass einige Nutzer Other (Sonstige) auswählen werden, da keine der bereitgestellten Optionen zutrifft.
![„Sonstiges“ ist ausgewählt. Textfeld zum Hinzufügen von Freitext ist aktiv.
Tastatur ist sichtbar.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-do.png?hl=de)
Verwenden Sie diese Option, wenn es wichtig ist, dass genaue Daten erhoben werden, und keine der vordefinierten Optionen zutrifft. Beispiel: Beruf.
![Titel der Frage: Möchten Sie noch etwas hinzufügen? Drei Optionen: „Ja“, „Nein“ und „Sonstiges“. „Sonstiges“ ist ausgewählt. Textfeld zum Hinzufügen von Freitext ist aktiv.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-dont.png?hl=de)
Verwenden Sie diese Option nicht, wenn für die meisten Antworten Sonstiges ausgewählt werden müsste. Verwenden Sie in diesem Fall stattdessen ein Textfeld oder ein Absatzfeld.
Schieberegler
Mit Schiebereglern können Nutzer aus einem Wertebereich eine Auswahl treffen. Der Schieberegler im Android FHIR SDK ist ein diskreter Schieberegler. Mit einem separaten Schieberegler können Nutzer einen bestimmten Wert aus einem vordefinierten Bereich auswählen. Die verfügbaren Werte können mit Backticks markiert werden. Vermeiden Sie es, den Schieberegler bei der numerischen Dateneingabe zu verwenden. Verwenden Sie stattdessen ein Textfeld oder ein Drop-down-Menü.
Weitere Informationen zu Schiebereglern auf material.io
![Titel der Frage: Wie viele Kinder hat der Kunde? Ein Schieberegler mit der Zahl 4 ist ausgewählt.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/slider-dont.png?hl=de)
Verwenden Sie den Schieberegler nicht für bestimmte Werte, wenn der Bereich groß ist. Verwenden Sie stattdessen Textfelder mit Tastatureingabe.
Datenvalidierung und Fehler
Datenvalidierung
Datenvalidierungen beschränken den Datentyp oder die Werte, die in ein Textfeld eingegeben werden können. Die Datenvalidierung kann die Qualität der erfassten Daten verbessern.
Verwenden Sie das Feld EntryFormat, um Format- oder Werteinschränkungen anzuzeigen. Zeigen Sie direkt und sofort aussagekräftige Fehlermeldungen bei der Datenvalidierung an, damit Nutzer den Fehler beheben können.
![Labeltext: Telefonnummer. Eingabeformat: 8 Ziffern.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-show.png?hl=de)
Zeigen Sie Einschränkungen für die Datenvalidierung im Voraus an, damit Nutzer wissen, wie sie die Daten eingeben müssen.
![Labeltext: Telefonnummer. Eingabeformat: keine.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-hide.png?hl=de)
Wenn Sie nicht angeben, wie viele Ziffern die Telefonnummer haben muss, tritt wahrscheinlich ein Fehler auf und der Vorgang dauert länger.
![Eingegebenes Datum ist 22/33/4444. Fehlermeldung: Falsches Datumsformat. Das Format muss tt/mm/jjjj sein.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-timely.png?hl=de)
Aussagekräftige Datenvalidierungsfehler sofort nach Ausfüllen des Feldes anzeigen. Fehlermeldungen ersetzen den vorhandenen Eintrag im Formattext.
![Dialogfeld. Beheben Sie die folgenden Fehler. 1. Telefonnummer. 2. Geburtsdatum
Schaltfläche 1: Trotzdem senden. Schaltfläche 2: Fehler beheben.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-dontwait.png?hl=de)
Warten Sie nicht, bis der Nutzer „Senden“ gedrückt hat, um zum ersten Mal Validierungsfehler anzuzeigen.
Fehler
Fehlermeldungen weisen Nutzer auf einen Fehler hin und enthalten Informationen zur Behebung des Problems.
Verwenden Sie Farben, Symbole und Text, um Fehler zu kommunizieren.
Weitere Informationen zu Fehlermeldungen auf material.io
![Die Fehlermeldung lautet „Erforderliche Frage. Wählen Sie eine Option aus.“](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-howtofix.png?hl=de)
Erläutern Sie den Grund für den Fehler (erforderliche Frage) und wie Sie ihn beheben können (wählen Sie eine Option aus).
![Die Fehlermeldung lautet „Fehler“.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noexplanation.png?hl=de)
Eine Fehlermeldung, die nur „Fehler“ enthält, ist für Nutzer nicht hilfreich, um zu wissen, wie der Fehler behoben werden kann.
![Geburtsdatum Eingegebenes Datum ist 22/33/4444. Fehlermeldung hat ein falsches Datumsformat. Das Format muss tt/mm/jjjj sein.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noblame.png?hl=de)
Beispiel: „Falsches Datumsformat. Das Format muss tt/mm/jjjj sein.
![Geburtsdatum Eingegebenes Datum ist 22/33/4444. Die Fehlermeldung lautet „Sie haben das falsche Datumsformat eingegeben“.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-dontblame.png?hl=de)
Sie sollten Nutzern, die eine Fehlermeldung wie „Sie“ enthalten, keine Schuld geben. Beispiel: „Sie haben das falsche Datumsformat eingegeben“.
![Fehlermeldung mit einem Symbol vor einem roten Text, der „Erforderliche Frage. Wählen Sie eine oder mehrere Optionen aus.“ Kästchen-Container haben einen roten Umriss.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-combo.png?hl=de)
Informieren Sie Nutzer mithilfe von Farben, Symbolen und Text über einen Fehler.
![Keine Fehlermeldung und kein Symbol. Kästchen-Container haben eine rote Umrandung. Dies ist der einzige Indikator für einen Fehler.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-onlycolor.png?hl=de)
Um häufige Sehbehinderungen wie Rot-Grün-Farbenblindheit zu unterstützen, sollten Sie sich bei der Fehlerkommunikation nicht nur auf Farbe verlassen.
![Kästchen-Container haben einen roten Umriss und hinter jedem Container wird ein Fehlersymbol angezeigt. Drei Symbole werden angezeigt.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-icons.png?hl=de)
Ein Symbol reicht oft aus. Übertreiben Sie es nicht mit der Verwendung von Symbolen, um den Fehler zu kommunizieren.