Spis treści

05 sierpnia 202214 min.
Max Cyrek
Max Cyrek
Aktualizacja wpisu: 13 września 2024

User Experience (UX): porady, kompendium wiedzy i dobre praktyki

User Experience (UX): porady, kompendium wiedzy i dobre praktyki

Pozytywne odczucia użytkownika strony, aplikacji czy narzędzia w chmurze to absolutna podstawa, gdy zależy nam na wysokich konwersjach. Odpowiednia konstrukcja elementów interfejsu, czytelność i estetyka oraz zadbanie o właściwą komunikację to tylko kilka z elementów wpływających na User Experience. Jak projektować, by nasi użytkownicy byli maksymalnie zadowoleni?

User Experience – definicja

User experience, czyli “doświadczenie użytkownika” to subiektywne odczucia, których doświadczamy, gdy obcujemy z danym produktem lub usługą, np. aplikacją lub stroną Internetową.

W latach dziewięćdziesiątych Don Norman ujął User Experience w definicji:

UX obejmuje wszystkie aspekty końcowej interakcji użytkownika z firmą, jej usługami i jej produktami.

Don Norman

W praktyce UX to zadbanie o to, by wszystkie elementy strony, aplikacji czy oferty były spójne i łatwe do intuicyjnego zastosowania.

Pojęcie UX (ang. User Experience) zostało wprowadzone w latach 90. XX wieku przez Dona Normana, który wówczas pracował jako naukowiec społeczny w firmie Apple. Norman był odpowiedzialny za badania dotyczące sposobu, w jaki ludzie korzystają z produktów firmy Apple i stwierdził, że istnieje potrzeba skupienia się na doświadczeniu użytkownika, aby produkty były łatwiejsze w użyciu i bardziej satysfakcjonujące.

W 1995 roku Norman opublikował książkę pt. “The Design of Everyday Things”, w której rozwinął swoje teorie na temat UX i opisał, jak projektować produkty z myślą o użytkownikach. Książka ta stała się kluczowym dziełem w dziedzinie projektowania UX i przyczyniła się do rozwoju tej dziedziny na całym świecie.

W większości projektów komercyjnych użytkownik będzie jednocześnie klientem. Zadbanie o jego pozytywne doświadczenia na ścieżce zakupowej nazywamy właśnie customer experience. Termin jest dość szeroki, ale można powiedzieć, że to przeniesienie zasad UX na grunt sprzedaży.

To podejście charakterystyczne dla dużych, silnych marek, które w centrum swojego zainteresowania stawiają klienta i jego problemy.

Czym zajmuje się UX designer?

W przeświadczeniu wielu osób główną rolą UX Designera jest makietowanie rozwiązań, czyli tworzenie szkiców tego jak powinna wyglądać strona/aplikacja/produkt fizyczny. Jednak pod tym pojęciem kryje się dużo więcej.

Zadania UX designera:

  • analiza konkurencji,
  • analiza grupy docelowej,
  • strategia rozwoju produktu,
  • ukształtowanie treści,
  • makietowanie,
  • prototypowanie,
  • testy i iteracja rozwiązań,
  • planowanie fazy dewelopmentu,
  • koordynacja projektu z UI designerem,
  • koordynacja projektu z deweloperem,
  • śledzenie KPI,
  • analiza i iteracja wdrożonych rozwiązań.

UX designer zajmuje się nie tylko budową rozwiązania, ale także pełną jego analizą zarówno przed jak i po wdrożeniu. Jest to perspektywa bardziej biznesowa i techniczna.

Czym się różni UX od UI

User Interface, UI, to realizacja założeń UX w sposób atrakcyjny dla użytkownika. UI powoduje, że użytkownik do Ciebie przychodzi, a UX go zatrzymuje.

Coś co wygląda pięknie, ale jest niefunkcjonalne to przykład wspaniałego UI i kiepskiego UX. Coś co jest funkcjonalne, ale brzydkie jest przykładem wspaniałego UX i kiepskiego UI.

