Projektowanie stron internetowych ma długą, długą drogę od lat dziewięćdziesiątych, kiedy takie rzeczy jak GeoCities i AOL zdominowały Internet. Projekt ewoluował wraz z głębszym zrozumieniem zasad, takich jak użyteczność i doświadczenie użytkownika. Z pewnością nie brakowało badań badających wszystko, od typografii i prędkości strony, do treści powyżej i poniżej krotności.

Grupa Nielsen Norman jest jedną z najważniejszych konsultacji na temat doświadczeń użytkowników na świecie. Działa od dziesięcioleci, prowadząc badania po studiach nad projektowaniem, użytecznością i UX. W jedno z pierwszych badań od czasu, gdy w 1996 r. "Friends" i "The X-Files" były nadal w telewizji - zidentyfikowali 10 błędów w projektowaniu stron internetowych, które były bardzo problematyczne w tamtych czasach, w początkach sieci.

Można by pomyśleć, że 20 lat później, gdy projekt stał się bardziej wyrafinowany, a informacje o projekcie stały się znacznie bardziej dostępne, projektanci nauczyliby się unikać błędów projektowych, ale ostatnie badanie użyteczności na dużą skalę z 2016 r przez NN Group okazało się wręcz przeciwnie.

Zamiast uczyć się na błędach z przeszłości, projektanci nieprzerwanie powtarzali je przez dziesięciolecia. W rzeczywistości, jeśli istnieje jedna rzecz, która jest pewna w projektowaniu stron internetowych, to te błędy nadal utrzymują się, ponieważ projektanci wciąż zapominają o podstawach:

  • Umożliwianie użytkownikom znajdowania informacji
  • Umożliwienie użytkownikom odczytania tych informacji
  • Umożliwienie użytkownikom zrozumienia, gdzie kliknąć i gdzie znajduje się miejsce docelowe

Brak przejrzystości

Jednym z najbardziej upartych błędów, które projektanci popełniają na stronach internetowych, nie jest zrozumienie potrzeby, aby użytkownicy jasno i łatwo zrozumieli, o co chodzi w tej witrynie lub jej elementach.

W badaniu zidentyfikowano te błędy wokół braku jasności:

  • Nieoczekiwane lokalizacje treści
  • Rywalizowanie linków i kategorii
  • Ukryte opłaty i ceny

Badanie wykazało, że zbyt wielu projektantów umieszcza treści w miejscach, których użytkownicy nie znają w oparciu o zwykłe nawyki przeglądania. Na przykład niedokładne lub niewłaściwe nazwy kategorii, które nie pasowały do ​​oczekiwanej treści w obrębie kategorii, były powtarzającym się problemem.

Kolejną kwestią były kategorie nawigacyjne lub linki, które brzmią podobnie do siebie, co utrudnia użytkownikom znalezienie potrzebnych informacji. W takim przypadku użytkownicy prawdopodobnie opuścili Twoją witrynę i udadzą się gdzie indziej, gdzie zawartość jest uporządkowana znacznie jaśniej.

Ukryte opłaty i ceny również zaszkodzą Twoim konwersjom, ponieważ żaden klient nie chce mieć poczucia, że ​​jest traktowany nieuczciwie. Jeśli chodzi o pieniądze, użytkownicy chcą wiedzieć o wszystkim, co będą musieli zapłacić za do góry, na początku transakcji. Odnosi się to do cen, opłat abonamentowych, opłat za wygodę i wszystkiego, co dotyczy pieniędzy. Z czystego punktu widzenia, to ogromny błąd, jeśli ukrywanie opłat i cen powoduje utratę klientów i transakcji.

Overstock jest doskonałym przykładem pełnego ujawnienia: zwróć uwagę, jak duże i pogrubione są informacje o cenach produktów.

nadmiar zapasów

Problemy z UX

To, jak łatwo twoi użytkownicy serwisu stwierdzają, że faktycznie korzysta z Twojej witryny, ma wpływ na to, czy Twoja witryna ma dobry UX, czy nie.

