Heurystyki Nielsena
10 heurystyk użyteczności Jakoba Nielsena. Najpopularniejszy framework do oceny jakości interfejsów na świecie.
Wszystkie zasady
Widoczność statusu systemu Visibility of System Status
System powinien zawsze informować użytkownika, co się dzieje, przez odpowiedni feedback w rozsądnym czasie. Ładowanie danych? Pokaż spinner. Formularz się wysyła? Pokaż progress bar. Użytkownik nigdy nie powinien patrzeć na nieruchomy ekran i zastanawiać się, czy coś się dzieje.
Zgodność systemu z rzeczywistością Match Between System and Real World
System powinien mówić językiem użytkownika, nie językiem programistów. Zamiast 'Error 404: Resource not found' napisz 'Nie znaleźliśmy tej strony'. Ikony, kolejność informacji i metafory powinny odpowiadać temu, jak użytkownik myśli o danym zadaniu w realnym świecie.
Kontrola i wolność użytkownika User Control and Freedom
Użytkownicy często wykonują akcje przypadkowo i potrzebują wyraźnego 'wyjścia awaryjnego'. Każdy modal powinien mieć przycisk zamknięcia, każda akcja powinna mieć opcję cofnięcia, a formularz wieloetapowy powinien pozwalać wrócić do poprzedniego kroku.
Spójność i standardy Consistency and Standards
Użytkownicy nie powinni musieć zgadywać, czy różne słowa, sytuacje lub akcje oznaczają to samo. Jeśli w jednym miejscu przycisk nazywa się 'Zapisz', a w innym 'Zatwierdź', a robi to samo, użytkownik się gubi. Spójność dotyczy słów, ikon, kolorów, layoutu i zachowań.
Zapobieganie błędom Error Prevention
Lepiej zapobiegać błędom niż wyświetlać dobre komunikaty o błędach. Wyszarzenie niedostępnych opcji, potwierdzenie przed usunięciem, ograniczenie formatu daty do date pickera zamiast pola tekstowego, to wszystko zapobiega błędom zanim się pojawią.
Rozpoznawanie zamiast przypominania Recognition Rather Than Recall
Minimalizuj obciążenie pamięci użytkownika przez widoczne obiekty, akcje i opcje. Instrukcje powinny być widoczne lub łatwo dostępne, a nie wymagać zapamiętywania z poprzednich ekranów. Każdy ekran powinien zawierać kontekst potrzebny do podjęcia decyzji.
Elastyczność i efektywność Flexibility and Efficiency of Use
Interfejs powinien obsługiwać zarówno początkujących, jak i zaawansowanych użytkowników. Skróty klawiaturowe, akcje masowe i personalizacja pozwalają doświadczonym użytkownikom pracować szybciej, nie przeszkadzając nowicjuszom.
Estetyczny i minimalistyczny design Aesthetic and Minimalist Design
Każda dodatkowa informacja na ekranie konkuruje z informacjami istotnymi i zmniejsza ich widoczność. Interfejs powinien zawierać tylko to, co potrzebne w danym momencie. Dekoracyjne elementy, które nie pełnią funkcji, to szum wizualny.
Pomoc w rozpoznawaniu i naprawianiu błędów Help Users Recognize, Diagnose, and Recover from Errors
Komunikaty o błędach powinny być w prostym języku (bez kodów), wskazywać konkretny problem i sugerować rozwiązanie. 'Błąd 500' nie pomaga. 'Nie udało się zapisać zmian. Sprawdź połączenie internetowe i spróbuj ponownie.' pomaga.
Pomoc i dokumentacja Help and Documentation
Nawet jeśli system powinien być używalny bez dokumentacji, pomoc powinna być łatwo dostępna. Kontekstowe tooltippy, inline hints przy polach formularza i przeszukiwalne FAQ są lepsze niż 100-stronicowa instrukcja w PDF.