W projektowaniu cyfrowym ważne jest zachowanie właściwych proporcji i balansu między jednym i drugim.

Czym jest UI?

Po wykonaniu prototypów i przetestowaniu ich z użytkownikami przychodzi czas, aby UI designer uczynił rozwiązanie miłym dla oka.

Termin User Interface (UI) oznacza wszystko, z czym użytkownik wchodzi w interakcję, aby używać cyfrowych produktów i usług. Do tego zaliczają się ekrany i ekrany dotykowe, klawiatury, dźwięki czy nawet światło.

Zadania UI designera:

UI designer zajmuje się doborem kolorystyki, typografią i interakcjami, które są zgodne z oczekiwaniami użytkowników. Do jego zadań należą również:

  • analiza grupy docelowej pod względem estetyki,
  • analiza designu konkurencji oraz innych rozwiązań,
  • branding i oprawa graficzna,
  • design system,
  • prototypowanie na makietach o wysokiej szczegółowości,
  • interaktywność i animacje,
  • adaptacja do wszystkich rozdzielczości ekranów,
  • implementacja z deweloperem,

Rola UI designera jest kluczowa w każdym cyfrowym interfejsie. Przekłada on tożsamość marki na wygląd produktów oraz buduje zaufanie i przywiązanie użytkownika.

Projektowanie z myślą o doświadczeniach użytkowniku

To, co było uważane za estetyczne 10 lat temu, dziś już może odstraszać. Dobry, zgodny z aktualnymi trendami i zasadami UX i funkcjonalny projekt strony, sprawi, że użytkownik zostanie u ciebie na dłużej, a może nawet zostanie klientem.

Warto podkreślić, że nieestetyczna szata graficzna i słaby UX rzutuje nie tylko na wrażenia z używania strony, ale także na wizerunek całej marki.

Użytkownik rzadko, kieruje się tym, co masz do powiedzenia. Zaufa tej stronie, która wygląda bardziej profesjonalnie. Dopiero potem zagłębi się w treści.

Jak więc dobrze projektować strony Internetowe, aplikacje i inne produkty cyfrowe? Poniżej lista kluczowych tematów związanych z UX.

Proces projektowania strony

Praca UX designera zaczyna się od przygotowania szkicu, który przedstawia ogólny zarys projektu. Stanowi punkt wyjścia do nakreślenia wyglądu i funkcjonalności aplikacji reszcie zespołu.

Kolejnym etapem w procesie projektowania strony jest makieta projektu o niskiej szczegółowości, przygotowana cyfrowo, tzw. szkielet projektu (wireframe).

Dopiero potem można zaprojektować mockup, czyli przystąpić do pracy nad finalnym wyglądem. To moment na skupienie się nie tylko na funkcjonalności, ale również na elementach graficznych i zgodności z identyfikacją wizualną.

Ostatnim etapem procesu projektowego jest przygotowanie prototypu gotowy produkt.

Najczęściej popełniane błędy, których możesz uniknąć, jeśli dobrze zaplanujesz proces projektowania strony:

  1. Brak jasnych celów strony
  2. Ignorowanie potrzeb użytkowników
  3. Niewłaściwy dobór kolorów i czcionek
  4. Zbyt duża ilość tekstu i grafik
  5. Słaba jakość treści
  6. Brak responsywności na różnych urządzeniach
  7. Zaniedbanie SEO
  8. Źle zaprojektowane menu nawigacyjne
  9. Niewystarczająca łatwość obsługi
  10. Przewlekłe czasy ładowania strony

Tworzenie person

Persona to postać, która ma reprezentować Twojego modelowego klienta – przedstawiciela grupy docelowej.

Persony są narzędziem używanym w projektowaniu UX (User Experience) służącym do lepszego zrozumienia i przedstawienia oczekiwań oraz potrzeb docelowych użytkowników. Są to fikcyjne, ale szczegółowe reprezentacje różnych segmentów użytkowników, które mają korzystać z produktu czy usługi.

