Artykuł 7 Błędy w użyteczności, które szkodzą Twojej marce

Opublikowany: 2022-08-12

Użyteczność jest jednym z najważniejszych czynników sukcesu strony internetowej. Ale często jest to pomijane. Raz po raz widzieliśmy firmy naruszające najlepsze praktyki użyteczności.

To szkodzi twojej marce i szkodzi twoim wynikom, w 100% przypadków.

W tym artykule przedstawiamy siedem najczęstszych błędów, dzięki czemu będziesz wiedział, czego szukać i możesz budować dobrą wolę wśród użytkowników, zamiast ją tracić.

Siadamy z Jasonem Wolterem (architektem informacji) i Cynthią Stipeche (dyrektorem ds. doświadczenia marki), aby omówić te siedem błędów i ich wpływ na Twoją markę.

  • Błąd nr 1: „Menu hamburgerowe”
  • Błąd nr 2: nieużywanie linków do domu
  • Błąd nr 3: Brak funkcji wyszukiwania
  • Błąd nr 4: Obrotowe karuzele
  • Błąd nr 5: Autoodtwarzanie filmów
  • Błąd #6: Formularze dwukolumnowe
  • Błąd nr 7: tekst zastępczy

Błąd nr 1: Menu „Hamburger”

Jason: Zacznijmy od wielkich spluw. Więc największym z nich jest prawdopodobnie menu hamburgerów. Ludzie często korzystają z menu hamburgerów, ale ma bardzo niski wskaźnik wykrywalności. Ludzie nie zawsze widzą menu, zwłaszcza gdy są to trzy takty.

Trzy takty często nie są rozpoznawane. W branży, w której działamy, korzystanie z menu hamburgerów jest dla nas czymś w rodzaju drugiej natury. Ale w testach terenowych ludzie nie wiedzą, co reprezentują te trzy słupki. Ukrywa menu do niskiej wykrywalności do lepszej opcji.

Jeśli musisz użyć menu hamburgerowego (na przykład podczas przeglądania na urządzeniu mobilnym), najlepszą praktyką jest użycie przycisku z napisem „Menu” z obrysem wokół niego, aby wyraźnie wskazać, że jest to przycisk, który można kliknąć. Ale to nie zastępuje widocznej nawigacji. Idealnie, to jest naprawdę droga, którą chcesz iść.

Wiele agencji używa go, ponieważ jest czystszy. Ale ludziom trudno to zobaczyć. Użyteczność polega na zapewnieniu bezproblemowego działania i ułatwieniu użytkownikom interakcji. A jeśli użytkownicy muszą się nauczyć, jak korzystać z Twojej witryny, aby wchodzić z nią w interakcję, jakie jest prawdopodobieństwo, że wrócą?

Nazywa się to obciążeniem poznawczym. Wchodzisz z czystą kartą, ale im trudniej jest komuś coś znaleźć lub im dłużej każesz mu czekać na jakąś informację, tym bardziej prawdopodobne jest, że w końcu cię porzucą. Rozwiązaniem jest stworzenie prostszego rozwiązania, które działa dla nich.

To jeden z największych błędów użyteczności; menu hamburgerów musi iść!

Cynthia: Dodam do tego trochę kontekstu. Wiele osób nie rozpoznaje menu hamburgerów, a testowanie tego udowadnia. Ale jednocześnie będzie to zależeć od odbiorców firmy.

Na przykład, jeśli jest to witryna z rozrywką lub grami, a odbiorcy są znacznie młodsi, prawdopodobnie będą dokładnie wiedzieć, co oznaczają te trzy wiersze. Istnieją najlepsze praktyki z testowania, ale często są to różnice wiekowe. Jeśli Twoja firma ma wielu młodszych klientów, będą dokładnie wiedzieć, co to jest. W tej chwili, zwłaszcza jeśli prowadzisz stronę B2B, prawdopodobnie nie powinieneś polegać na tym hamburgerowym menu.

Docelowi odbiorcy i persony mają znaczenie. Jeśli masz stronę internetową, która jest przeznaczona dla wszystkich, to duży błąd. Użytkownicy będą przytłoczeni brakiem kontekstu i informacji, które im odpowiadają. Musisz zdefiniować przeznaczenie każdej strony. Jeśli nie jest zdefiniowany, oznacza to, że nie ma prawidłowej struktury. A jeśli nie ma prawidłowej struktury, nie będzie działać poprawnie.

