Lista kontrolna UX Design – Lista audytów dostępności doświadczeń użytkowników

Wiarygodność strony internetowej często ocenia się tylko na podstawie jej wyglądu. Wyrażenie estetyka jest strasznie nieprecyzyjne, zależne zarówno od osobistych upodobań, jak i trendów, co oznacza, że ​​całe doświadczenie użytkownika jest jeszcze ważniejsze. Chodzi o to, aby zajrzeć do głów odwiedzających dzięki dobremu projektowi UX. Przewiduje każdy ich ruch i projektuje stronę internetową, która jest łatwa w użyciu, intuicyjna i przyjemna.

Niestety nie ma prostego rozwiązania ani złotego środka, jeśli chodzi o dobry projekt UX. To wynik mnóstwa drobnych poprawek. Każdy z nich przyczynia się do lepszego doświadczenia użytkownika w Twojej witrynie. Pamiętaj o tej liście kontrolnej, gdy następnym razem zaczniesz projekt UX. Pomoże Ci w realizacji celów biznesowych, zrozumieniu użytkowników i uniknięciu kosztownych błędów.

Jakie są najważniejsze rzeczy, o których należy pamiętać, projektując UX dla nowej witryny? Jeśli chodzi o projektowanie UX, w grę wchodzi wiele różnych czynników. Jednak niektóre z najważniejszych to funkcjonalność, treść na stronie i prostota.

Jeśli pracujesz nad projektem strony internetowej, skorzystaj z tej listy kontrolnej UX, aby pokierować swoją pracą. Uwzględniając wszystkie podstawy pod względem doświadczenia użytkownika, możesz stworzyć witrynę, która jest łatwa w użyciu i zapewnia doskonałe wrażenia dla odwiedzających. Pamiętaj, że celem jest zawsze stawianie użytkowników na pierwszym miejscu. Jeśli to zrobisz, będziesz na dobrej drodze do zaprojektowania udanej strony internetowej.

01. Powtarzające się czynności lub częste czynności nie wymagają wysiłku

Czy wiesz, że powtarzające się czynności, takie jak wypełnianie różnych formularzy tymi samymi informacjami, mogą być żmudnym zadaniem, które nie pomaga użytkownikowi szybciej osiągnąć jego celów? Oznacza to, że frustrujesz użytkowników, często pytając o te same rzeczy, gdy próbują wejść w interakcję z Twoją treścią i wypełnić formularz w witrynie. Jeśli użytkownik zorientuje się, że spełnienie jego wymagań zajmuje dużo czasu, jest szansa na powrót ze strony. Takie rzeczy dają im szybki sposób na wyszukiwanie innych podobnych firm, które mogą im szybciej pomóc.

Najlepszym sposobem na wypełnienie tej luki jest analiza zachowania użytkownika na wszystkich stronach usług i produktów. Możesz skorzystać z pomocy narzędzia Google Analytics do analizy zachowań użytkowników. Dzięki temu narzędziu możesz poznać ważne dane raportowania, takie jak czas spędzony na stronach, wskaźnik zaangażowania, zdarzenia śledzenia, konwersje i wiele więcej, aby znaleźć powtarzające się działania, które są obecne w dowolnym miejscu. Aby tego uniknąć, możesz podać im dane autouzupełniania, które podali już podczas rejestracji konta na stronie. Na przykład, jeśli użytkownik ma już konto w Twojej witrynie, a teraz chce dokonać nowego zakupu w Twojej witrynie, nie musisz prosić o informacje, o które już prosiłeś.

02. Użytkownicy mogą łatwo naprawić błędy

Kiedy użytkownicy podejmują działania omyłkowo lub niepoprawnie i nie uzyskują oczekiwanych rezultatów, często są sfrustrowani, winni lub jedno i drugie. Jeśli chcesz zachować pewność siebie i satysfakcję użytkowników, ważne jest, aby czuli, że mogą wrócić do miejsca, w którym byli, i nie muszą zaczynać od nowa. Dlatego tak ważne jest, aby podczas projektowania witryny internetowej pod kątem błędów, które mogą się powtarzać przypadkowo, np. wybierając niewłaściwą opcję w oknie dialogowym, umożliwić użytkownikom ponawianie działań.

Istnieją sposoby na uniknięcie wielu z tych błędów. Możesz pokazać za pomocą komunikatów o błędach. Komunikaty o błędach powinny być sformułowane w jasny sposób, tak aby dostarczały adekwatnych informacji o tym, co wydarzyło się podczas pracy na stronie. Tekst powinien również najlepiej zawierać kroki, które mogą potencjalnie rozwiązać problem. Ma to na celu edukację użytkowników (kiedy nie są winni) i nakłonienie ich do samodzielnego rozwiązania problemu, zanim zwrócą się o pomoc do wsparcia.

