Interakcja i feedback
Jak system komunikuje się z użytkownikiem. Feedback, statusy, progresywne ujawnianie i cofanie akcji.
Wszystkie zasady
Natychmiastowy feedback Immediate Feedback
Po każdej akcji użytkownika system powinien odpowiedzieć w ciągu 100 milisekund zmianą wizualną. Kliknięcie przycisku zmienia jego kolor, wpisanie tekstu pojawia się natychmiast na ekranie, przesunięcie suwaka aktualizuje wartość w czasie rzeczywistym. Opóźniony feedback prowadzi do wielokrotnego klikania.
Przewidywalność interakcji Interaction Predictability
Użytkownik powinien wiedzieć, co się stanie po kliknięciu, zanim kliknie. Przycisk 'Wyślij' powinien wysyłać, a nie otwierać nowe okno. Link powinien prowadzić tam, dokąd wskazuje tekst. Niespodzianki w interfejsie podważają zaufanie i spowalniają użytkownika.
Odkrywalność Discoverability
Użytkownik powinien odkryć dostępne funkcje bez instrukcji. Jeśli w liście można swipować elementy, pokaż to wizualnie (np. delikatne przesunięcie pierwszego elementu). Ukryte funkcje, które działają tylko po kliknięciu prawym przyciskiem lub geście, są niewidoczne dla większości użytkowników.
Progresywne ujawnianie Progressive Disclosure
Pokazuj tylko to, co potrzebne w danym momencie, a resztę ujawniaj stopniowo. Zaawansowane filtry ukryj za 'Więcej opcji', szczegóły produktu za 'Pokaż więcej', zaawansowane ustawienia za osobną zakładką. Nie obciążaj początkującego użytkownika wszystkim naraz.
Widoczność statusu systemu System Status Visibility
Użytkownik powinien wiedzieć, w jakim stanie jest system: czy dane się zapisały, czy plik się uploaduje, ile procent procesu jest gotowe. Pasek postępu, toast z potwierdzeniem, zmiana statusu w nagłówku, to wszystko sygnały statusu.
Cofanie akcji Undo
Możliwość cofnięcia akcji zmniejsza lęk przed eksperymentowaniem i popełnianiem błędów. Gmail po usunięciu maila pokazuje 'Cofnij' na kilka sekund. Edytor tekstu ma Ctrl+Z. Każda destrukcyjna lub trudno odwracalna akcja powinna mieć mechanizm cofania.
Mikrointerakcje Microinteractions
Mikrointerakcje to małe, subtelne animacje reagujące na akcje użytkownika: pulsujący przycisk, animacja checkmark po zapisaniu, bounce przy błędnej próbie logowania. Nie są kluczowe funkcjonalnie, ale budują poczucie jakości i responsywności interfejsu.