Kiedy tworzysz persony i nie są one oparte na badaniach, możesz w końcu zaprojektować witrynę, która zawiedzie odbiorców. Obserwacja użytkownika końcowego, rozmowa z użytkownikiem końcowym, rozmowa z klientem jest tak kluczowa dla użyteczności i zarządzania marką za pośrednictwem witryny. I my to robimy. Wykonujemy wiele badań opinii klientów, aby lepiej zrozumieć naszą grupę docelową i jej problemy.

Jeśli masz zamiar rozwinąć empatię dla swojej grupy docelowej, powinna ona być zakorzeniona w prawdziwych ludziach. Powinna być zakorzeniona w obserwacji, a nie w założeniach.

Błąd nr 2: nieużywanie linków do domu

Jason: Wiele stron internetowych polega na tym, że ludzie wiedzą, że kliknięcie logo w lewym górnym rogu lub w innym miejscu, w którym znajduje się logo marki, zawsze przeniesie Cię z powrotem na stronę główną.

Testy pokazują, że tak nie jest.

Wiele osób nie zdaje sobie sprawy, że jesteś w stanie nawigować w ten sposób. Tak więc ludzie w końcu klikają przycisk Wstecz w przeglądarce, aby spróbować wrócić na stronę główną. Tak więc posiadanie stałego linku na stronach wewnętrznych umożliwia użytkownikom łatwy powrót do tej strony głównej. I wiele osób to ignoruje.

Cynthia: Czasami chcemy wyraźnie umieścić przycisk z napisem „Strona główna” na stronach wewnętrznych. Myślę, że sięga to różnic pokoleniowych. Młodsza publiczność prawdopodobnie będzie oczekiwać, że jeśli kliknę w logo, zabierze mnie do domu. Jednak obecnie testy pokazują, że używanie logo jako jedynego sposobu na powrót do strony głównej nie jest najlepszą praktyką.

Błąd nr 3: Brak funkcji wyszukiwania ️‍️

Jason: Wyszukiwanie to inna sprawa. Istnieje podzbiór użytkowników, którzy poruszają się po witrynach internetowych za pomocą wyszukiwania. Jeśli więc nie masz opcji wyszukiwania lub jeśli nie podkreślasz opcji wyszukiwania ani widocznym paskiem wyszukiwania, ani przyciskiem wyszukiwania, który wyróżnia się na tle nawigacji, zrażasz określoną grupę odbiorców. Jest to szczególnie ważne w przypadku dużych obiektów o głębokiej architekturze. Badanie przeprowadzone przez Search Engine Journal wykazało, że blisko jedna trzecia użytkowników twierdzi, że zniechęca ich brak pola wyszukiwania w witrynie. Ponad 40% twierdzi, że pole wyszukiwania to najważniejsza funkcja na stronie internetowej.

Absolutnym minimum powinna być ikona wizualnie odróżniająca się od Twojej nawigacji. Jest test, w którym mrużysz oczy i wpatrujesz się w środek ekranu. Twoje widzenie staje się niewyraźne i szukasz wystających przedmiotów, które możesz wizualnie zidentyfikować. Jeśli widzisz tę ikonę wyszukiwania wystającą z tekstu nawigacyjnego, to jest to do przyjęcia. Ale najlepszą rzeczą, jaką możesz zrobić, to mieć widoczny pasek wyszukiwania, aby było jasne, od czego zacząć zapytanie.

Cynthia: Moim innym problemem jest to, że oferujesz wyszukiwanie w swojej witrynie, a następnie nie dajesz ludziom możliwości filtrowania wyników wyszukiwania. Lub nawet jeśli masz funkcję wyszukiwania, wynikowa strona nie ma możliwości filtrowania na przykład według typu pliku. Powoduje to więcej tarcia dla użytkownika, gdy próbuje zlokalizować informacje.

Kolejnym błędem z funkcją wyszukiwania w witrynach jest brak możliwości ponownego wyszukiwania na stronie wyników. W przeszłości przeprowadziliśmy testy i odkryliśmy, że wiele osób, które są młodsze, nie używało menu głównego do przeszukiwania witryny lub znajdowania treści. Przeszli prosto do funkcji wyszukiwania.

