Jakie heurystyki są stosowane przy projektowaniu stron internetowych? 

10 przykazań designerów UX: Heurystyki Nielsena i Molicha

1. Pokazuj status systemu  

Już podczas pierwszej wizyty użytkownik powinien intuicyjnie poruszać się po stronie. Zadbaj o informację o następstwach działań, ich statusie i możliwych kolejnych krokach. W ramach tej heurystyki można wykorzystać różne rodzaje instrukcji, pasków postępu i komunikatów o wykonanej akcji. 

2. Zachowaj zgodność między systemem a rzeczywistością 

Druga heurystyka ma na celu minimalizację wysiłku, który wkłada użytkownik w zrozumienie strony. W tym celu unikamy żargonu, dbamy o obrazowość komunikatów, wykorzystujemy powszechnie znaną symbolikę i sprawdzone rozwiązania, na przykład oznaczanie linków niebieskim kolorem i podkreśleniem. 

3. Daj użytkownikowi pełną kontrolę 

Ta heurystyka daje użytkownikowi swobodę wycofania się z akcji lub łatwego cofnięcia się do poprzednich kroków. O akcjach nieodwracalnych musi zostać poinformowany komunikatem, takim jak na przykład “Kup teraz z obowiązkiem zapłaty”.

4. Zachowaj spójność i standardy 

 Zachowaj spójność estetyki na wszystkich podstronach. Wykorzystaj układ strony i rozwiązania do których użytkownicy są przyzwyczajeni: 

• Kliknięcie na logotyp w lewym górnym rogu lub na środku odsyła do strony głównej. 
• Pasek wyszukiwarki i symbol koszyka w prawym górnym rogu. 
• Główne menu na górze lub z boku strony. Na urządzeniach mobilnych do menu odsyła kliknięcie symbolu trzech poziomych kropek lub pasków. 

5. Zapobiegaj błędom 

Wyeliminuj błędy zanim się pojawią. Przeanalizuj w którym miejscu mogą pojawić się pomyłki i zapobiegaj im, na przykład poprzez wprowadzenie automatycznego sprawdzania formatu adresu i telefonu użytkownika.

6. Pokaż, nie zmuszaj do zapamiętania 

Wszystkie informacje powinny być łatwe do odnalezienia, by nie przeciążać pamięci użytkownika.  

7. Zapewnij elastyczność i efektywność 

Skróć maksymalnie działania, które musi wykonać użytkownik strony. Przykładem są opcje “zaznacz wszystkie zgody” lub przyciski typu “zobacz inne przedmioty z tej kategorii”. 

8. Zadbaj o estetykę i umiar 

Niech każdy element strony posiada jasną konkretną funkcję. 

9. Zapewnij skuteczną obsługę błędów 

Komunikaty o błędach powinny być krótkie, czytelne, proponować możliwe rozwiązanie i wyróżniać się wizualnie, na przykład kolorem, od pozostałych komunikatów. 

10. Zadbaj o pomoc i dokumentację 

Zapewnij narzędzia do samodzielnego rozwiązania problemu, bez konieczności kontaktu z działem obsługi, takie jak na przykład FAQ (najczęściej zadawane pytania), sekcja pomocy lub samouczek. 

Stosowanie heurystyk Nielsena na wczesnym etapie projektowania pozwala na szybką identyfikację możliwych problemów z użytecznością serwisu lub aplikacji.