Persony pozwalają zespołowi projektowemu:

  1. Zidentyfikować różne grupy użytkowników i ich potrzeby.
  2. Zrozumieć cele i motywacje użytkowników, co prowadzi do lepszego projektowania funkcji i interakcji.
  3. Ułatwić empatię z użytkownikami, co pozwala na lepsze dostosowanie strony do ich oczekiwań.
  4. Zapewnić spójność w podejmowaniu decyzji projektowych, umożliwiając wszystkim członkom zespołu skupienie się na tych samych użytkownikach.
  5. Komunikować potrzeby użytkowników innym działom firmy, takim jak dział marketingu czy zarząd.

Tworzy się ją na podstawie danych demograficznych i psychograficznych. Podstawowe informacje o personie można uzyskać z analityki strony internetowej. Warto także poznać potrzeby klientów poprzez kontakt z nimi lub z handlowcami. Persona powinna zawierać takie elementy jak: zdjęcie, cytat, bio, cechy demograficzne (wiek, płeć, wykształcenie itp.), praca, zainteresowania, osobowość, motywacje i wartości, frustracje oraz potrzeby.

Przy tworzeniu persony można wziąć pod uwagę inne elementy, np. marki, którymi persona się interesuje, czy technologie, z których korzysta.

Architektura informacji

Użytkownik, który gubi się na stronie, szybko ją opuszcza. Na szczęście można tego uniknąć, świadomie projektując architekturę informacji.

Architektura Informacji tworzy szkielet każdego projektu graficznego. To podstawa, do której dopiero potem dodaje się elementy wizualne i według niej tworzy nawigację. Składa się z 4 zasadniczych elementów: systemu organizacji (hierarchiczny, sekwencyjny lub matrix), systemu etykiet, nawigacji, systemu wyszukiwania. Dobrze zaprojektowana architektura umożliwia stworzenie ścieżki użytkownika, która szybko doprowadza go do celu.

Struktura strony nie powinna być stworzona tylko z myślą o użytkowniku. Jest to jednocześnie rodzaj planu witryny dla wyszukiwarki i ma znaczenie w procesie pozycjonowania.

Co powinna zawierać każda podstrona serwisu?

Niezależnie od typu i przeznaczenia konkretnej podstrony, jest szereg elementów, które okażą się konieczne w każdym przypadku.

To rzeczy związane z nawigacją i łatwym odnalezieniem się usera na stronie takie jak:

  • Klikalne logo i nazwa firmy/organizacji
  • Breadcrumbs (ścieżka nawigacyjna)
  • Nawigacja główna
  • Tytuł i nagłówki sekcji
  • Treść właściwa
  • Wewnętrzne i zewnętrzne linki
  • Wizualne elementy (grafiki, zdjęcia, ikony)
  • Formularze (jeśli dotyczy)
  • CTA (Call to Action)
  • Stopka

Jak zaprojektować użyteczną wyszukiwarkę na stronie Internetowej?

Wyszukiwarka w sklepie internetowym czy na stronie internetowej to ogromne ułatwienie dla użytkownika, ale tylko pod warunkiem, że działa poprawnie i jest intuicyjna. Nie bez znaczenia jest jej umiejscowienie na stronie – najlepiej, aby był to prawy, górny róg. Dodatkowo musi być oznaczona zrozumiałą dla wszystkich ikoną, czyli lupą.

Dobrze, aby była umieszczona na każdej podstronie, dzięki czemu użytkownik nie będzie musiał się cofać i jej szukać. Jeśli to możliwe, zasugeruj użytkownikowi, co może wyszukiwać poprzez placeholder “czego szukasz?”. Oto niektóre przydatne funkcjonalności wyszukiwarki, które warto rozważyć:

  • Autosugestia i autouzupełnianie
  • Wyszukiwanie z tolerancją na błędy użytkownika (fuzzy search)
  • Filtrowanie i sortowanie wyników
  • Wyszukiwanie zaawansowane
  • Wyszukiwanie w oparciu o tagi lub atrybuty
  • Podświetlanie fraz w wynikach wyszukiwania
  • Szybki podgląd wyników
  • Zapisywanie historii wyszukiwania
  • Wyszukiwanie głosowe