Nie mieszają z nawigacją i od razu przechodzą do wyszukiwania. Dla pokolenia wychowanego do znajdowania informacji za pomocą wyszukiwarek takich jak Google, jeśli Twoja funkcja wyszukiwania nie działa w Twojej witrynie, stracisz je.

Błąd nr 4: Obrotowe karuzele

Jason: Automatyczne karuzele – lub ogólnie karuzele – nie są zbyt skuteczne. Ludzie na ogół przewijają się obok nich. Więc jeśli tylko skanujesz stronę, markiza może mieć cztery kluczowe komunikaty, ale większość ludzi zobaczy tylko tę pierwszą, ponieważ po prostu przewinie się w dół do zawartości.

Karuzela samochodowa jest gorsza. W zależności od treści, które tam masz, użytkownicy tak naprawdę nie mają kontroli nad wiadomością, którą widzą. Mogą więc zainteresować się jednym z twoich kluczowych przesłań, a potem zniknie, zanim będą w stanie to wszystko skonsumować. Albo mogli to zobaczyć i chcieć do tego wrócić. Następnie przewijają z powrotem i nie ma go tam, i muszą kliknąć i znaleźć to.

Więc zmuszasz je do pracy. Co wraca do obciążenia poznawczego. A potem, gdy znajdą wiadomość, której szukają, są na niej przez pięć sekund, a potem ponownie się przełączają. Muszą go kliknąć, aby wrócić. To tylko cały bałagan.

Na przykład, jeśli masz pięć slajdów z referencjami, 95% użytkowników zobaczy tylko ten pierwszy. Nie będą klikać i próbować ich wszystkich przeglądać. Ale to nie jest bardzo wysoki priorytet, więc w niektórych przypadkach jest to akceptowalne.

Tam, gdzie jest naprawdę źle, jest w twoim namiocie, gdzie masz trzy lub cztery główne wiadomości i wezwanie do działania. To są kluczowe przesłania, które naprawdę próbujesz przeforsować, a ludzie nigdy ich nie widzą. To w porządku, jeśli nie widzą trzech z czterech Twoich opinii, ale źle, jeśli obracająca się karuzela powoduje, że użytkownik przegapia kluczowe wiadomości.

Cynthia: Zazwyczaj unikamy karuzeli jak ognia, ale wiele firm nadal z nich korzysta. Zwłaszcza w namiocie nie ma to sensu, ponieważ użytkownik może przeoczyć istotną informację. Prawdopodobnie byłoby lepiej, gdybyś nie ukrywał ważnych fragmentów treści, nawet jeśli znajduje się na górze strony.

Niektórzy ludzie chcą upchnąć wszystko na górze strony i tylko o tym myślą. Ale jeśli informacja jest ukryta w namiocie, to nic dla ciebie nie robi.

Błąd nr 5: Autoodtwarzanie filmów

Jason: Wiele stron internetowych lubi wykorzystywać ruch w swoich namiotach. Może być film, a kiedy trafią na stronę, rozpocznie się odtwarzanie filmu. Niektórym się to nie podoba. Nie podoba im się ten ruch i nie chcą oglądać wideo.

Aby obejść ten problem, chcesz dołączyć przycisk pauzy. Chcesz mieć coś, co daje użytkownikowi możliwość wyłączenia go, jeśli nie chce tego widzieć. Lepszą praktyką byłoby prawdopodobnie umieszczenie tam obrazu i podkreślenie przycisku odtwarzania, aby dać użytkownikowi opcję: „Czy chcę zobaczyć ten film, czy nie?” Nie tylko wciskasz im to i zmuszasz do oglądania.

Nawet automatyczne odtwarzanie filmów w innych obszarach witryny może zakłócić przepływ informacji przez użytkownika. Więc generalnie nie jest dobrym pomysłem, aby kiedykolwiek coś autoodtwarzać.

Cynthia: Filmy z autoodtwarzaniem są okropne. To wstrząsające doświadczenie. Nie chcesz odwiedzać strony internetowej i automatycznie uruchamiać wideo. Źle byłoby odtwarzać wideo z wyłączonym dźwiękiem. Jeszcze gorzej byłoby przy włączonej głośności. Jeśli chcesz przekonać ludzi, aby po prostu unikali Twojej witryny jak zarazy, śmiało wrzuć wideo z autoodtwarzaniem.

