Wstęp
Podstawowym zadaniem dla większości pracowników opieki zdrowotnej, którzy korzystają z mobilnych aplikacji dotyczących zdrowia, jest wypełnianie kwestionariuszy.
Wprowadzanie danych może być trudne i występować błędy. Celem korzystania z biblioteki przechwytywania uporządkowanych danych (SDC) i wskazówek dotyczących projektowania jest zapewnienie użytkownikom lepszych możliwości wprowadzania danych oraz poprawienie ich jakości.
Cztery tematy omawiane w tej sekcji to:
- Układ i nawigacja
- Pytania i instrukcje
- Zbieranie danych
- Sprawdzanie poprawności danych i komunikaty o błędach
Układ i nawigacja
Długie przewijanie i podział na strony
![Porównanie długiego przewijania i układów z podziałem na strony. Długie przewijanie zawiera 3 pytania na 1 stronie, a podział na strony – 1 pytanie.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/comparinglayouts.png?hl=pl)
Pakiet Android FHIR SDK ma 2 opcje układu do wyboru:
- Długie przewijanie (domyślnie)
- Z podziałem na strony
Kwestionariusz z długim przewijaniem wyświetla wszystkie pytania na jednej stronie, a użytkownicy przechodzą do każdego z nich, przewijając je.
Kwestionariusz podzielony na strony wyświetla treść na osobnych stronach. Powiązane pytania i pola do wprowadzania danych można zebrać na jednej stronie. Przyciski Wstecz i Dalej są zakotwiczone na dole strony i umożliwiają przechodzenie między stronami.
Dowiedz się, jak utworzyć kwestionariusz z podziałem na strony na GitHubie
Który układ wybierzesz?
Każda opcja układu ma swoje zalety i wady. Poniżej znajdziesz opis niektórych atrybutów każdego układu, które warto wziąć pod uwagę podczas wyboru układu.
Długie przewijanie | Z podziałem na strony | |
---|---|---|
Szybkość nawigacji | Szybsza nawigacja | Wolniejsza nawigacja |
Dokładność nawigacji | Mniej precyzyjna nawigacja | Dokładniejsza nawigacja |
Skup się na pytaniu po zmianie zadania | Trudno zmienić orientację po przerwie | Łatwiejsza zmiana orientacji po przerwie |
Wypełnienie cyfrowego kwestionariusza po wizycie (kopia z papieru) | Łatwiejsze kopiowanie z papieru | Trudniejsze przy kopiowaniu z papieru |
Małe ekrany | Gorzej na małych ekranach | Lepsze na małe ekrany |
Ułatwienia dostępu | Gorsze ze względu na ułatwienia dostępu. Trudna nawigacja. | Lepsze ułatwienia dostępu. Wyjątkowe ekrany, które mogą być obsługiwane przez czytniki ekranu, zamianę tekstu na mowę i inne technologie. |
Miejsce na instrukcje i objaśnienia | Gorzej, jeśli chodzi o wskazówki i instrukcje | Zawiera dokładniejsze wskazówki i instrukcje |
Długie przewijanie
![Kwestionariusz z liczbami widocznymi przed tytułem pytania.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/numberedquestionnaire.png?hl=pl)
Ponumeruj pytania, aby ułatwić poruszanie się w układzie pojedynczej strony.
![Porównanie rozmiaru czcionki tytułu pytania. Długie przewijanie ma 16 pikseli. Podział na strony ma 28 pikseli.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/adjustfont.png?hl=pl)
Zmniejsz rozmiar czcionki tytułów pytań podczas korzystania z długiego przewijania, aby na ekranie było widocznych więcej treści. Przykład: długie przewijanie ma 16 pikseli. Podział na strony ma 28 pikseli.
Podział na strony
![Pytanie z podziałem na strony „W jakim stanie mieszkają?”, które można wybrać w menu.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/onequestion.png?hl=pl)
Klawiatury, menu i inne komponenty zajmują miejsce na stronie, dlatego staraj się umieszczać 1 pytanie na stronie.
![Pola adresu z podziałem na strony, gdzie dolne pole nie jest widoczne na ekranie.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/hidecontent.png?hl=pl)
Treść powinna być widoczna w części strony widocznej na ekranie.
![Wiele pól tekstowych zgrupowanych w jedno pytanie. Tytuł pytania to alternatywna osoba kontaktowa, w której jako pola do wprowadzania znajdują się imię i nazwisko, relacja oraz numer telefonu.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/groupcontent.png?hl=pl)
Przykład: te 3 pola tekstowe są związane z alternatywnymi danymi osoby kontaktowej, więc są zgrupowane na jednej stronie.
![Niepowiązane pytania na tej samej stronie. Pierwsze pytanie dotyczy ubezpieczenia, a drugie – wcześniejszych warunków zdrowotnych.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/unrelatedgroup.png?hl=pl)
Unikaj grupowania niepowiązanych treści na jednej stronie, aby uniknąć nieporozumień.
Wskaźnik postępu
Wskaźnik postępu pokazuje postępy w kwestionariuszu.
Dołącz wskaźnik postępu w długich kwestionariuszach, aby ułatwić użytkownikom nawigację i obserwowanie postępów. Wskaźniki postępu pokazują lokalizację kwestionariusza i informację, ile zostało do końca.
![Wskaźnik postępu znajdujący się u góry, pod tytułem kwestionariusza.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-scroll.png?hl=pl)
Umieść element u góry nad pytaniem i kotwicą, aby był zawsze widoczny nawet podczas przewijania.
![Wskaźnik postępu znajdujący się u dołu, nad przyciskami nawigacji.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-paginated.png?hl=pl)
Zamiast tego można umieścić go u dołu, nad przyciskami Wstecz i Dalej. W tym układzie możesz też wyświetlać stronę, na której znajduje się użytkownik.
Przyciski nawigacyjne
Przyciski nawigacyjne (Wstecz, Dalej) są zakotwiczone na dole kwestionariusza. W przewijaniu nieskończonym lub na ostatniej stronie kwestionariusza podzielonego na strony przycisk Dalej jest oznaczony etykietą Prześlij.
Przyciski należy umieścić w jednym miejscu i zawsze używać aktywnych przycisków oznaczonych etykietami z opisem ich działania, np. Wstecz i Dalej.
![Przyciski nawigacyjne są aktywne. Następny przycisk z niebieskim wypełnieniem.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/active-buttons.png?hl=pl)
Zawsze wyświetlaj aktywne przyciski, nawet jeśli formularze są niekompletne. Po kliknięciu Dalej pokaż wyskakujące okienko z instrukcjami dotyczącymi uzupełniania brakujących pól lub błędów weryfikacji.
![Przycisk Dalej jest nieaktywny. Przycisk Dalej z szarym wypełnieniem.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/inactive-buttons.png?hl=pl)
Nieaktywne przyciski utrudniają użytkownikom znalezienie rozwiązania problemu.
![Przycisk Następny ma tylko ikonę strzałki i nie ma opisu.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/icon-buttons.png?hl=pl)
Unikaj przycisków, które zawierają tylko ikonę. Przyciski zawsze należy oznaczać opisami.
Pytania i instrukcje
![Kwestionariusz z adnotacjami z podziałem na strony, zawierający pytania i komponenty z instrukcjami.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/question-banner.png?hl=pl)
- Tytuł kwestionariusza.
- Wskaźnik postępu.
- Nagłówek grupy.
- Tytuł pytania.
- Instrukcje
- Pole do wprowadzania danych.
- Format wpisu.
- Pola wymagane.
- Pomoc.
Nagłówek grupy
Nagłówek grupy to nagłówek tekstowy wyświetlany nad tytułami pytań.
Użyj nagłówka grupy, aby pogrupować podobne pytania. Używaj nagłówka grupy tylko wtedy, gdy zawiera przydatne informacje.
![Nagłówek grupy to Historia pacjentów.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-short.png?hl=pl)
Do grupowania podobnych pytań używaj krótkiego tytułu. Przykład: wszystkie pytania związane z historią pacjenta są pogrupowane.
![Nagłówek grupy zawiera dane osobowe i informacje o stylu życia.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-long.png?hl=pl)
Unikaj skomplikowanych tytułów lub długich tytułów, które przekraczają 1 wiersz.
Tytuł pytania
Tytuł pytania zwięźle opisuje, jakich informacji dotyczy prośba. Tytuły pytań mają największy rozmiar czcionki na stronie, aby przyciągnąć uwagę użytkownika.
Każda strona i każda strona powinny mieć tytuł pytania. Tytuły pytań powinny być krótkie lub sformułowane w formie pytania.
![Tytuł pytania zawiera datę urodzenia.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-short.png?hl=pl)
Krótkie tytuły ułatwiają czytelnikom czytanie.
![Tytuł pytania: Jaka jest Twoja data urodzenia? W jakim mieście się urodziłaś?](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-long.png?hl=pl)
Unikaj bardzo długich pytań i zagnieżdżania 2 pytań razem.
![Brak tytułu pytania.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-none.png?hl=pl)
Zawsze podawaj tytuł pytania, aby użytkownicy wiedzieli, jakie informacje muszą wpisać.
Instrukcje
Instrukcje to opcjonalne pole tekstowe widoczne pod tytułem pytania.
W polu instructions wyjaśnij odpowiednie instrukcje, np. czy pytanie jest wymagane, ile opcji można wybrać (jeden lub wiele) oraz co użytkownicy powinni zrobić, jeśli nie mogą podać wszystkich informacji lub odpowiedzieć na pytanie.
![Instrukcje: wybierz jedno z nich. Pytanie wymagane.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-required.png?hl=pl)
Użyj pola instrukcji, aby poinformować, czy pytanie jest wymagane i ile można wybrać opcji.
![Instrukcje: jeśli data urodzenia nie jest znana, zaznacz pole wyboru „Nieznane daty urodzenia”.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-edge.png?hl=pl)
Użyj instrukcji, aby poinformować użytkowników, co mają zrobić w sytuacji, gdy nie uda im się wypełnić wszystkich pól.
![Instrukcje: alternatywny kontakt będzie używany w sytuacjach alarmowych i może być bliscy (np. partner, matka, rodzeństwo).](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-definitions.png?hl=pl)
Użyj instrukcji, aby podać dodatkowy kontekst lub definicje terminów użytych w tytule pytania.
Tekst etykiety
Tekst etykiety informuje użytkowników o tym, jakie informacje są wymagane w polu tekstowym lub menu. Gdy pole jest zaznaczone, tekst etykiety przenosi się ze środka pola tekstowego do góry.
Każde pole tekstowe i pole menu powinny mieć etykietę. Tekst etykiety powinien być krótki, czytelny i w pełni widoczny.
![Tekst etykiety: imię.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-short.png?hl=pl)
Tekst etykiety powinien być krótki, jasny i w pełni widoczny.
![Tekst etykiety: wpisz nazwę klienta.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-long.png?hl=pl)
Tekst etykiety nie może być zbyt długi, przycięty ani zajmować wielu wierszy.
![Brak tekstu etykiety.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-none.png?hl=pl)
Zawsze dodawaj etykiety do pola tekstowego, aby użytkownicy wiedzieli, jakie informacje mają podać.
Format wpisu
Pod polem tekstowym wyświetla się EntryFormat, który informuje użytkowników o tym, w jakim formacie należy wpisać dane. Komunikaty o błędach będą wyświetlane w polu EntryFormat i zastąpią istniejące instrukcje EntryFormat.
Stosuj format EntryFormat dla dat, numerów telefonów, jednostek i liczb całkowitych.
![Format daty: dd/mm/rrrr.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-do.png?hl=pl)
Wyświetlaj format daty poniżej pola i dodaj wyrażenie opisowe.
![Brak formatu daty.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-none.png?hl=pl)
Brak formatów danych może spowodować, że dane zostaną wpisane nieprawidłowo.
![Pod polem tekstowym tętno ma format wpisu: Normalny zakres: 60-100 bpm. Poniżej pola tekstowego Nasycenie krwi tlenem
Format wpisu wyświetla: Normalny zakres: 95–100%.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-range.png?hl=pl)
Wpisując zakresy medyczne, podaj przykłady normalnego zakresu. Może to pomóc użytkownikom wychwycić błędy lub liczby, które są poza zakresem.
Pola wymagane
Pola wymagane wskazują, że użytkownik musi wypełnić pole, a do czasu jego wypełnienia nie może on przejść dalej.
Aby wskazać, że pole jest wymagane, umieść na końcu tytułu pytania gwiazdkę (*). W polu instrukcji wpisz „wymagane pytanie”, ponieważ nie jest to oczywiste, co oznacza gwiazdka (*). Jeśli nie ma tytułu pytania, w tekście na etykiecie umieść gwiazdkę (*).
![Gwiazdka za tytułem pytania i pytaniem wymaganym w poniższych instrukcjach.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-explanation.png?hl=pl)
Pokaż pole jest wymagane gwiazdką (*) i załącz pisemne instrukcje, które wskazują „wymagane pytanie”. Wiele osób nie wie, co oznacza gwiazdka(*), więc może skorzystać z wyjaśnienia.
![Gwiazdka po tytule pytania, ale bez opisu, w którym wyjaśniono znaczenie gwiazdki.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-noexplanation.png?hl=pl)
Nie pokazuj tylko gwiazdki (*) bez dodatkowego opisu.
![Gwiazdkę za tytułem pytania i jego obowiązkowym pytaniem znajdziesz w poniższych instrukcjach.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-localize.png?hl=pl)
Używaj terminów, które najlepiej znają Twoi użytkownicy. Przykład: „Wymagane” może być lepiej znane i używane w niektórych krajach zamiast słowa „Wymagane”.
![Bez gwiazdki. Opcjonalne pytanie jest pokazane w instrukcjach.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-optional.png?hl=pl)
Jeśli wymagane jest większość pytań, wskaż, które z nich są opcjonalne.
![Gwiazdka za tekstem etykiety. W polu Format wpisu wyświetlane jest wymagane pytanie.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-label.png?hl=pl)
Jeśli nie ma tytułu pytania, w tekście etykiety pojawi się gwiazdka.
Pomoc
Obok tytułu pytania wyświetli się ikona pomocy. Po jej kliknięciu wyświetli się pole z dodatkowymi informacjami. Ponowne kliknięcie ikony zamyka okno z informacjami o pomocy.
Jest to składnik opcjonalny. Używaj tylko wtedy, gdy przydatne jest wyświetlanie dodatkowych informacji, które nie muszą być zawsze widoczne.
![Pomoc: Szczepionka na grypę sezonową jest też nazywana szczepieniem przeciw grypie.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-do.png?hl=pl)
Korzystaj z pomocy w przypadku informacji, które użytkownicy mogą zobaczyć tylko raz lub zawierają dodatkowe informacje.
![Pomoc: wybierz jedną z opcji.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-dont.png?hl=pl)
Staraj się nie ukrywać instrukcji w polu pomocy, które powinny być widoczne dla wszystkich.
Przechwytywanie danych
![8 komponentów zbierania danych: pola tekstowe, selektor daty, menu, suwak, pojedynczy wybór, wybór wartości logicznej, wybór wielokrotny oraz otwarty.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datacapture-banner.png?hl=pl)
Kiedy używać którego komponentu?
Typ wprowadzania danych | Wybór wartości logicznej | Pojedynczy wybór | Jednokrotny wybór | Otwórz wybór | Menu | Selektor daty | Pole tekstowe | Suwak | Autouzupełnianie |
---|---|---|---|---|---|---|---|---|---|
Wybierz „Tak” lub „Nie” | |||||||||
Wybierz jedną opcję | Ostrzeżenie: |
||||||||
Wybierz kilka opcji | Ostrzeżenie: |
||||||||
Tekst | |||||||||
Daty | |||||||||
Numbers | Ostrzeżenie: |
Pola tekstowe
Pola tekstowe wskazują, że użytkownicy mogą wpisywać informacje.
Korzystaj z pól tekstowych, gdy ktoś chce wpisać w kwestionariuszu tekst, np. imię i nazwisko, numer telefonu czy adres. Ogranicz wprowadzanie danych, które wymagają podania tekstu (klawiatury), gdy zamiast tego można użyć wstępnie wypełnionego pola wyboru (wielokrotnego wyboru lub jednokrotnego wyboru).
Więcej informacji o polach tekstowych na stronie material.io
![Tytuł pytania: Zarejestruj nową osobę. Pole tekstowe 1: nazwa. Pole tekstowe 2: numer telefonu.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-do.png?hl=pl)
Używaj pól tekstowych do wpisywania danych, które wymagają wpisywania unikalnych słów lub cyfr.
![Tytuł pytania: powód wizyty? Pole tekstowe: opisz przyczynę](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-dont.png?hl=pl)
Unikaj tworzenia dowolnych odpowiedzi tekstowych, gdy może to być wielokrotny wybór, menu lub jednokrotny wybór.
Jednokrotny wybór i wartość logiczna
Pojedynczy wybór i wartość logiczna to elementy sterujące, które pojawiają się jako przyciski wyboru, gdy użytkownik zostanie poproszony o wybranie jednej opcji.
Gdy występuje wartość binarna „Tak” lub „Nie”, użyj wartości boolean choice. W przeciwnym razie użyj komponentu pojedynczego wyboru. Jeśli na liście jest więcej niż 10 opcji, użyj menu zamiast jednego wyboru. Menu jest bardziej gęste i łatwiejsze w obsłudze, gdy dostępnych jest wiele opcji.
![Tytuł pytania: Czy jest to ich pierwsza wizyta? Dostępne opcje wyboru wartości logicznej to tak i nie.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-boolean.png?hl=pl)
Jeśli dostępne opcje to „yes” (tak) i „no” (nie), użyj wartości logicznej.
![Pytanie: Jaki jest najwyższy poziom wykształcenia?
Dostępne opcje to: 1. Nie zna 2. Brak wykształcenia
3. szkoła podstawowa 4. szkoła średnia.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-single.png?hl=pl)
Używaj pojedynczego wyboru, gdy użytkownicy mogą wybrać jedną opcję z listy.
![Lista jednokrotnego wyboru przedstawiająca bardzo długą listę stanów. Widoczne są stany 23–27.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-dont.png?hl=pl)
Unikaj jednego wyboru w przypadku bardzo długich list (ponad 10). Zamiast tego użyj menu.
Selektor daty
Selektor daty umożliwia użytkownikom wpisywanie dat zarówno za pomocą selektora daty w kalendarzu, jak i klawiatury. Selektor daty w kalendarzu jest aktywowany po kliknięciu ikony kalendarza.
Używaj selektora daty kalendarzowej tylko w przypadku dat, które są bliskie dzisiejszej daty, np. ostatniej miesiączki lub kolejnej wizyty. W przeciwnym razie ustawiaj priorytety wpisywania z klawiatury dat takich jak data urodzenia.
![Data urodzenia. Data z klawiatury jest aktywna. Ikona kalendarza po prawej stronie pola tekstowego. Zaznaczone jest pole wyboru wskazujące, że data jest przybliżona.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-do.png?hl=pl)
W przypadku wpisywania dat włącz funkcję wpisywania dat za pomocą klawiatury (klikając pole tekstowe) i selektor daty w kalendarzu (klikając ikonę).
![Widok kalendarza z selektorem dat.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-dont.png?hl=pl)
Nie włączaj selektora dat kalendarza jako jedynej metody wprowadzania dat urodzenia. Przechodzenie do miesiąca i roku jest trudne.
Menu
W menu użytkownicy mogą wybierać spośród wielu opcji. Gdy użytkownik zacznie pisać, opcje zostaną odfiltrowane na podstawie wpisanego tekstu. Dzięki temu użytkownicy mogą szybko znaleźć odpowiednią opcję z dużej listy.
Menu to świetna alternatywa dla pojedynczego wyboru, jeśli lista opcji jest bardzo długa (ponad 10 opcji), ponieważ zajmuje mniej miejsca.
![Menu listy stanów (A–F) w poszczególnych stanach.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-do.png?hl=pl)
Użyj menu, gdy wybierasz jedną opcję z bardzo długiej listy, np. stanu lub miasta.
![Menu dotyczące wieku z numerami od 1 do 6.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-dont.png?hl=pl)
Unikaj używania menu w sytuacjach, gdy łatwiej będzie wpisać treść, zamiast przewijania wszystkich opcji (np. wieku).
Jednokrotny wybór
Wielokrotny wybór to element sterujący, który wyświetla się jako pola wyboru, gdy użytkownicy mogą tworzyć wiele sekcji z listy opcji.
Używaj opcji wielokrotnego wyboru, jeśli użytkownicy mogą wybrać tylko coś z wcześniej ustalonej listy. Jeśli użytkownicy mogą też dodawać własne bezpłatne odpowiedzi, zamiast tego użyj komponentu otwarty wybór. W polu instructions wpisz „Zaznacz wszystkie pasujące odpowiedzi”, aby użytkownicy wiedzieli, że mogą wybrać wiele opcji.
![Tytuł pytania: Jaki jest powód tej dzisiejszej wizyty? Wyświetlane są 4 pola wyboru i opcje, po 1 w każdym wierszu.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-do.png?hl=pl)
Domyślnym wyglądem jest kontener wokół pól wyboru, aby klikalny obszar był oczywisty.
![Tytuł pytania: Jaki jest powód dzisiejszej wizyty. Pokazanych 6 polów wyboru i opcji, po 2 w każdym wierszu. W przypadku 2 opcji tekst jest obcięty.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-dont.png?hl=pl)
Unikaj wyświetlania wielu opcji w jednym wierszu. Różni się rozmiar ekranu telefonu i rozmiar tekstu mogą spowodować przycięcie tekstu.
Otwórz wybór
Pytanie otwarte działa podobnie do wielokrotnego wyboru, ale dodatkowo umożliwia użytkownikowi wybranie opcji Inne i wpisanie dowolnego tekstu.
Używaj otwartej opcji, jeśli istnieje wstępnie skonfigurowana lista opcji, ale użytkownicy mogą też dodawać dodatkowe opcje. Użyj opcji open source, jeśli jest znana większość opcji, ale prawdopodobnie niektórzy użytkownicy wybiorą opcję Inne, bo żadna z dostępnych opcji nie ma zastosowania.
![Wybrano opcję Inna. Pole tekstowe do dodawania dowolnego tekstu jest aktywne.
Klawiatura jest widoczna.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-do.png?hl=pl)
Używaj, gdy ważne jest, aby gromadzić dokładne dane i nie możesz zastosować żadnej ze wstępnie zdefiniowanych opcji. Przykład: zawód.
![Tytuł pytania: Czy chcesz coś dodać? Trzy opcje: Tak, Nie i Inna. Wybrano opcję Inna. Pole tekstowe do dodawania dowolnego tekstu jest aktywne.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-dont.png?hl=pl)
Unikaj używania tego typu opcji, jeśli większość odpowiedzi wymagałaby wyboru Inne. W takim przypadku użyj pola tekstowego lub akapitu.
Suwak
Suwaki umożliwiają użytkownikom wybieranie wartości z zakresu. Suwak w pakiecie SDK FHIR Androida to oddzielny suwak. Suwak dyskretny pozwala użytkownikom wybrać konkretną wartość z gotowego zakresu. Za pomocą znaczników możesz oznaczać dostępne wartości. Unikaj używania suwaka do wprowadzania danych liczbowych. Zamiast tego użyj pola tekstowego lub menu.
Więcej informacji o suwakach na stronie material.io
![Tytuł pytania: Ile dzieci ma klient? Wybrano suwak z cyfrą 4.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/slider-dont.png?hl=pl)
Jeśli zakres jest duży, nie używaj suwaka w przypadku konkretnych wartości. Zamiast tego użyj pól tekstowych przy użyciu klawiatury.
Sprawdzanie poprawności danych i błędy
Walidacja danych
Weryfikacja danych ogranicza typ danych lub wartości, które można wpisać w polu tekstowym. Sprawdzanie poprawności danych może poprawić jakość zbieranych danych.
Użyj pola EntryFormat, aby wyświetlić ograniczenia dotyczące formatu lub wartości. Wyświetlaj istotne komunikaty o błędach weryfikacji danych w tekście i natychmiast, aby użytkownicy mogli go naprawić.
![Tekst etykiety: numer telefonu. Format wpisu: 8 cyfr.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-show.png?hl=pl)
Z góry zaprezentuj ograniczenia weryfikacji danych, aby użytkownicy wiedzieli, jak wpisać dane.
![Tekst etykiety: numer telefonu. Format wpisu: brak.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-hide.png?hl=pl)
Jeśli nie podasz liczby cyfr, jaką powinien mieć numer telefonu, użytkownicy prawdopodobnie napotkają błąd, a jego przeprowadzenie zajmie więcej czasu.
![Wpisana data to 22/33/4444. Komunikat o błędzie: Nieprawidłowy format daty. Format: dd/mm/rrrr.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-timely.png?hl=pl)
Pokazuj istotne błędy weryfikacji danych natychmiast po uzupełnieniu pola. Komunikaty o błędach zastępują dotychczasowy format wpisu.
![Okno. Napraw poniższe błędy. 1. numer telefonu 2. data urodzenia.
Przycisk 1: prześlij mimo to. Przycisk 2: popraw błędy.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-dontwait.png?hl=pl)
Nie czekaj, aż użytkownik po raz pierwszy kliknie „Prześlij”, aby wyświetlić błędy weryfikacji.
Błędy
Komunikaty o błędach informują użytkowników, że coś pójdzie nie tak, oraz informują, jak rozwiązać problem.
Informuj o błędach za pomocą kolorów, ikon i tekstu.
Więcej informacji o komunikatach o błędach na stronie material.io
![Komunikat o błędzie „Wymagane pytanie. Wybierz jedną z nich.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-howtofix.png?hl=pl)
Wyjaśnij, dlaczego wystąpił błąd (pytanie wymagane) i co można zrobić, żeby to zmienić (wybierz jedno).
![Komunikat o błędzie: „Błąd”.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noexplanation.png?hl=pl)
Komunikat o błędzie, który brzmi tylko „błąd”, nie informuje użytkowników, jak naprawić błąd.
![Data urodzenia. Wpisana data to 22/33/4444. Komunikat o błędzie to Nieprawidłowy format daty. Podaj format: dd/mm/rrrr.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noblame.png?hl=pl)
Przykład: „Nieprawidłowy format daty. Użyj formatu dd/mm/rrrr”.
![Data urodzenia. Wpisana data to 22/33/4444. Komunikat o błędzie: „Wprowadzono nieprawidłowy format daty”.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-dontblame.png?hl=pl)
Nie obwiniaj użytkownika komunikatami o błędach zawierającymi słowa „Ty”, np. „Podano nieprawidłowy format daty”.
![Komunikat o błędzie z ikoną „Wymagane pytanie” przed czerwonym tekstem. Wybierz co najmniej jedną opcję. Kontenery pola wyboru mają czerwony kontur.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-combo.png?hl=pl)
Użyj koloru, ikon i tekstu, aby poinformować użytkowników, że popełniono błąd.
![Brak komunikatu o błędzie lub ikony. Kontenery pola wyboru mają czerwony kontur i jest to jedyny wskaźnik błędu.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-onlycolor.png?hl=pl)
Aby pomóc z częstymi wadami wzroku takimi jak daltonizm na czerwono-zielone, unikaj informowania o błędzie wyłącznie na podstawie koloru.
![Kontenery pól wyboru mają czerwony kontur i jedną ikonę błędu wyświetlaną za każdym kontenerem. Widoczne są 3 ikony.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-icons.png?hl=pl)
Często wystarczy 1 ikona. Nie przesadzaj z wykorzystywaniem ikon do informowania o błędzie.