Postaraj się także o to, aby system wyłapywał błędy użytkownika, np. literówki, i rozumiał je. Zaoferuj też możliwość zaawansowanego wyszukiwania, jednak pamiętaj, żeby nie było ono cały czas na widoku.

UX na urządzeniach mobilnych

Google nie lubi stron niedostosowanych do urządzeń mobilnych, bo nie lubią ich użytkownicy urządzeń mobilnych – a Ci obecnie stanowią większość. Doszło więc do sytuacji, w której to strony mobilne są tymi ważniejszymi, częściej używanymi, odpowiadającymi za większość konwersji brandu..

Wszystko na stronie mobilnej powinno być więc intuicyjne, od rejestracji po design przycisków. Jeśli strona mobilna będzie źle rozplanowana, a user experience fatalne, odbije się to nie tylko na SEO, ale przede wszystkim na wizerunku i szybkim opuszczeniu strony przez usera.

Zebraliśmy poniżej listę błędów, z którymi najczęściej spotykamy się na stronach internetowych testując je na urządzaniach mobilnych:

  1. Brak responsywności i adaptacji do różnych rozdzielczości ekranów
  2. Zbyt małe przyciski i odnośniki, trudne do kliknięcia palcem
  3. Nieczytelne czcionki i kolory
  4. Słaba optymalizacja prędkości ładowania strony
  5. Zbyt dużo tekstu i nieoptymalny układ treści
  6. Trudna nawigacja i złożone menu
  7. Nadmierne użycie obrazów i multimedów
  8. Niewłaściwe użycie animacji i efektów wizualnych
  9. Brak funkcji wyszukiwania lub filtrowania
  10. Ignorowanie zasad dotyczących wykorzystania gestów na urządzeniach dotykowych
  11. Ukrywanie elementów nawigacyjnych lub całych bloków treści
  12. Zbyt zasobożerny javascript

Szybkie ładowanie strony

53 proc. użytkowników opuszcza stronę, która ładuje się zbyt wolno. Jak myślisz, ile czasu jej dają? Trzy sekundy.

To wyniki badań przeprowadzonych przez Akamai i jednocześnie sygnał dla Ciebie, że strona Internetowa może zostać porzucona, jeszcze nim użytkownik ją w ogóle zobaczy. Inne badania nie pozostawiają cienia wątpliwości, że szybkość ładowania strona jest kluczowa.

  1. Google i SOASTA (2017): Badanie przeprowadzone przez Google i SOASTA wykazało, że dłuższy czas ładowania strony może prowadzić do wzrostu współczynnika odrzuceń (bounce rate). Z badań wynika, że gdy czas ładowania wzrasta z 1 do 3 sekund, współczynnik odrzuceń rośnie o 32%, a wzrost z 1 do 6 sekund powoduje wzrost o 106%.
  2. Kissmetrics: Badanie Kissmetrics wykazało, że opóźnienie ładowania strony o 1 sekundę może prowadzić do 7% spadku konwersji. Ponadto, 47% konsumentów oczekuje, że strona załaduje się w ciągu 2 sekund lub mniej.
  3. DoubleClick (Google): Badanie przeprowadzone przez DoubleClick wykazało, że strony, które ładują się w 5 sekund, mają o 35% niższy współczynnik odrzuceń niż strony, które ładują się w 19 sekund.
  4. Pingdom: Pingdom przeprowadził badanie, które wykazało, że średni czas ładowania strony to 3,21 sekundy. Strony, które wczytywały się szybciej niż średnia, miały lepsze wyniki pod względem zaangażowania użytkowników i konwersji.