Badanie przeprowadzone przez grupę NN ujawniło błędy projektowe związane z UX, które po prostu nie znikną:

  • Wyspy informacji
  • Powtórz połączenie
  • Łączenie użytkowników w mikrowitryny
  • Nieodpowiednie wyniki wyszukiwania
  • Błędne filtry i fasety

Dwa duże błędy projektowe to odizolowane obszary informacji na danej stronie, które nie zawierają linków do innych powiązanych informacji na różnych stronach i zmuszają użytkowników do wielokrotnego klikania, co oznacza takie same typy linków, aby uzyskać konkretne informacje. Oba błędy konstrukcyjne są niedogodne dla użytkowników, ponieważ nie dostarczają im informacji, których szukają w kontekście.

Wiele witryn posiada podwitryny (pomyśl o Yahoo). Problem polega na tym, że niektóre z tych podwitryn zapewniają użytkownikom brak możliwości powrotu do głównej strony, tworząc dla nich ból głowy i pozostawiając ich w miejscu, w którym nie chcą być. Yahoo jest w rzeczywistości doskonałym przykładem witryny głównej i podwitryn zrobionych poprawnie, ponieważ użytkownicy nigdy nie są zagrożeni i zawsze mogą kliknąć przycisk strony głównej, aby powrócić.

wieśniak

Niestety w przypadku wyszukiwania wiele witryn nie przeszukuje całej witryny pod kątem wyszukiwanych haseł ani nie zwraca wyników, które w ogóle nie pasują do wyszukiwanych haseł.

Podczas gdy filtry i fasety (w zasadzie filtry dla różnych atrybutów obiektów w zestawie treści) mają dobre intencje, są one często niepoprawnie oznaczane lub niewystarczające, co powoduje zamieszanie.

Zastraszanie architektury informacyjnej

Architektura informacji powinna pod wieloma względami być sercem i duszą dobrego wzornictwa. Zasadniczo pomaga to użytkownikom w szybkim zrozumieniu środowiska i zawartości witryny, dzięki czemu znajdują to, czego szukają. Obejmuje etykietowanie, organizowanie i porządkowanie treści w możliwie najczystszy sposób.

W badaniu użyteczności ponownie znaleziono uparte, powtarzające się błędy popełniane przez projektantów w tej dziedzinie, podobnie jak 20 lat temu. Obejmują one:

  • Przytłaczający użytkownicy z nadmiernymi informacjami
  • Prezentowanie użytkownikom ukrytych linków

Badania wykazują, że użytkownicy nie czytają treści internetowych; to bardziej przypomina przeglądają lub skanują te treści zamiast. Dlatego treść powinna być urywana, w małych i krótkich akapitach i rozbijana na wszystko, od punktów kulowych do wyliczeń w celu lepszego czytania. Ostatnią rzeczą, którą chcesz zrobić, jest umieszczenie ogromnych bloków tekstu przed użytkownikami.
Wayfair.com to przykład, w jaki sposób prezentować informacje odwiedzającym. Zwróć uwagę, że jego treść jest łatwa w trawieniu, ponieważ jest skutecznie rozbijana.

Wayfair

Jeśli chodzi o ukryte linki, zdziwiłbyś się, ile razy projektanci ukrywają linki do odpowiednich treści witryny - na przykład menu restauracji - w tej samej kolumnie, co reklamy prowadzące do linków zewnętrznych. Długie i krótkie jest to, że większość użytkowników nie będzie w stanie znaleźć takich istotnych linków wśród wszystkich reklam, co sprawia, że ​​biorąc pod uwagę umieszczenie odpowiednich linków niezwykle ważne dla projektu.

Czy wkrótce będzie lepiej?

Częścią problemu jest to, że wielu projektantów po prostu nie jest ekspertami od użyteczności, ale to nie jest wymówka. Kiedy projektujesz, musisz mieć obsesję na punkcie zapewniania swoim użytkownikom doskonałego UX. W przeciwnym razie użyteczność witryny, konwersje, czas na stronie i sprzedaż po prostu spadają - a żaden klient tego nie toleruje.

Ciekawe, czy w ciągu kolejnych 20 lat nadal będziemy oglądać podobne badania, mówiąc o tym, jak błędy projektowe sprzed wielu lat wciąż prześladują naszą społeczność projektującą strony internetowe.