UX/UI Designer — Praca krok po kroku
Zmiana terminu wizyty
Praca krok po kroku · Lekcja 4 z 9
Przepływ i prototyp
Zapisz punkt wejścia, cel i możliwe ścieżki alternatywne. Prototyp powinien odpowiadać na pytanie badawcze. Proste ekrany i realistyczna treść często wystarczą do sprawdzenia kolejności kroków.
- Co zrobić najpierwZaprojektuj przepływ
- Co zrobić dalejPrzepływ i prototyp
- Jak zakończyćSprawdź odpowiedź i wyjaśnij swój wybór
Zaprojektuj przepływ
Rozrysuj punkt wejścia, główną decyzję, wyjątek i wyjście z procesu. Przenieś je do prostego prototypu.
Ćwiczenie praktyczne
Narysuj przepływ rezerwacji terminu wraz ze ścieżką, w której wszystkie terminy są zajęte.
Zmiana terminu wizyty
Podejmij decyzję
Wróć do notatki z początku sprawy. Zapisz pierwsze działanie i wyjaśnij, jak pomoże rozwiązać sytuację.
Pokaż przykładową reakcję
Pokaż dostępne alternatywy i zachowaj obecny termin do potwierdzenia nowego. Osoba może wycofać się ze zmiany i wie, który termin obowiązuje.
Sprawdź się — opcjonalne pytanie
Co warto uwzględnić oprócz ścieżki sukcesu?
- Stan braku wolnych terminów
- Kolejną wersję logo
- Pełną specyfikację animacji
Pokaż odpowiedź i wyjaśnienie
Stan braku wolnych terminów. Stan bez terminów pozwala przetestować ważną decyzję i zaprojektować następny krok.
Praca krok po kroku · Lekcja 5 z 9
Komponent i warianty stanu
Opisz zachowanie komponentu w stanach zwykłym, aktywnym, skupionym klawiaturą i niedostępnym. Dokumentuj zakres użycia i nazwy odpowiadające funkcji.
- Co zrobić najpierwKomponent
- Co zrobić dalejWariant stanu
- Jak zakończyćZasada użycia
Przykład z pracy
Przycisk w prototypie ma wariant zwykły, ładowanie i błąd akcji. Pole z błędem pokazuje dodatkową treść, która mieści się także na wąskim ekranie.
Ćwiczenie praktyczne
Zaprojektuj komponent pola rezerwacji w czterech stanach i podaj przykład użycia każdego.
Sprawdź się — opcjonalne pytanie
Czego wymaga prototyp do oceny błędu formularza?
- Widocznego stanu błędu z tekstem i drogą poprawy
- Kolejnej wersji logo
- Zastąpienia wszystkich tekstów szablonem
Pokaż odpowiedź i wyjaśnienie
Widocznego stanu błędu z tekstem i drogą poprawy. Stan błędu pokazuje, jak osoba rozpozna problem i będzie mogła dokończyć zadanie.
Praca krok po kroku · Lekcja 6 z 9
Scenariusz testu użyteczności
Zadanie powinno opisywać naturalny cel. Zdefiniuj kryteria powodzenia, pomocy i przerwania. Podczas obserwacji zapisuj fakty zamiast interpretować intencję uczestnika.
- Co zrobić najpierwCel zadania
- Co zrobić dalejObserwacja
- Jak zakończyćInterpretacja i hipoteza
Przykład z pracy
Zamiast polecenia „kliknij przycisk Zmień”, badacz prosi o przełożenie wizyty na przyszły tydzień. Notuje zawahanie przy nazwie zakładki i sposób znalezienia rozwiązania.
Ćwiczenie praktyczne
Napisz dwa zadania dla prototypu rezerwacji i formularz obserwacji do wypełnienia po każdym zadaniu.
Sprawdź się — opcjonalne pytanie
Co jest obserwacją?
- Nazwa zakładki na pewno jest zła
- Uczestniczka otworzyła trzy zakładki przed znalezieniem wizyty
- Uczestniczka nie lubi aplikacji
Pokaż odpowiedź i wyjaśnienie
Uczestniczka otworzyła trzy zakładki przed znalezieniem wizyty. Obserwacja opisuje przebieg, a wyjaśnienie wymaga dalszego sprawdzenia.