Podczas przeprowadzania testów użyteczności upewnij się, że tworzysz scenariusze, w których użytkownik najprawdopodobniej wykona zadania, aby przetestować, co się stanie, gdy popełni błąd. Jeśli na przykład użytkownik wypełnia wniosek, podaj mu pola na dane kontaktowe i numer karty kredytowej. Utwórz stany błędów dla tych pól, aby użytkownik mógł zobaczyć, jak łatwo jest naprawić błędy w witrynie.

03. Użytkownicy są odpowiednio wspierani zgodnie z ich poziomem wiedzy

Ważne jest, aby upewnić się, że początkujący użytkownicy Twojego produktu mają płynną naukę. Jednak kiedy już zapoznają się z produktem, powinno to ustąpić miejsca narzędziom, które im pomogą. Zwróć też uwagę na inne nowe funkcje Twojego produktu i nie wahaj się ich pochwalić, aby utrzymać zaangażowanie użytkownika i zachęcić go do odkrywania większej ilości Twojej witryny.

Jedną z najważniejszych rzeczy, jeśli chodzi o użyteczność, jest zapewnienie, że użytkownicy są odpowiednio wspierani zgodnie z ich poziomem wiedzy. Na przykład, jeśli początkujący użytkownik napotka problem, powinien być w stanie znaleźć odpowiedź na stronie z najczęściej zadawanymi pytaniami w Twojej witrynie lub w powiązanym filmie. Ponadto, jeśli eksperci mają problemy z interfejsem, powinni móc skontaktować się z Tobą przez czat lub e-mail.

04. Dostęp do pomocy nie utrudnia postępów użytkownika

Klienci każdego typu wiedzą, jak ważna jest sekcja pomocy produktu. Umożliwienie komuś poproszenia o pomoc w dowolnej części twojego produktu pozwala na ciągły postęp. To powiedziawszy, pomoc nie musi zostać osiągnięta, zanim użytkownik będzie mógł wznowić postęp — po prostu kolejna opcja, którą może podjąć.

Najbardziej irytującą rzeczą związaną z uzyskiwaniem pomocy jest to, że przerywa ona przepływ pracy użytkownika, często gdy jest on w trakcie czegoś. Dlatego tworząc scenariusze testowe dla swojego produktu, upewnij się, że oferuje on użytkownikom możliwość powrotu do tego, co robili, zanim kliknęli „Pomoc!” przycisk.

05. Nie więcej niż trzy kolory podstawowe

Wystarczająco trudno jest stworzyć stronę internetową lub markę, która wyróżnia się zbyt dużą ilością kolorów. Tak więc zalecana liczba dla każdej marki to 3. Nie jest to jednak stała liczba, więc profesjonaliści biznesowi nie powinni martwić się ryzykiem związanym z używaniem więcej niż trzech. Koło kolorów to różnorodność, dająca wiele możliwości do wyboru podczas planowania projektu. I ważne jest, aby pamiętać, że im więcej kombinacji masz w swojej witrynie, tym trudniej będzie odwiedzającym nawigować i zrozumieć, o czym jest Twoja strona.

Jeśli chodzi o kolor, jednym z kluczy do zrozumienia jego znaczenia jest to, że pomaga nam przetwarzać informacje. Prowadzi to do lepszej klarowności zamierzonego przekazu. Jak więc możesz to zrobić z produktem, który już stworzyłeś? Uwzględniając gamę kolorów w swoim produkcie lub usłudze, dajesz ludziom dostęp do swojej marki i całej funkcji, która się z nią wiąże.

06. Sam kolor nie służy do przekazywania hierarchii, treści lub funkcjonalności

Możesz pomyśleć, że posiadanie produktu, który jest dostępny, to plus. Na przykład możesz pomyśleć, że trzy odważne kolory na stronie sprawią, że wszystko będzie się wyróżniać. Jednak poleganie wyłącznie na kolorze w celu przekazania hierarchii, treści lub funkcjonalności oznacza, że ​​osoby z niepełnosprawnością wzroku, takie jak ślepota barw, nie będą mogły korzystać z Twojego produktu i będą wykluczoną grupą demograficzną. I choć na początku może to wydawać się niewygodne, ważne jest, aby zrozumieć, w jaki sposób osoby niepełnosprawne inaczej postrzegają świat — i jak inaczej korzystają z produktów. Z tego powodu podczas tworzenia dowolnego produktu cyfrowego należy pamiętać o dostępności.

07. Użytkownik jest kierowany do wymaganej akcji poprzez wizualną hierarchię

