Co design drzwi może nam powiedzieć o web usability?

Porozmawiajmy o drzwiach. Drzwi nie wydają się być skomplikowane w obsłudze, prawda? Przyciągasz do siebie, pchasz, czasami przesuwasz. Drzwi generalnie służą dostaniu się na jakiś koniec, umożliwiając Ci przejście z punktu A do B.

Prawdopodobnie nigdy nie rozmyślałeś nad drzwiami. Co więcej, z pewnością zaczynasz zastanawiać się dlaczego w ogóle o nich mówię. Ale wszystko po kolei.

Niektóre drzwi bywają mylące. Mogą wyglądać jakby miały być ciągnięte, a tak naprawdę powinieneś je pchnąć. A może ich design różni się od wszystkich innych drzwi, które widziałeś w pobliżu i wprawia Cię to w zakłopotanie.

Temat drzwi wydaje Ci się dość abstrakcyjny? Nic bardziej mylnego – to centralna problematyka rozważań nad doświadczeniem użytkownika (UX).

Donald Norman, kluczowa postać badań nad usability (czyli użytecznością), prawdziwy adwokat podejścia user-centric i człowiek, który jako pierwszy ukuł termin „user experience”, poświęcił sporą część swojej książki The Design of Everyday Things właśnie drzwiom.

 

Źle zaprojektowane drzwi, złe doświadczenie użytkownika

Autor wyjaśnia w swojej książce jak źle zaprojektowane drzwi (tak zwane „Drzwi Normana” z ang. „Norman Door”) mogą dawać mylne sygnały względem swojej użyteczności, aż do tego stopnia, że wymagają specjalnych oznaczeń objaśniających ich funkcjonowanie. Bez tych objaśnień użytkownik zastanawiałby się, czy drzwi należy pchać, ciągnąć czy może przesunąć.

„Jest kilka naprawdę podstawowych reguł designu” mówi Norman w filmiku na Vox o tytule „It’s not you. Bad doors are everywhere”. Jedną z tych reguł, według Normana, jest „discoverability” (możliwość bycia odkrytym). „Gdy patrzę na coś, powinienem być w stanie odkryć, do jakich operacji to służy”.

Podążając za tą logiką, dobrze zaprojektowane drzwi to takie, których funkcjonowanie jest dla nas jasne. Wystarczy, że na nie popatrzymy, żeby wiedzieć, jak działają.

Reguła ta znajduje swoje zastosowanie w znacznie szerszym kontekście niż drzwi.

Przenosząc te terminy w internetowe realia, „usability” i „discoverability” są tak istotne dla strony internetowej jak istotne są dla drzwi.

Czym jest usability i web usability?

Według eksperta od usability, Jakoba Nielsena, „użyteczność to cecha, która wyraża łatwość, z jaką używamy danego interfejsu”. Słowo „użyteczność” odnosi się również do metod służących ulepszaniu łatwości użytkowania podczas procesu projektowania.

W ostatnich latach badania nad web usability stały się niezwykle popularne, jako że wiele firm i marek zaczęło zdawać sobie sprawę z istoty posiadania funkcjonalnej i łatwej w użytkowaniu witryny.

Web usability i web design

Istotą dobrej strony internetowej jest jasność i angażujący charakter doświadczenia użytkownika, jakie towarzyszy nam przy użytkowaniu jej. Łatwość manewrowania ze stroną powinno dotyczyć zarówno nowych jak i powracających użytkowników. Dobrze zaprojektowana strona będzie prowadziła użytkownika przez jasno zdefiniowaną ścieżkę, aż do zrealizowania oczekiwanej przez Ciebie akcji.

Dokładnie tak jak w przypadku drzwi, dobrze zaprojektowana strona to taka, której funkcjonowanie jest dla użytkownika momentalnie jasne.

