Projektowanie stron internetowych zorientowanych na użytkownika

Poprawnie zaprojektowana stronastrona internetowastrona jest przede wszystkim czytelna i intuicyjna. Przeglądając nią, szybko znajdujemy potrzebne informacje. Od razu wiadomo, gdzie należy kliknąć, żeby dojść do celu.

Chcąc stworzyć projekt takiej strony WWW, należy używać zrozumiałego języka zrozumiałego dla odbiorcy, a elementy informacyjne (powiadomienia, komunikaty, ostrzeżenia, pasek postępu, podpowiedzi) umieścić w widocznym miejscu.

Ważnymi elementami są przyciski (ang. buttons), które powinny zawierać jasny komunikat, np.:

• „czytaj dalej” pod polem tekstowym,

• „zobacz” na banerze promującym bieżącą promocję,

• „kup” pod zdjęciem produktu,

• „dodaj do koszyka” na karcie produktu i tym podobne informacje.

Umieść je w widocznym, intuicyjnym miejscu, czyli tam, gdzie użytkownik spodziewa się, że się pojawią i z chęcią z nich skorzysta.

Poprawnie zaprojektowana witryna internetowa dostarcza użytkownikowi dobrych doświadczeń. Co to oznacza? Gdy wchodzi on na stronę, powinien wiedzieć, gdzie znajdują się poszczególne jej elementy oraz szybko osiągnąć zamierzony cel.

Takie zjawisko w projektowaniu stron nazywamy użytecznością. Stwierdzeniem, które doskonale je tłumaczy, jest zdanie wypowiedziane przez Steve’a Kruga: Don’t make me think (ang. nie każ mi myśleć). Powiedzenie to nazywane jest także prawem użyteczności według Kruga.

Żeby użytkownik nie musiał się zastanawiać, jak poruszać się po stronie, wystarczy:

• używać prostych komend,

• umieszczać ikony powszechnie znane i czytelne – albo takie, do których użytkownicy są przyzwyczajeni, albo budzące skojarzenia z konkretną czynnością, np. ikony mediów społecznościowych, koszyk zakupowy itp.,

• zamieszczać krótkie i esencjonalne teksty,

• unikać elementów służących jedynie do ozdoby,

• wszystkie elementy umieszczać intuicyjnie – w miejscach, w których użytkownik się ich spodziewa, np. „czytaj dalej” pod zapowiedzią artykułu,

• wyróżniać ważne informacje, np. za pomocą koloru, pogrubienia fontu, kontrastowego tła,

• postawić na czytelność zarówno dla osób dobrze widzących, jak i tych z dużymi wadami wzroku.

Użyteczność strony – jak wywołać pozytywne doświadczenia?

Ważnym pojęciem związanym z interakcją człowiek‑komputer jest UX (ang. User eXperience – doświadczenie użytkownika). To zespół wrażeń, jakich doświadcza użytkownik, gdy korzysta ze strony WWW. UX to właśnie omawiana już użyteczność.

Warto znać czterech ważnych badaczy tego zjawiska:

• Ben Shneiderman, autor książki Designing the User Interface,

• Steve Krug, autor książki Don’t make me think,

• Jakob Nielsen, twórca 10 heurystyk służących ocenie jakości wykonanej strony,

• Don Norman, autor książki The Design of Everyday Things.

Badania tych osób wpłynęły na sposób projektowania stron WWW, interfejsów aplikacji webowych i mobilnych, a także innych produktów opartych na interakcji człowiek‑komputer. Badacze w swoich zaleceniach dla projektantów podkreślają, że najważniejsze są:

• intuicyjność,

• satysfakcja,

• wygoda,

• ergonomia,

• prostota.

Zapewnienie tych elementów sprawia, że użytkownik, trafiając na stronę, pozostaje na niej, chętnie z niej korzysta i wraca na nią, a także poleca ją i udostępnia, np. w mediach społecznościowych.

Zasada użyteczności Kruga precyzuje, że użytkownik nie musi zastanawiać, jak coś działa na stronie WWW lub co się stanie, gdy kliknie konkretny przycisk. Użytkownik nie chce dywagować, jak ma dotrzeć do potrzebnych mu informacji i produktów, jak ma złożyć zamówienie i gdzie jest kontakt do właściciela strony. Właśnie dlatego elementy umieszczone w witrynie powinny być czytelne i intuicyjne, a ich funkcje – jednoznacznie określone. Jeśli strona nie jest użyteczna, użytkownik opuszcza ją i szuka takiej, która dostarczy mu dobrych doświadczeń.

Słownik