Hierarchia wizualna ma kluczowe znaczenie dla doświadczenia użytkownika z Twoim produktem. Brak zrozumienia, na co użytkownicy patrzą, gdy wchodzą w interakcję z Twoją witryną lub aplikacją, może wpłynąć na ich wrażenia i odjąć kolejność operacji, które chcesz wykonać. Właściwe kierowanie interakcjami użytkowników poprzez zwracanie uwagi na hierarchię wizualną jest ważną częścią zrozumienia, w jaki sposób ludzie powinni wchodzić w interakcje z Twoimi stronami.

Aby lepiej zrozumieć, jak działają przepływy wewnątrz produktu, musisz najpierw zrozumieć hierarchię wizualną. Użytkownicy polegają na hierarchii produktu i wskazówkach, aby wiedzieć, co robić i dokąd się udać. Upewnij się, że ustawiasz jasne wskazówki dla użytkownika i prowadzisz go właściwie, aby mógł z łatwością wykonać swoje zadanie.

08. Najważniejsze są elementy znajdujące się na szczycie hierarchii wizualnej

Użytkownicy mogą szybko skanować informacje i ustalać priorytety treści w oparciu o ich bieżące potrzeby dzięki wizualnej hierarchii. Pozycje na samym szczycie hierarchii wizualnej muszą być najważniejsze dla firmy i najbardziej odpowiednie dla użytkowników.

Zrób zrzut ekranu cyfrowego wyjścia, a następnie rozmyj go promieniem rozmycia Gaussa wynoszącym około 5 pikseli. Kiedy spojrzysz na produkt końcowy, od razu zauważysz hierarchię i które elementy się wyróżniają. Czy te są najważniejsze dla firmy i użytkownika?

09. Akty pierwotne i wtórne różnią się wizualnie

Kluczem do zapewnienia ludziom łatwej interakcji z Twoim produktem jest wizualne odróżnienie głównego działania od działań drugorzędnych. W ten sposób użytkownik nie będzie zdezorientowany tym, co robi każda czynność, i będzie mniej skłonny do popełniania błędów podczas interakcji z Twoim produktem. Na przykład „Prześlij” i „Anuluj” muszą być wyraźnie od siebie oddzielone.

Istnieje wiele sposobów na stworzenie środowiska, które działa dobrze dla użytkowników, ale jedną z najważniejszych rzeczy jest zrozumienie, czego potrzebują i danie im tego – lub przynajmniej zapewnienie im dobrego sposobu wykonywania zamierzonych zadań. To jest coś, co musisz zrobić podczas przeprowadzania testów użyteczności.

10. Nie ma abstrakcyjnych funkcji interaktywnych

Jeśli chodzi o produkty cyfrowe, istnieje wiele oczekiwań, które wynikają z naszych wcześniejszych doświadczeń z innymi produktami. Nasze dotychczasowe doświadczenia nauczyły nas, jak przyciski powinny wyglądać i jak powinny działać, ale także nauczyły nas, że elementy interaktywne mogą wydawać się abstrakcyjne i wymagać elementu nacisku lub siły, aby je aktywować. Dlatego ważne jest, aby użytkownicy mogli wchodzić w interakcję z produktem cyfrowym, aby bez względu na to, kim jesteś, bez względu na to, gdzie jesteś i bez względu na to, z jakiego urządzenia korzystasz, możesz znaleźć pożądany rezultat.

W niektórych przypadkach dobrym punktem wyjścia może być szukanie obszarów, w których nie stosuje się wspólnych wzorców. Przeglądając swój produkt lub witrynę, szukaj linków, które nie wyglądają jak linki.

11. Wysłanie formularza jest w widoczny sposób potwierdzone

Wszystkie Twoje produkty powinny zostać sprawdzone pod kątem tego, gdzie można uzupełnić dane wejściowe, z kilkoma ważnymi elementami w procesie. Po pierwsze, powinieneś mieć okno potwierdzenia, aby upewnić się, że użytkownik jest zadowolony po zakończeniu wprowadzania. Pomaga to zapobiec przypadkowemu wymazaniu wszelkich zmian wprowadzonych podczas wprowadzania danych. Po drugie, po ostatecznym wprowadzeniu danych do Twojego produktu, powinieneś wywołać ekran potwierdzenia z pytaniem, czy użytkownik pomyślnie wykonał swoje pierwsze działanie. Jest to pomocne, ponieważ może być zakłopotane przez użytkowników, a także pomaga uzyskać jasność co do tego, co się z nimi stało podczas całego procesu.

Jeśli chodzi o Twoją witrynę, przesyłanie formularzy jest kluczową częścią Twojej firmy. Po wprowadzeniu przez użytkownika wszystkich niezbędnych informacji, Twoim zadaniem jest sprawdzenie, czy dane zostały wprowadzone poprawnie. Ważne jest, aby upewnić się, że masz śledzenie zdarzeń na przycisku przesyłania formularza i stronie potwierdzenia lub wiadomości, aby wiedzieć, gdzie użytkownicy napotykają błędy i co należy zrobić, aby pomyślnie zakończyć działanie użytkownika.