W The Design of Everyday Things Norman mówi, że dobre zrozumienie ludzkiej psychologii (albo, mówiąc językiem internetu, „user behavior”) jest kluczowe w procesie projektowania produktu (lub strony internetowej w tym przypadku). Umożliwia ono stworzenie dobrego designu, tzw. user-centric, a co za tym idzie również i dostarczenie pozytywnego doświadczenia użytkownika. Argumentuje on to przekonanie mówiąc, że zły design jest często związany z niezrozumieniem ludzkich potrzeb i psychologii.

„Projektowanie technologii mających odpowiedzieć na ludzkie potrzeby i możliwości jest zdeterminowane przez psychologię. Tak, technologie się zmieniają, ale ludzie pozostają tacy sami.”

Myślisz, że Twoja strona ma dobry UX. Myślisz, czy wiesz?

Pierwszym krokiem w tworzeniu strony user-centric (albo „human-centric”, jak mówi Norman) to zrozumienie jej użytkowników. Wydaje Ci się, że użytkownik zrozumie funkcjonowanie Twojego interfejsu? Jedynym sposobem na przekonanie się o tym, co jest zrozumiałe, a co nie jest, jest testowanie strony internetowej.

Aktualnie e-marketerzy mają do swojej dyspozycji różne narzędzia pozwalające im na testowanie doświadczenia użytkownika witryn internetowych. Możesz na przykład śledzić zachowanie użytkowników na Twojej stronie.

Jednym z takich narzędzi jest nagrywanie sesji, które umożliwia Ci śledzenie nagrań zapisujących interakcje użytkowników z Twoją witryną. Dzięki tym automatycznie generowanym video możesz obserwować ruchy myszki, scrolle, a także kliknięcia na poszczególne elementy strony.

Gdy zgromadzisz już odpowiednią ilość nagrań, możesz je filtrować w zależności od lokalizacji użytkowników, danych demograficznych czy urządzenia, z jakiego korzystają. W przeciwieństwie do standardowych testów użyteczności, użytkownicy nie wiedzą w tym przypadku, że są nagrywani, a zatem zachowują się całkowicie naturalnie. Badania wykazują bowiem, że ludzie mają tendencję zachowywać się inaczej, gdy wiedzą, że są obserwowani.

Innym przydatnym narzędziem do ulepszania doświadczenia użytkownika są heat mapy. Jest to, mówiąc w skrócie, grafika pokazująca „ciepłe” i „zimne” miejsca Twojej strony internetowej, w zależności od tego jak często Twoi użytkownicy wchodzą z nimi w interakcje. Dzięki temu jasno zobaczysz, które elementy Twojej strony spotykają się z niezrozumieniem bądź są mniej atrakcyjne i wykryjesz obszary ścieżki użytkownika wymagające optymalizacji.

Oto przykład heat mapy AB Tasty zastosowanej na stronie e-commerce marki MODZ:

Dzięki nagrywaniu sesji i heat mapom uzyskasz niezwykle szczegółowy obraz tego, jak użytkownicy zachowują się na Twojej stronie, a co za tym idzie – zrozumiesz, czy interfejs Twojej witryny faktycznie można nazwać mianem user-centric.

Nie pozwól, by Twoja strona była jak drzwi Normana

Myśl o Twojej stronie jak o drzwiach. Jeśli użytkownik, patrząc na nią, nie jest w stanie domyślić się w jaki sposób ona funkcjonuje (czyli jak po niej surfować), jej UX najprawdopodobniej nie jest najlepszy. Korzystaj z narzędzi takich jak nagrywanie sesji czy heat mapy, aby upewnić się czy aby na pewno Twoja strona podpowiada użytkownikom jaką akcję powinni wykonać i odkrywaj obszary i elementy wymagające optymalizacji. Ta sama reguła nazywana „discoverability” znajduje swoje zastosowanie w Internecie — gdy użytkownik dostaje się na Twoją stronę, powinien być w stanie natychmiastowo odkryć jakie akcje może na niej zrealizować.

Niech Twoja strona nie będzie jak te drzwi, które się pcha, a powinno się ciągnąć!

 

Related Posts

Tweetnij
Udostępnij
Udostępnij
Pocket
Buffer
X