Nikt nie lubi czekać na ładujące się grafiki i inne elementy. Wszyscy chcemy szybko dotrzeć do interesujących nas informacji lub dokonać zakupu i opuścić stronę. Jeśli twoja wolno się ładuje, to użytkownik znajdzie rozwiązanie swojego problemu gdzie indziej. Być może na szybszej i lepszej stronie, a być może tylko na szybszej. To bez znaczenia, jeśli twoja się nawet nie zdąży załadować.

Przyczyn wolnego ładowania może być wiele. Najczęściej problem leży jednak w dużych plikach z grafikami, słabym hostingu, nadmiernym kodzie HTML lub renderingu strony.

Reklamy na stronie

Prawdopodobnie umieszczasz na swojej stronie reklamy, ale czy masz pewność, że nie przeszkadzają użytkownikowi?

Warto mieć to na uwadze, ponieważ to właśnie one mogą sprawić, że użytkownik opuści stronę. Może nawet nie sprawdzić jej zawartości.

Aby tak się nie stało, zwróć uwagę na to, jak i gdzie umieszczasz reklamy. Pamiętaj też, aby ich nie ukrywać – dzięki temu nie stracisz zaufania użytkowników.

Nie używaj wielu popupów ani nie osadzaj reklam na autoplayu. Obie te funkcje mocno utrudniają korzystanie ze strony.

Nie musisz zwiększać irytacji użytkownika, atakując go pop-upami z informacją o rabacie, nowym produkcie czy newsletterze. Istnieje wiele mniej nachalnych form działań marketingowych online.

Podsumowując poniżej znajdziesz 10 największych problemów związanych z reklamami na stronie pod kątem doświadczeń użytkownika:

  1. Nadmierna ilość reklam
  2. Wtrącanie reklam w treść
  3. Autoodtwarzanie dźwięku
  4. Reklamy interstycjalne
  5. Reklamy z opóźnionym ładowaniem
  6. Brak możliwości zamknięcia reklamy
  7. Zasłanianie treści przez reklamy
  8. Pop-upy i zbyt nachalne formaty
  9. Reklamy obciążające wydajność strony
  10. Niewłaściwe dopasowanie reklam do treści serwisu

Skuteczne przyciski CTA (call to action) 

Przycisk CTA (call to action) czyli wezwanie do działania będzie skuteczny tylko jeśli został dobrze zaprojektowany i umieszczony w odpowiednim miejscu. Na jego działanie mają wpływ m.in. rozmiar, kształt oraz kolor. Najlepiej, aby wyróżniał się na stronie. Poznaj 10 najważniejszych zasad przy projektowaniu CTA:

  1. Wyraźny i zrozumiały przycisk
  2. Kontrastujące kolory
  3. Prosty i czytelny tekst
  4. Użycie akcji i korzyści
  5. Odpowiednia wielkość i odstępy
  6. Umieszczenie w strategicznych miejscach
  7. Testowanie A/B
  8. Użycie animacji lub efektów wskazujących
  9. Dostosowanie do różnych urządzeń
  10. Spójność z innymi elementami strony

Przycisk CTA powinien znajdować się na ścieżce, po której porusza się wzrok użytkownika. Niezbędne jest także microcopy, czyli krótki tekst, który wyjaśni użytkownikowi, o co właściwie chodzi. Treść, chociaż krótka, musi być zachęcająca.

Filtrowanie i sortowanie produktów w sklepie Internetowym

Filtrowanie i sortowanie w sklepie internetowym polega na zmianie kolejności produktów, a sortowanie na zmianie ich liczby, zgodnie z kryteriami użytkownika. Aby obie te opcje były user friendly, należy pamiętać o kilku rzeczach. Przede wszystkim trzeba uwzględnić filtry dedykowane kategoriom (np. kategoria Obuwie podzielona na ‘sportowe’, ‘sandały’).