12. Komunikaty ostrzegawcze są spójne

Komunikaty alarmowe mają na celu przekazanie użytkownikom natychmiastowej wiadomości, na którą muszą zwrócić uwagę. Gdy masz spójny komunikat ostrzegawczy, oznacza to, że użytkownik zawsze zrozumie, co natychmiast zasługuje na uwagę i będzie mógł odpowiednio działać. Gdybyśmy mieli mieć ten sam styl wizualny, ale różne nazwy dla każdego z alertów, użytkownik musiałby wykonywać więcej pracy umysłowej za każdym razem, gdy pojawiał się nowy alert.

Tworząc alert, użyj tego samego schematu kolorów i umieść je w tym samym obszarze. Umożliwi to ludziom łatwe zidentyfikowanie tego, co oglądają jako alert, zamiast wizualnego chaosu.

13. Nawigacja jest spójna

Jeśli tworzysz produkt lub usługę, zastanów się, jak użytkownicy będą się przez nią poruszać i jakie przeszkody mogą uniemożliwić im realizację celów. Nawigacyjna konstrukcja zapewnia idealną równowagę wydajności i łatwości użytkowania, dzięki czemu użytkownicy czują się komfortowo podczas korzystania z produktu. Spójność jest kluczowa: upewnij się, że nawigacja jest spójna w całej witrynie lub aplikacji.

Użytkownicy przychodzą na stronę, szukając czegoś, a potem wychodzą, bo nie mogą tego znaleźć. Lub nie mogą zrozumieć, jak poruszać się po Twojej witrynie. Ważne jest, abyś był na bieżąco z Nawigacją witryny przez cały proces. Upewnij się, że każdy link można kliknąć i że nie ma ślepych zaułków ani uszkodzonych linków.

14. Jest miejsce na ulepszenia

Jako projektanci zawsze myślimy o tym, jak poprawić wrażenia użytkownika. Czasami jednak, w miarę rozwoju marki i pojawiania się nowych funkcji/treści, utrzymanie świeżości projektu interfejsu staje się wyzwaniem. Jak zmodernizować swój obecny projekt, aby obsługiwał więcej kategorii/tematów, nie psując go? Projektowanie z miejscem na rozwój oznacza, że ​​główne prace projektowe i programistyczne można łatwo skalować w całym interfejsie.

Tworząc nowy produkt, ważne jest, aby myśleć o przyszłości. Jakie treści będą się rozwijać z biegiem czasu? Czy filmy będą ważną częścią Twojej strategii marketingowej? Istnieje wiele sposobów, aby ludzie rozmawiali o Twoim produkcie lub usłudze. Najlepiej zapytać wszystkich interesariuszy, co ich zdaniem wydarzy się w przyszłości i jak może to wpłynąć na dalszy rozwój produktu.

15. Wykorzystywane są nie więcej niż dwie różne rodziny czcionek

Jednym z powodów, dla których niektórzy projektanci trzymają się dwóch rodzin czcionek dla uproszczenia, jest to, że użytkownikom łatwiej jest rozpoznać hierarchię w dokumencie. Na przykład, jeśli masz Arial i Helvetica, użytkownicy mogą łatwo określić, czyj tekst jest który, czytając ich kroje pisma. Co więcej, jeśli w wybranym projekcie masz więcej niż dwie czcionki, istnieje ryzyko pomylenia różnych stylów tekstu. Bez rozróżnienia stylów tekstu hierarchia czcionek będzie trudniejsza do rozszyfrowania, a użyteczność ucierpi.

Zwykle nie zaleca się stosowania więcej niż dwóch czcionek, ponieważ zrównoważenie powstałej hierarchii typograficznej może być trudne. Ze względów użytkowych i wizualnych trzymanie się dwóch upraszcza hierarchię typograficzną, co poprawia zrozumienie. Jednym ze sposobów, aby upewnić się, że projekty nie będą wyglądać na niechlujne i trudne do odczytania, jest uwzględnienie tylko dwóch rodzin czcionek w każdym projekcie: jednej szeryfowej i jednej bezszeryfowej.

16. Czcionki treści muszą mieć rozmiar co najmniej 12px

Ponownie, nie jest to twarda i szybka zasada; teoretycznie można by użyć mniejszych rozmiarów do bardzo szczególnych zastosowań, ale czytelność jest drastycznie zmniejszona przy szerokościach poniżej 12 pikseli. Sprawdź wszystkie materiały, aby upewnić się, że użyte kroje pisma mają co najmniej 12 pikseli.

17. Etykiety, nagłówki i akronimy powinny być pisane małymi literami

