Katolicy mają 10 przykazań. Niemalże każde Państwo posiada konstytucję. A każdy projektant interfejsów graficznych ma 10 heurystyk Nielsena.

Ale... co to właściwie jest? Już tłumaczę!

thesign.digitalTM to agencja brandingowa tworząca marki dla liderów usług cyfrowych.
thesign.digital
Szymon Kordylewicz
D/007
Design
Heurystyki Nielsena - Część II
Heurystyki Nielsena - Część II
Z tego artykułu dowiesz się:

O słynnych już heurystykach Nielsena, czyli podstawach podstaw w projektowaniu użytkowym.

Heurystyki Nielsena - Część II
Część II

6. Pozwalaj wybierać zamiast zmuszać do pamiętania

Wyświetlanie użytkownikom rzeczy, które mogą rozpoznać, poprawia użyteczność w porównaniu z koniecznością przywoływania elementów od zera, ponieważ dodatkowy kontekst pomaga odnaleźć informacje z pamięci.


Istnieją dwa rodzaje przeszukiwania pamięci: rozpoznanie i przywołanie.

Rozpoznanie następuje, gdy łatwo poznasz osobę lub przedmiot, który jest Ci znany. Jest to bardzo płytka forma wyszukiwania i nie wymaga dużej pracy. Dużo łatwiej jest nam odpowiedzieć na pytanie Czy Steve Jobs był twórcą firmy Apple? niż Kto był twórcą firmy Apple?

Przywołanie zaś ma miejsce, gdy musisz odszukać rzadko używane informacje (data, nazwisko, hasło, login itp.). Aby przywołać informacje, ludzie muszą aktywować więcej procesów w pamięci, dlatego ten proces jest trudniejszy i wymaga większych nakładów energetycznych. Stąd wniosek dlaczego wolimy testy z pytaniami wielokrotnego wyboru niż te z otwartymi.

Brak alternatywnego tekstu dla tego zdjęcia

W przypadku interfejsów graficznych dużo łatwiej jest dokonać wyboru spośród ikon (kojarzących się z daną funkcją) lub menu tekstowego. Niż próbować przywołać ją z pamięci, a następnie zapisać w interfejsie tekstowym podobnym do terminala (takie były początki systemów DOS, BIOS itp.)

BTW - Turbo ciekawe - History of the graphical user interface.


Brak alternatywnego tekstu dla tego zdjęcia

Daj użytkownikom wskazówki dotyczące rozpoznania funkcji i ikonę obok nazwy lub użyj określonego koloru dla powiązanych znaczeń. Dobrze zaprojektowana architektura pomaga również w wyszukiwaniu informacji. Dobry interfejs użytkownika nie wymaga częstego przypominania. Zamiast tego oferuje wszystkie opcje i informacje niezbędne do dokonania wyboru.


7. Zapewnij elastyczność i efektywność

Brak alternatywnego tekstu dla tego zdjęcia

Larry Tesler

Larry Tesler - to prawdopodobnie jemu zawdzięczasz większość wypracowań w czasie studiów. Tak, to twórca skrótów klawiszowych Ctrl+C, Ctrl+V itp. Projektował m.in. dokumentacje obsługi systemów w Xerox, Palo Alto w latach 1973-1976.


Skróty klawiszowe do Sketch'a
Skróty klawiszowe do Sketch'a

Dziś mało kto wyobraża sobie interakcje z komputerem bez podstawowych skrótów. Wyposaż system w dyskretne wspomaganie interakcji, umożliwiające doświadczonym użytkownikom przyspieszenie często powtarzanych operacji. To wspomaganie Nielsen nazwie akceleratorem, operator photoshopa key shortcut'em zaś początkujący internauta - magią.

Akceleratory - niewidoczne dla początkującego użytkownika - mogą często przyspieszyć interakcję użytkownika zaawansowanego, dzięki czemu system może zaspokoić zarówno niedoświadczonych, jak i doświadczonych użytkowników. Jakob Nielsen

Pro user z pewnością doceni dodatkowe funkcje operacyjne, skróty, a nawet możliwość rozszerzenia i dostosowania interfejsu aplikacji. Zaawansowani użytkownicy muszą wykonywać zadania szybko i precyzyjnie. Dobry interfejs powinien zapewniać odpowiednią funkcjonalność zarówno niedoświadczonym, jak i profesjonalistom.


8. Dbaj o estetykę i umiar

