Czasami drobny brak w interfejsie wystarczy, żeby użytkownik przestał ufać temu, co właśnie zrobił. Tak było podczas wpisywania mobilnego PIN-u w aplikacji bankowej.
Problem: klikam cyfrę, ale nie wiem, czy aplikacja ją przyjęła
Po dotknięciu cyfry na klawiaturze nie pojawiała się żadna zauważalna reakcja. Przycisk nie zmieniał koloru, nie wykonywał krótkiej animacji, a jego obramowanie pozostawało takie samo.
Jako użytkownik nie miałem pewności, czy dotknąłem właściwej cyfry i czy aplikacja w ogóle zarejestrowała moje działanie. Przy wpisywaniu PIN-u ma to szczególne znaczenie. Kod jest ukryty, więc nie można po prostu spojrzeć na wpisany ciąg i sprawdzić, czy wszystko się zgadza.
Dlaczego to jest problem UX?
Każda akcja użytkownika powinna otrzymać szybką i czytelną odpowiedź interfejsu. Nie musi to być duży komunikat. Wystarczy sygnał potwierdzający: „tak, aplikacja odebrała Twój dotyk”.
Bez takiej informacji pojawia się niepewność. Użytkownik może nacisnąć cyfrę ponownie, zwolnić podczas wpisywania albo zastanawiać się, czy popełnił błąd. W procesie logowania do banku dochodzi do tego obawa przed zablokowaniem dostępu po kilku nieudanych próbach.
Rozwiązanie: subtelny stan po dotknięciu
Najprostszym rozwiązaniem byłaby krótka, delikatna reakcja przycisku po dotknięciu, na przykład:
Moja rekomendacjaKażde dotknięcie cyfry powinno dostać natychmiastową odpowiedź.
Dodałbym krótką animację przycisku, zielone lub turkusowe obramowanie i lekką wibrację. Użytkownik od razu wie, że aplikacja przyjęła właściwą cyfrę, a wpisywanie PIN-u nadal pozostaje szybkie.
Kliknij cyfry i zobacz reakcję przycisków. Testowy PIN: 1234.
- zmiana obramowania cyfry na zielone lub turkusowe,
- krótkie wypełnienie tła przycisku,
- subtelne zmniejszenie i powrót do pierwotnego rozmiaru,
- połączenie animacji wizualnej z lekką wibracją urządzenia.
Taki stan powinien trwać krótko – około 100-200 ms. Ma potwierdzać akcję, ale nie spowalniać wpisywania kodu. Dodatkowo każda przyjęta cyfra powinna od razu zmieniać wygląd odpowiadającej jej kropki nad klawiaturą.
Mały detal, duży wpływ na poczucie kontroli
To niewielka zmiana, ale właśnie takie detale budują poczucie kontroli i zaufanie do produktu. Szczególnie w aplikacjach finansowych użytkownik nie powinien zastanawiać się, czy system zauważył jego działanie.
Dobra informacja zwrotna nie odciąga uwagi. Pojawia się dokładnie wtedy, gdy jest potrzebna, i natychmiast rozwiewa wątpliwość.