Powszechnie wiadomo, że ograniczenie użycia wielkich słów ułatwia zrozumienie — jest mniej ważkie wizualnie i łatwiejsze do przyswojenia. Powinna być używana tylko do podkreślenia lub w bardzo specjalistycznych sytuacjach, takich jak akronimy. Przeprowadź dokładny przegląd treści i upewnij się, że terminy pisane wielką literą są ograniczone wyłącznie do nagłówków, etykiet i akronimów.

18. Treść i elementy sterujące są oddzielone różnymi stylami czcionek

Co to jest treść, a co to kontrole — czyli z czym użytkownik może wchodzić w interakcje — musi zostać zidentyfikowane. Jako wskazówki można wykorzystać rozmiar, kolor, położenie, czcionkę i inne czynniki. Korzystanie z kilku stylów lub rodzin czcionek zapewnia, że ​​użytkownik nie jest zdezorientowany i może szybko rozpoznać, z czym można wejść w interakcję. Zrób listę wszystkich elementów sterujących w swoim produkcie i upewnij się, że wyróżniają się spośród reszty treści. Zwróć uwagę podczas przeprowadzania testów użyteczności.

19. Rozmiar i waga czcionki rozróżniają typy treści

Ma znaczący wpływ na czytelność i zrozumienie. Wyraźne oddzielenie nagłówków, podtytułów i akapitów pomaga zapobiegać przeciążeniu psychicznemu podczas wchłaniania informacji. Ma też walory estetyczne, ponieważ lepiej wygląda i czuje się lepiej.

Jak to przetestować: Upewnij się, że wszystkie nagłówki, podtytuły i akapity mają różne rozmiary i grubości czcionek podczas analizy tekstu wewnątrz produktu.

20. Bliskość i wyrównanie to dwa najważniejsze czynniki, które należy wziąć pod uwagę

Użytkownik ma tendencję do grupowania elementów, które są ze sobą podobne funkcjonalnie lub kontekstowo. Doskonałym przykładem jest pasek nawigacyjny. Podążanie za tym wzorcem i grupowanie powiązanych elementów zapewnia, że ​​użytkownik od razu zrozumie Twój interfejs. Aby przetestować Poszukaj elementów, które są funkcjonalnie porównywalne i sprawdź, czy są pogrupowane (jeśli to możliwe).

21. W przypadku operacji wieloetapowych przydatny jest wskaźnik postępu

Zwłaszcza w przypadku procedur wieloetapowych użytkownik może być przytłoczony lub zastanawiać się, ile czasu zajmie ukończenie. Wskaźnik postępu pomaga mu w odnalezieniu się, ale także sprzyja poczuciu sukcesu i minimalizuje wskaźniki porzucania. Sprawdź wszystkie procesy w swoim produkcie, w których jest kilka kroków do wykonania zadania i upewnij się, że postęp jest sygnalizowany wskaźnikiem.

22. Elementy pierwszoplanowe (takie jak treść i elementy sterujące) wyróżniają się na tle

Ważne dla osób z wadami wzroku. Pomaga również w zrozumieniu i nauce użytkownika. Nawigację ułatwia wyraźna separacja, która zwraca uwagę na przyciski i poprawia ogólną użyteczność. Zrób zrzut ekranu swojego produktu i rozmyj go rozmyciem gaussowskim w promieniu od 3 do 5 pikseli. Czy potrafisz określić, co jest z przodu, a co w tle, patrząc na gotowy produkt?

23. Dopasuj persony kupujących do person czytelników

Nie wszyscy Twoi klienci przeczytają Twój materiał i nie wszyscy Twoi czytelnicy go kupią. Jednak zanim nawet rozważysz UX, powinieneś dobrze zrozumieć zarówno persony kupującego, jak i czytelnika. Te fabularyzowane, uogólnione wizerunki Twoich idealnych klientów pomogą Ci w tworzeniu bardziej użytecznych treści. Bardziej dopasowane środowisko użytkownika powstaje, gdy profile kupujących i czytelników są do siebie dopasowane.

Zapewnienie czytelnikowi różnych formatów, branż i branż do wyboru może bardzo pomóc. Znajomość ich specjalizacji lub funkcji może być również korzystna.

24. Upewnij się, że podróż ma sens pod każdym kątem

Dobry przepływ użytkowników pomoże Twoim użytkownikom dotrzeć tam, gdzie chcą. Czy chcesz, aby umówili się z Tobą na spotkanie? Chcesz coś kupić? Chcesz otrzymać swojego ebooka?

Nie wszyscy zaczną od początku i nie wszyscy będą mieli te same cele. Upewnij się, że Twój użytkownik ma jasną ścieżkę od początku do końca.

25. Przekazuj łatwy do rozpoznania komunikat marki