Teraz, jeśli masz kawałek mocnej treści wideo, prawdopodobnie chwyciłbym segment tego wideo i utworzył pasywną pętlę. To nie jest tak w twojej twarzy i widoczne. Może odtwarzać się w pętli trwającej około trzech sekund i zawierać wezwanie do działania, aby obejrzeć cały film. Wtedy to cię nie drażni ani nie zrzuca. W tym momencie wystarczy zachęcić użytkownika do powiedzenia: „Chcę dowiedzieć się więcej na ten temat”. Dajesz im opcję, aby nie byli zaskoczeni, gdy włączy się dźwięk i wideo. Użytkownik powinien przez cały czas mieć kontrolę. Ludzie często o tym nie myślą.

Musimy mieć empatię dla użytkownika. Więc, co to znaczy? Firma będzie miała własne cele. Ale to nie może stanąć na drodze do tego, czego potrzebują sami użytkownicy końcowi. Kluczowe pytanie brzmi: „Jak najlepiej obsłużyć to, co oferuję w ramach ich doświadczenia? Więc kiedy masz empatię dla swojego użytkownika końcowego, zaproś go do odwiedzenia witryny i zapoznania się z nią. I wspieraj ich, gdy nurkują, aby dowiedzieć się więcej.

W tym momencie pojawia się poczucie dobrej woli. Jeśli podejdziesz do swojej witryny, starając się robić to, co jest najlepsze dla użytkownika, zamiast robić to, co jest bezpośrednio najlepsze dla Twojego wyniku, przyniesie to korzyści w dłuższej perspektywie.

Błąd #6: Formularze dwukolumnowe

Jason: Posiadanie pól w linii pionowej zamiast pól po lewej i prawej stronie jest znacznie bardziej użyteczne. Ludzie są przyzwyczajeni do przeglądania czegoś i oczekują, że będą przechodzić w dół strony. Jeśli masz dwie kolumny, istnieje zbyt wiele różnych wzorców tabulacji. Nie wiedzą, czy spada. Nie wiedzą, czy idzie w prawo. Jest oczekiwanie, co powinno się wydarzyć, a to ma zejść w dół. Więc nie zawsze spełniasz to oczekiwanie, gdy masz wiele kolumn. Więc dobrze jest mieć jedną kolumnę, żeby ludzie po prostu przesuwali się w dół formularza.

Two-Column Form Fields

Błąd nr 7: tekst zastępczy

Jason: Nie chcesz używać tekstu zastępczego. Symbole zastępcze są po to, aby pomóc użytkownikowi zrozumieć treść, którą należy tam umieścić. Użytkownik powinien być w stanie określić, co należy do tego pola, bez żadnego tekstu zastępczego.

Więc chcesz, aby Twoje etykiety znajdowały się poza tym polem. Jeśli znajdują się w środku jako symbol zastępczy, po kliknięciu go tekst znika. Jeśli zejdziesz z zadania, możesz wrócić i nie będziesz pewien, jakie pole wypełniasz.

Best Practice for Form Fields

Ma to również wpływ na ułatwienia dostępu w czytnikach ekranu. Etykiety informują użytkownika z czytnikiem ekranu, jaka powinna być ta treść. Jeśli etykieta jest symbolem zastępczym i nie jest dołączona jako instrukcje zewnętrzne, może to zmylić osoby korzystające z czytników ekranu.

Największy błąd: estetyka nad funkcjonalnością

Nigdy nie przedkładaj estetyki nad funkcjonalność i odwrotnie. Chcesz mieć dobrą mieszankę obu. Jeśli zastanawiasz się nad wdrożeniem trendu w projektowaniu, upewnij się, że ma on sens dla Twojej witryny i używasz go z właściwego powodu. Element projektu może wyglądać naprawdę fajnie, ale jest niepraktyczny dla większości użytkowników. Więc chcesz się upewnić, że wszystko działa.

Twoja marka to Twoja reputacja. Jeśli Twoja witryna jest trudna w obsłudze, prawdopodobnie ją nieodwracalnie uszkodzisz.