W przypadku UX liczy się skuteczność i efektywność działań użytkownika, dopiero na kolejnym miejscu są wrażenia wizualne. Dlatego tak ważne w pracy każdego projektanta jest, by usunąć niepotrzebne elementy z interfejsu użytkownika, i maksymalnie zwiększyć stosunek sygnału do szumu. Gdzie "sygnał" jest istotną informacją, zaś "szum" zbędną .

Minimalizm rządzi! Jednak czy jest lekiem na całe zło?

Teoretycznie minimalizm powinien odciągnąć nas od maksymalizmu i doprowadzić do usprawnienia treści i bardziej wydajnego wykonywania zadań. Należy zachować ostrożność by minimalizm nie stał się powierzchownym zabiegiem wizualnym, gdy projektanci kopiują popularne minimalistyczne cechy, nie zastanawiając się poważnie, czy wspierają własne cele.

Brak alternatywnego tekstu dla tego zdjęcia
Brak alternatywnego tekstu dla tego zdjęcia
Brak alternatywnego tekstu dla tego zdjęcia

Moim zdaniem oszczędna forma wizualna to bardzo dobry kierunek, wykorzystuje tylko niezbędne kolory do obsługi hierarchii informacji. Pomyśl o celu i znaczeniu każdego koloru. Używaj go konsekwentnie.

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

Wróćmy do naszej kawiarni. Terminal jest zepsuty i nie możesz zapłacić kartą, a obsługa nie informuje, że za rogiem jest bankomat lub sama o tym nie wie. To takie założenie – nie masz gotówki, masz problem.

Brak alternatywnego tekstu dla tego zdjęcia

Heurystyka piąta mówi, by błędów unikać. Jesteśmy jednak tylko ludźmi. Co gdy już takowe się zdarzą? Przede wszystkim nie zrzucać winy na użytkownika. Kiedy już z uśmiechem wyjaśnicie problem i przeprosicie za błąd, należy wytłumaczyć, w jaki sposób może rozwiązać problem. Zaproponuj rozwiązanie lub skieruj go do pracownika obsługi klienta, który poradzi sobie z sytuacją.

Komunikaty takie jak „Błąd 234” są absurdalne. Daj użytkownikowi kilka konstruktywnych wskazówek, co dalej. Każdy komunikat o błędzie powinien być jak najbardziej wyraźny i precyzyjny. Nikt nie chce czytać niejasnych wiadomości typu „coś poszło nie tak”. Opowiedz, co się stało w czytelnym ludzkim języku.

Brak alternatywnego tekstu dla tego zdjęcia

10. Zadbaj o pomoc i dokumentację

Sekcję FAQ doceni wielu użytkowników. Ostatnia heurystyka jasno pokazuje, że nawet jeżeli spełnimy wszystkie wcześniejsze zasady to i tak część użytkowników będzie potrzebowała pomocy w obsłudze strony. Pamiętajmy o tym, że nawet jeżeli nasza strona jest idealna to i tak trzeba założyć, że niektórzy użytkownicy mogą mieć problemy w trakcie korzystania z niej.

Dobrze napisana dokumentacja to "często zadawane pytania" i samouczki. Mogą być kluczowe dla zagubionego użytkownika, powinny być dobrze zorganizowane, napisane ludzkim językiem i konkretne. Dobrym przykładem pomocy na etapie zaznajamiania się użytkownika z interfejsem jest onboarding.

Brak alternatywnego tekstu dla tego zdjęcia

Jeśli klient doświadczy sytuacji kryzysowej, możesz być pewny, że jedyne co przyjdzie mu do głowy to "znikam stąd".


Summa summarum!

Jak widzisz, 10 heurystyk Nielsena ma zastosowanie nie tylko w projektowaniu interfejsu, ale i naszym codziennym życiu. Komfort użytkownika to obecnie jedna z najmocniejszych broni do walki z konkurencją. Jeśli istotne jest dla Ciebie budowanie relacji z klientem, spróbuj wdrożyć te 10 punktów u siebie.

Dobrze wykorzystana heurystyka może być jak droga na skróty, która pozwoli Ci szybciej i sprawniej obsłużyć klienta. A chcesz być gospodarzem pierwszej kawiarni, prawda? ;)

Źródła

https://www.nngroup.com/articles/ten-usability-heuristics/



Szymon Kordylewicz Piła Wielkopolska Projektant Grafika thesign.digital