Trudno porozumieć się w obcym języku. Jeszcze trudniejsze jest znalezienie języka, który odzwierciedla osobowość Twojej marki i jest spójny we wszystkich mediach. Zanim zaczniesz, twoi copywriterzy powinni opracować jasny zestaw zasad marki. Upewnij się, że Ty i Twoi projektanci zawsze macie przed sobą kopię wytycznych, aby zapewnić spójność. Twoi pisarze — jak również twoi klienci — będą ci wdzięczni.

26. Sprawdź użyteczność na wszystkich urządzeniach

Na rynku dostępna jest szeroka gama urządzeń, każde z własnym rozmiarem ekranu, rozdzielczością i innymi osobliwościami. Na każdym z nich ten sam produkt może wyglądać zupełnie inaczej. Należy pamiętać, że użytkownicy nie widzą tylko tego, co Ty widzisz na ekranie. Mogą zauważyć coś, o czym nawet nie wiedziałeś, że istnieje. Nie polegaj więc wyłącznie na ekranie podczas testowania użyteczności. Przetestuj swój produkt na jak największej liczbie różnych gadżetów, aby uniknąć pominięcia potencjalnych problemów.

27. Znajdź swój ulubiony punkt prędkości

Czas ładowania witryny jest coraz ważniejszym wskaźnikiem, który należy wziąć pod uwagę podczas tworzenia witryny, ponieważ wpływa na wrażenia użytkownika i współczynniki konwersji. Zanim zaoszczędzisz pieniądze na hostingu lub CDN, pamiętaj, że 40% ludzi porzuciłoby witrynę, jeśli ładowanie zajmie więcej niż trzy sekundy. Skrócenie czasu ładowania witryny z ośmiu do dwóch sekund może zwiększyć współczynniki konwersji o 74%

Oprócz wpływu na wyniki finansowe, powolne wczytywanie ma negatywny wpływ na SEO, ponieważ Google umieszcza szybsze witryny wyżej w wynikach wyszukiwania. Średni czas ładowania strony z najwyżej ocenianych witryn wynosi około 1,5 sekundy.

28. Spraw, aby KPI UX działały dla Twoich celów biznesowych

Kluczowe wskaźniki wydajności powinny być zawarte w każdym projekcie (KPI). Co odróżnia je od sprawdzonych współczynników konwersji? Pozwalają zagłębić się w problem w celu znalezienia rozwiązania. KPI może na przykład oznaczać czas potrzebny użytkownikom na kliknięcie. Im dłużej to trwa, tym bardziej widoczne stają się przeszkody na drodze, takie jak czas wczytywania lub długość treści.

29. Uzyskaj informacje zwrotne od swoich użytkowników

Twoi klienci są tymi, którzy wyprodukują lub zepsują Twój produkt, dlatego ważne jest, aby trzymać ich na pokładzie i być szczęśliwym. Kluczem do ich zadowolenia jest zapewnienie obsługi klienta na najwyższym poziomie. Nie chodzi tylko o naprawianie błędów lub zwrot pieniędzy — chodzi o zrozumienie klientów i ich potrzeb, aby zapewnić im lepsze wrażenia.

Jeśli zajmujesz się tworzeniem oprogramowania, Twój zespół obsługi klienta jest jednym z najważniejszych elementów zapewniających sukces. Oto, jak upewnić się, że wykonują swoją pracę prawidłowo:

Upewnij się, że wiedzą, co robią: Upewnij się, że zespół obsługi klienta wie, jak radzić sobie z problemami związanymi z użytecznością, doświadczeniem użytkownika i innymi problemami technicznymi. Obsługa klienta powinna być w stanie rozpoznać problem z Twoją aplikacją lub witryną i przekazać opinię, jak go rozwiązać.

Dopasuj zespoły: Upewnij się, że pracownicy sprzedaży są rozpoznawani i skonfiguruj metodę, dzięki której przedstawiciele obsługi klienta mogą szybko zgłaszać problemy z użytecznością. Dopasuj swoje zespoły i daj im do zrozumienia, że ​​oczekujesz, że przyczynią się do ulepszenia Twojego produktu.

Skonfiguruj pętlę opinii: Twój zespół obsługi klienta jest kluczem do rozwiązania problemów z UX.

30. Kim jesteś i co robisz?

Twoim kolejnym głównym zadaniem będzie natychmiastowe poinformowanie odwiedzających. Jak masz na imię? Więc co dokładnie robisz? A jaką wartość możesz im obdarzyć? Jest to znane jako propozycja wartości i jest tak istotne, że uzasadnia stworzenie własnego wpisu na blogu. Masz tylko kilka sekund, aby przekonać odwiedzających, więc wykorzystaj to w pełni!