Jeśli mielibyśmy wybrać 10 najważniejszych zasad przy projektowaniu modułów sortowania i filtrowania produktów będą to odpowiednio:

  1. Intuicyjne umieszczenie filtrów i sortowania
  2. Kategorie i podkategorie filtrów
  3. Możliwość wielokrotnego wyboru filtrów
  4. Czytelne etykiety filtrów
  5. Sortowanie według popularnych kryteriów
  6. Szybka aktualizacja wyników
  7. Opcja czyszczenia i resetowania filtrów
  8. Responsywność na różnych urządzeniach
  9. Zapamiętywanie ustawień filtrów
  10. Informowanie o liczbie wyników

Dodatkowo użytkownik powinien mieć możliwość wielokrotnego wyboru. Dobrze, aby widział także liczbę sztuk odpowiadającą kryteriom filtrowania oraz zaaplikowane filtry.

Strona produktu w sklepie internetowym a UX

Strona produktu to element, który decyduje o tym, czy klient podejmie decyzję o zakupie. Jej optymalizacja jest tym samym bardzo ważna.

Pamiętaj o tym, żeby pokazywać produkty w proporcji do czegoś, np. ubranie na modelce.

Zapewnij możliwość zakupu przedmiotu czasowo niedostępnego lub informuj o przewidywanym czasie uzupełnienia towaru.

Daj znać klientowi, gdy na stanie sklepu pozostało już niewiele sztuk produktu. Użytkownik poczuje presję i podejmie szybszą decyzję o zakupie.

Poniżej TOP10 najważniejszych zasad przy projektowaniu strony produktu, które wybrali nasi specjaliści:

  1. Czysty i czytelny layout karty produktu
  2. Jakościowe zdjęcia i galeria z łatwo nawigowalnymi zdjęciami i możliwością powiększenia
  3. Wyraźny tytuł (nazwa) i opis rzetelny produktu wraz z atrybutami i cechami
  4. Czytelna i dobrze widoczna cena, dostępność, czas dostawy oraz koszt dostawy
  5. CTA (Call to Action) w postaci przycisku dodania do koszyka lub powiadomienia o dostępności, jeśli produkt jest niedostępny
  6. Recenzje i oceny użytkowników
  7. Produkty powiązane i rekomendacje produktów powiązanych
  8. Opcje personalizacji
  9. Informacje o dostawie i zwrotach
  10. Video produktowe

Co najważniejsze, nigdy nie ukrywaj informacji dotyczących produktu (w tym ocen, opinii) ani tych o warunkach darmowej dostawy.

Optymalizacja procesu zakupowego w celu zwiększenia konwersji

W czasie procesu zakupowego, użytkownicy porzucają koszyki w E-commerce z różnych powodów. Najczęściej, ponieważ jedynie przeglądają dostępne produkty.

Trudno temu zapobiec, ale istnieją sposoby na optymalizację koszyka w sklepie i procesu zakupowego, dzięki którym ilość porzuceń może się znacznie zmniejszyć.

Jednym z nich jest opcja zakupów bez zakładania konta. Proces rejestracji bywa niestety długi, a użytkownicy z reguły chcą robić szybkie zakupy. Warto możliwie najbardziej skrócić i ułatwić proces zakupowy oraz uwidocznić sumę do zapłaty.

Niezwykle ważne jest także bezpieczeństwo strony – użytkownicy co do zasady nie ufają stronom bez ważnych certyfikatów i wizualnych aspektów, które zwiększają wiarygodność (np. ikona kłódki, inne tło pod formularzem do wpisania danych z karty kredytowej).

Formularze internetowe przyjazne użytkownikom

Większość formularzy, które możemy znaleźć na stronach Internetowych składa się z 5 komponentów: struktury, inputów, etykiet pól, przycisku akcji, informacji zwrotnej.

Tworząc formularz, pamiętaj o tym, aby nie wymagać od użytkownika zbędnych informacji. Zwróć też uwagę na to, czy pytania łączą się w logiczną całość. Powinny być też umieszczone zgodnie ze ścieżką poruszania się wzroku.

