Optymalizacja doświadczenia użytkownika w sklepie internetowym
Blog gościnny napisany przez Emila Borggaarda, Web Developer Gelinde
3 proste kroki do optymalizacji doświadczenia użytkownika w sklepie internetowym
Projektowanie doświadczeń użytkownika to obecnie gorący temat. Znany jest również jako UX design, co tak naprawdę oznacza po prostu User Experience Design. Chodzi o projektowanie - w tym przypadku - cyfrowych interfejsów użytkownika (sklepów internetowych, stron internetowych itp.) w sposób, który ułatwia użytkownikowi korzystanie z produktu bez konieczności zbytniego zastanawiania się nad jego działaniem i bez napotykania irytujących elementów, które powodują frustrację.
W tym krótkim poście przedstawimy 3 konkretne i stosunkowo proste wskazówki, jak zoptymalizować wrażenia użytkownika na stronie internetowej lub w sklepie internetowym bez konieczności bycia super projektantem lub programistą.
#1 Zapanuj nad wyskakującymi okienkami/modalami
Obecnie wyskakujące okienka i modale stały się niezwykle popularne. Być może dlatego, że stały się tak łatwe do zainstalowania. Dzięki prostemu skryptowi zwykle lecisz i wszystko, co musisz zrobić, to wpisać, kiedy chcesz wyświetlić nowo zainstalowany inteligentny popup.
Ale kiedy właściwie powinieneś go pokazać? Czy zaraz po tym, jak użytkownik wyląduje na stronie? A może po przewinięciu strony kategorii o 50% w dół?
Istnieje wiele różnych opinii na ten temat i z pewnością różnią się one w zależności od sklepu, ale ogólnie rzecz biorąc, złym pomysłem jest wyświetlanie wyskakującego okienka, gdy tylko użytkownik wyląduje na Twojej stronie. Zwłaszcza jeśli celem wyskakującego okienka jest zebranie adresu e-mail użytkownika.
Można to porównać do wejścia do fizycznego sklepu. Jeśli właśnie wszedłeś do sklepu, a kierownik sklepu natychmiast pyta, czy chcesz 10% zniżki na zamówienie w zamian za Twój adres e-mail, co myślisz?
W 90% przypadków będzie to prawdopodobnie "Nie, dziękuję. Po prostu rzucę okiem". Ponieważ to właśnie robisz. Nie wiesz nawet, czy sklep ma przedmioty, których szukasz, w końcu właśnie wszedłeś do drzwi. A nawet jeśli sklep ma to, czego szukasz, cena może nie być taka, jakiej oczekujesz. Oczywiście nie chcesz podawać swojego adresu e-mail za pierwszym razem, gdy trafiasz na stronę. Zwłaszcza, gdy nie wiesz jeszcze, co mają do zaoferowania.
Irytujące może być również zamykanie wyskakującego okienka z plikiem cookie, odmawianie udostępniania swojej lokalizacji, a następnie zamykanie kolejnego wyskakującego okienka z prośbą o zapisanie się do newslettera.
Zastanów się więc, jak i kiedy uruchamiasz wyskakujące okienka. Jednym z rozwiązań może być wyświetlenie wyskakującego okienka za piątym razem, gdy klient odwiedza Twoją witrynę, ale nie wcześniej. Wtedy wiesz, że miał czas się rozejrzeć.
Powiązane: Jak tworzyć wyskakujące okienka w ideal.shop
#2 Zapanuj nad hierarchią wizualną
Kiedy pracujesz z hierarchią wizualną, starasz się skierować uwagę użytkownika na "właściwe" elementy.
Prawdopodobnie zdarzyło Ci się kiedyś wejść na stronę internetową i nie mogłeś znaleźć informacji, których szukałeś. Może to z powodu braku podtytułów, kolorów, ikon itp. Są to wszystkie rzeczy, z którymi pracujesz, gdy mówisz o optymalizacji hierarchii wizualnej.
Ponieważ chodzi o podzielenie strony tak, aby użytkownik wiedział, gdzie szukać, aby znaleźć to, czego szuka.
Powyższy obraz jest klasycznym przykładem używanym przez projektantów na całym świecie, aby dokładnie zilustrować, o co chodzi w mówieniu o hierarchii wizualnej.
Doświadczenie użytkownika jest znacznie lepsze, gdy łatwo jest mu znaleźć dokładnie to, czego szuka. Pamiętaj więc, aby używać nagłówków, podtytułów, kolorów i innych elementów do wyraźnego podziału treści, aby klienci mogli łatwo znaleźć to, czego potrzebują.
#3 Spraw, by komunikaty o błędach były jasne i zrozumiałe
Jeśli jesteś trochę projektantem i UX nerdem, być może znasz 10 heurystyk Jakoba Nielsena. Jedną z nich jest pomoc użytkownikowi w rozpoznaniu i zrozumieniu błędów, które czasami się pojawiają.
Klasycznym przykładem jest strona 404. Nie każdy zdaje sobie sprawę, że kod statusu 404 oznacza, że nie można znaleźć strony. Zamiast tego należy wyjaśnić klientowi, że wylądował na stronie, której nie można znaleźć, i jak przejść dalej. Uwzględnij pole wyszukiwania, niektóre popularne kategorie i produkty, aby mogli łatwo przejść do czegoś odpowiedniego.
Innym przykładem, który jest bardzo istotny dla sklepów internetowych, jest sytuacja, w której klient - przez pomyłkę - wypełnia nieprawidłowe informacje w kasie. Być może wpisał swoje imię i nazwisko zamiast adresu e-mail lub adres, który nie istnieje. Ważne jest, aby dokładnie pokazać, co jest nie tak i jak to naprawić, aby użytkownik mógł łatwo poprawić błąd i szybko przejść dalej.
Powiązane: Jak edytować stronę 404 i inne strony systemowe w ideal.shop
Potrzebujesz pomocy w zaprojektowaniu swojego idealnego sklepu?
Wyślij mi wiadomość e-mail na adres: emil@gelinde.dk