Dobrze przygotowana propozycja wartości jasno określa, co Cię wyróżnia i odróżnia Cię od innych firm z Twojej branży. Opisuje również wymierne korzyści, jakie klient odniesie ze współpracy z Tobą.

31. Upewnij się, że goście mogą się z Tobą skontaktować

Wyeliminowanie wszelkich obaw i obaw, które mogą mieć Twoi goście, jest ważnym elementem projektowania UX. Jedną z najczęstszych obaw nowych odwiedzających jest to, czy powinni Ci zaufać – zwłaszcza jeśli Twoja witryna jest zupełnie nowa.

Pokazanie im, że za kulisami kryje się prawdziwa osoba, to jeden ze sposobów na złagodzenie ich strachu. Dołącz adres fizyczny, numer telefonu i prawidłowy adres e-mail. (NIE formularz kontaktowy — ludzie częściej im nie ufają niż adres e-mail).

Użyj pola czatu na żywo, aby umożliwić użytkownikom natychmiastowe zadawanie pytań.

32. Jeszcze lepiej zostaw bułkę tartą, aby wiedzieli, gdzie są

Użyj „bułki tartej”, aby wyjaśnić, gdzie są w procesie, oprócz zaoferowania im szybkiego ponownego uruchomienia. Tutaj przydają się duże paski postępu. Jeśli na przykład jesteś w trakcie procesu kasowania, poinformuj użytkownika, gdzie się znajduje i co musi zrobić dalej.

To znowu prosta psychologia. Na przykład pójście na spacer jest o wiele bardziej wyczerpujące, gdy nie wiesz, gdzie skończysz. Kiedy mamy mapę, czujemy się znacznie swobodniej. Ta sama koncepcja może być wykorzystana w Internecie.

33. Użyj hierarchii, aby pokazać użytkownikom, gdzie mają iść dalej

Miejmy nadzieję, że powinieneś mieć na uwadze dobrze zdefiniowaną „podróż użytkownika”. Wyobraźmy sobie, że masz witrynę internetową, na której prowadzisz kursy online. Oto przykład prostej ścieżki użytkownika:

> Przeczytaj najnowszy blog > Zapisz się na listę e-mailową i pobierz bezpłatny raport przed zapisaniem się na płatny kurs online.

Możesz zaprojektować wizualną hierarchię, aby wysyłać użytkowników tam, gdzie chcesz, jeśli masz jasną podróż. Upewnij się, że Twój blog był pierwszą rzeczą, którą ludzie zobaczyli w tym scenariuszu. Następnie zaczniesz umieszczać w swoich e-mailach wiele linków do swojej listy mailingowej.

34. Grupuj powiązane elementy razem

Jest to przeznaczone dla witryn eCommerce, ale może być używane w dowolnej witrynie. Podobne i porównywalne przedmioty należy przechowywać razem. Oznacza to, że Twoi goście i klienci otrzymają o wiele bardziej spersonalizowane wrażenia, tak jakbyś przewidział ich wymagania.

Produkty fizyczne, takie jak produkty Amazon „bardziej podobne do tego”, mogą być używane w ten sposób. Korzystając z powiązanego obszaru treści, możesz osiągnąć coś podobnego z postami na blogu i artykułami.

Utrzymuje użytkowników dłużej w Twojej witrynie, obniża współczynniki odrzuceń i zapewnia im bardziej spersonalizowane wrażenia.

35. Zachowaj wszystko spójne

Ostatnią rzeczą, jakiej oczekujesz, jest to, aby odwiedzający pomyślał, że przeszedł do innej witryny po kliknięciu linku.

Upewnij się, że pasek nawigacyjny pozostaje w tym samym miejscu, niezależnie od tego, gdzie jesteś na stronie. Upewnij się, że Twoje logo jest stale widoczne, a kolorystyka jest spójna. Chociaż kuszące jest używanie „sygnaturowego” koloru, zawsze najlepiej jest trzymać się jednego lub dwóch głównych kolorów marki, zamiast używać ich w każdym miejscu.

Jeśli masz obraz, który reprezentuje Twoją firmę, upewnij się, że jest on konsekwentnie używany przez cały czas.

36. Zaprojektuj układ do skanowania oczu

Sposób, w jaki czytamy książkę, różni się od sposobu, w jaki czytamy stronę internetową. Kiedy czytamy książkę, zwykle zaczynamy od lewego górnego rogu i przeszukujemy stronę w dół — patrzymy na każde słowo i widzimy każdy wiersz tekstu, który pojawia się w widoku. Ale kiedy przeglądamy magazyn online lub przewijamy stronę internetową, nasze oczy biegają dookoła. Skanujemy w poszukiwaniu wszystkiego, co nas wyróżnia.

Przez większość czasu czytamy strony internetowe we wzorze F, ale wiadomo, że duże zdjęcia i wezwania do działania najpierw przyciągają naszą uwagę.