Dobrze, aby pól było możliwie najmniej. Etykiety twórz krótkie i zawsze widoczne. Jeśli formularz jest skomplikowany, warto umieścić je nad polami, wyrównane do lewej strony. Najczęściej popełnianie błędy przy tworzeniu formularzy internetowych to:

  1. Brak walidacji i komunikatów o błędach
  2. Zbyt długie lub skomplikowane formularze
  3. Niejasne etykiety i wskazówki
  4. Brak opcji zapamiętywania danych
  5. Niewłaściwe użycie typów pól i komponentów formularza

Zadbaj również o to, aby w formularzu znajdowały się dwa rodzaje przycisków – główny i pomocniczy. Na koniec nie zapomnij o zostawieniu feedbacku informującego użytkownika o tym, że formularz został prawidłowo wysłany.

Formularz logowania i rejestracji

Działania użytkowników przy wykorzystaniu formularzy logowania i rejestracji powinny przebiegać łatwo. Należy więc unikać mylących określeń (np. sign up i sign in) i dać użytkownikowi wybór tego, w jaki sposób chce się logować. Pamiętaj także, aby umożliwić użytkownikowi zobaczenie hasła – jeśli się pomyli, będzie mógł to sam zweryfikować. Zwróć też uwagę, czy ma on możliwość pozostania zalogowanym, a ustawienia zapamiętują ostatnio wybrany login. Użytkownik doceni te funkcjonalności, jeśli często korzysta z Twojej strony. Najbardziej irytujące błędy, który musisz unikać przy projektowaniu formularzy logowania i rejestracji:

  1. Brak opcji odzyskiwania hasła lub nazwy użytkownika
  2. Brak opcji pokazania/ukrycia hasła
  3. Wymaganie zbyt skomplikowanego hasła
  4. Brak integracji z usługami logowania społecznościowego
  5. Ukrywanie polityki prywatności i warunków użytkowania

W powyższej liście powinno się również znaleźć błędne wyświetlanie na urządzaniach mobilnych, co nadal się zdarza, ale w naszej ocenie jest tak oczywiste, że nie powinno się już o tym mówić.

Notyfikacje o błędach w formularzach

Jednym z istotnych momentów doświadczenia użytkownika ze stroną są komunikaty o błędach.

Powinny być maksymalnie jasno sformułowane i krótkie. Unikaj języka technicznego, ponieważ użytkownik może go nie zrozumieć. Pamiętaj też, aby używać próśb, nie nakazów. Nigdy nie oskarżaj użytkownika o błąd; lepiej będzie, jeśli wskażesz mu drogę do tego, jak problem rozwiązać.

W miarę możliwości informuj także, gdzie pojawił się błąd. Użytkownik powinien wiedzieć, czy źle wpisał login, hasło czy też może e-mail. Jeśli to możliwe, postaraj się obrócić sytuację na swoją korzyść, formułując komunikat tak, aby był zabawny.

Recenzje i komentarze w sklepie internetowym

Warto zadbać o to, aby opcja recenzowania czy komentowania produktów była dopasowana do potrzeb klientów i umożliwiała wystawienie wiarygodnej opinii o sklepie i produktach. Możesz podzielić wystawianie opinii ze względu na cechy produktów. Nie zapomnij jednak o estetyce – wizualna reprezentacja danych jest bardzo ważna.

Pokaż wszystkie oceny i ich rozkład. Niczego nie ukrywaj, również złych opinii, ponieważ stracisz na wiarygodności. Kilka wskazówek i dobrych praktyk przydatnych przy projektowaniu modułu recenzji i komentarzy w sklepie internetowym:

  1. Prosty i łatwy w użyciu formularz dodawania opinii zawierający takie pola jak imię / nazwisko, e-mail (do weryfikacji, czy użytkownik jest klientem sklepu), opcjonalne zdjęcie otrzymanego produktu, ocena z możliwością szczegółowej oceny (produkt, obsługa, dostawa)
  2. Odpowiedzi na recenzje przez sklep
  3. Filtrowanie i sortowanie opinii
  4. Podświetlanie najbardziej przydatnych recenzji i możliwość głosowania nad przydatnością opinii
  5. Integracja z mediami społecznościowymi (do potwierdzania tożsamości i pobrania miniaturki zdjęcia)
  6. Wskazanie statusu zamówienia w recenzji

Pamiętaj jednak, aby weryfikować oceny – nie potrzebujesz opinii kogoś, kto nawet nie nabył produktu.

Wdrożenie chatu na stronie

Coraz częściej pojawiającym się elementem na stronach www są czaty – obsługiwane przez boty lub konsultantów. Największe zalety chatu na stronie to:

  • Szybka obsługa klienta
  • Zwiększenie zaangażowania użytkowników
  • Wsparcie w czasie rzeczywistym
  • Redukcja opóźnień w odpowiedziach
  • Proaktywne podejście do klienta
  • Zbieranie informacji zwrotnych
  • Wzrost konwersji i sprzedaży
  • Poprawa wizerunku marki
  • Ułatwienie wsparcia wielojęzycznego
  • Integracja z innymi narzędziami CRM

Wdrażając chat na swojej stronie należy pamiętać również o UX. Oznacza to nie tylko poprawne zaprogramowanie i zaprojektowanie tej funkcjonalności, ale również korzystanie z niej w sposób, który będzie zwiększał wygodę użytkownika i szybciej doprowadzał go do punktu konwersji.

Stronicowanie treści

Paginacja i nieskończony scroll mają swoje wady i zalety, więc nie można powiedzieć, że któraś jest lepsza lub gorsza. Dodatkowo istnieje także trzecia opcja, swoiste połączenie obu wspomnianych – doładowywanie strony za pomocą przycisku. Najczęstsze błędy przy projektowaniu paginacji pod kątem SEO i UX.

Błędy pod kątem SEOBłędy pod kątem UX
Infinity scroll bez klasycznej paginacjiSkomplikowany lub niejasny układ paginacji
Stosowanie atrybutów rel=”next” i rel=”prev” dla łączy między stronami z wiarą że działająBrak wskaźników stanu aktualnej strony
Niezastosowanie atrybutu rel=”canonical” dla kolejnych stronBrak dostępności dla urządzeń mobilnych lub różnych rozdzielczości ekranów
Zbyt duża liczba stron paginacji, prowadząca do rozbicia wartości linków i marnowania crawl budgetuMałe przyciski lub odnośniki, trudne do kliknięcia
Indeksowanie podstron przez wyszukiwarkiBrak możliwości szybkiego przechodzenia do konkretnej strony paginacji

Niezależnie od wdrażanego sposobu przeglądania, trzeba mieć na uwadze kilka rzeczy, m.in. ilość wyświetlanych treści na telefonach komórkowych i możliwość wyświetlenia linków w stopce..

Świetny UX to świetne wyniki biznesowe

User experience jest dziś obecny we wszystkich obszarach sprzedaży i marketingu Internetowego. Uporczywe ignorowanie jego zasad oznacza więc po prostu niewykorzystany potencjał.

Jeśli chcesz uniknąć takiej sytuacji, możesz w pierwszej kolejności rozważyć przeprowadzenie audytu UX.

Formularz kontaktowy

Rozwijaj swoją markę

dzięki współpracy z Cyrek Digital
Wyślij zapytanie
Pola wymagane
Max Cyrek
Max Cyrek
CEO
"Do not accept ‘just’ high quality. Anyone can do that. If the sky is the limit, find a higher sky.”

Razem z całym zespołem Cyrek Digital pomagam firmom w cyfrowej transformacji. Specjalizuje się w technicznym SEO. Na działania marketingowe patrzę zawsze przez pryzmat biznesowy.

zobacz artykuły
Skontaktuj się ze mną
Masz pytania? Napisz do mnie.
Oceń tekst
Średnia ocena: artykuł nieoceniony. 0

Być może zainteresują Cię:

Mapa strony
© 2010 - 2024 Cyrek Digital. All rights reserved.