Więc kiedy projektujesz swoją stronę internetową, zadaj sobie pytanie: Co chcesz, aby ludzie zauważyli jako pierwszy? A co powinni zauważyć w drugiej kolejności? Ponieważ jeśli nie masz planu, odwiedzający użyją własnego osądu, aby zdecydować, na co chcą spojrzeć.

37. Buduj zaufanie za pomocą referencji i dowodów społecznych

Większość odwiedzających Twoją witrynę ma się na baczności. Z natury obawiają się nowych stron internetowych i nie są jeszcze gotowi do kupowania od Ciebie. Jak już wcześniej wspomniałem, zmniejszenie tych barier i sprawienie, by klienci czuli się swobodnie w Twojej witrynie, jest ważnym elementem projektowania UX. Ludzie poczują się swobodniej, jeśli użyjesz kilku dobrze umieszczonych referencji i faktoidów. Chcielibyśmy, aby inne osoby (najlepiej znaczące nazwiska) wykorzystały i zatwierdziły Twoje towary lub usługi.

38. OGRANICZONY TEKST CAPS LOCK

W rzeczywistości są ważniejsze powody. Tekst pisany wielkimi literami jest czytany wolniej niż tekst pisany małymi literami. W rezultacie skanowanie i czytanie są znacznie trudniejsze (w ten sposób ogólnie czytamy internet).

Caps lock powinien być używany tylko wtedy, gdy naprawdę musisz złożyć oświadczenie. Może to mieć miejsce, gdy jesteś zły i chcesz krzyczeć, lub gdy jesteś czymś podekscytowany i chcesz to podkreślić. W obu przypadkach pomoże ci to uniknąć wyglądania na głupca, ponieważ spowalnia twoją zdolność do efektywnej komunikacji.

Kluczowym wnioskiem jest to, że wielkie litery nie poprawiają czytelności, ale spowalniają szybkość czytania. Więc jeśli nie masz dobrego powodu do używania caps locka (np. krzyczenia), unikaj go całkowicie, ponieważ jest po prostu irytujący!

39. Znajdź sposób, aby szybko wczuć się w gościa

Celem doświadczenia użytkownika jest nawiązanie kontaktu z użytkownikiem poprzez symulację interakcji międzyludzkich. Jakie są cele i marzenia Twoich gości? Empatia jest tego ważnym elementem. Co ich powstrzymywało do tego momentu?

Daj im od razu znać, że rozumiesz ich sytuację. Możesz to zrobić, używając obrazu, do którego mogą się odnieść, lub stwierdzenia, które podsumowuje ich główne obawy.

Twój gość pomyśli: „Ta strona mnie rozumie!” co jest fantastycznym doświadczeniem użytkownika.

40. Przetestuj doświadczenie użytkownika za pomocą narzędzi do projektowania UX/UI

Istnieje wiele powodów, dla których warto korzystać z narzędzi do projektowania UX/UI, a ta lista to tylko migawka niektórych z głównych powodów. Niezależnie od tego, czy szukasz sposobu na poprawę komfortu użytkownika w swojej witrynie internetowej, czy też na stworzenie lepszych interfejsów użytkownika dla aplikacji, te narzędzia pomogą Ci wykonać zadanie. Więc niezależnie od tego, czy zaczynasz jako projektant, czy jesteś już doświadczonym profesjonalistą, koniecznie sprawdź te narzędzia i zobacz, jakie korzyści mogą przynieść Twojej pracy.

Jak VOCSO może pomóc?

The importance of companies connecting with users through a consistent, intuitive user experience. Every time you interact with an app or website, you're entrusting your personal data to it – and that means these organizations need to be held accountable for the way they collect and use this information. Customers are now aware of what companies are doing in their name, and if companies want to succeed in a competitive industry like digital marketing, they must create experiences that are both seamless and personalized.

As a business owner, you know that good customer experience is key to success. That's why it's so important to find a UX design company that can help you craft an effective user interface for your website or app. Not only will this make your customers happy, but studies have shown that user interfaces with well-designed elements can result in increased revenue and lower costs associated with customer support. If you're looking for a company that can help you create a high-quality user experience, VOCSO is the top name to work with!

We're a leading web design agency that understands your website is not only a representation of your business but also an extension of yourself and your team. We work tirelessly to ensure that every detail on your website is accounted for, from the layout and design to the functionality and SEO. Whether you are starting from scratch or need a refreshment after years of stagnation, our team can help turn your vision into reality. Check out our UX/UI design projects or contact us today to get started!

Wniosek

Overall, following these UX design checklist items will help ensure your next website project is successful. By taking the time to consider each item on the list, you can create a user-friendly website that meets the needs of your target audience. Do you have any other tips for ensuring a successful website project? Share them with us in the comments below!