Tworzenie ścieżek użytkownika dla Twojego sklepu e-commerce

Budowanie dowolnego typu strony internetowej wiąże się z własnymi zestawami wyzwań. Ale witryna e-commerce to zupełnie inna gra w piłkę. Ma te same cele, co każda inna strona internetowa: rozwijanie i utrzymywanie osobowości marki, komunikowanie się i angażowanie odbiorców, pozyskiwanie i utrzymywanie potencjalnych klientów, a ostatecznie budowanie silnych i długotrwałych relacji z konsumentami.

Ale jednocześnie działa również jako prawdziwy sklep, mający na celu zwiększenie przychodów i poprawę wyników biznesowych poprzez zwiększenie sprzedaży i zwiększenie zadowolenia klientów. To dużo obowiązków! Jeśli chcesz mieć pewność, że Twój sklep e-commerce osiągnie to wszystko, postępuj zgodnie z poniższymi wskazówkami, które pomogą Ci stworzyć w pełni funkcjonujące ścieżki użytkownika w Twojej witrynie.

Zbieraj dane UX

Celem danych UX jest wyposażenie się we wszystkie dostępne informacje na temat istniejących obserwacji doświadczeń użytkownika. Potrzebujesz tego, aby móc wyłapywać problemy i zacząć wymyślać rozwiązania, które od samego początku poprawią strukturę Twojej witryny. Dostępne są doskonałe narzędzia UX, takie jak Hindsight, które pomagają zbierać dokładne dane i identyfikować obszary wymagające poprawy w witrynie: od rejestrowania odwiedzających, gdy poruszają się po witrynie, po generowanie map cieplnych stron internetowych, aby zobaczyć, gdzie ludzie są (lub nie są t) klikanie.

Oczywiście dzieje się tak tylko wtedy, gdy masz istniejącą witrynę do przetestowania. Jeśli tworzysz zupełnie nową witrynę, ten krok pojawi się dopiero w późniejszej fazie. Pamiętaj jednak o tych wskazówkach.

Dane, które będziesz gromadzić, określą ważne informacje, takie jak:

• Szczyty aktywności lub interakcji
• Segmentacja zaangażowania
• Przerwane lub ślepe zaułki podróży
• Punkty frustracji

Możesz również wykorzystać dane zebrane z analiz SEO, Google Ads, Google Analytics i wbudowanych analiz na platformach społecznościowych, aby wesprzeć swoje ustalenia. Gromadzenie danych zapewnia również podstawę informacji, które można wykorzystać jako punkt odniesienia dla przyszłych audytów internetowych i celów badawczych.

Zacznij tworzyć studium przypadku

Będzie to miało fundamentalne znaczenie dla przyszłego sukcesu e-commerce, zwłaszcza jeśli masz do czynienia z witryną z dziesiątkami stron i wieloma możliwymi ścieżkami użytkownika.

Po przeprowadzeniu wszelkich niezbędnych badań i zebraniu prawidłowych danych wyniki należy zwięźle odnotować. Twoje studium przypadku posłuży do podsumowania i wyjaśnienia danych oraz do tworzenia lub testowania hipotez. Przechodząc przez kolejne etapy, od utworzenia makiety do zbudowania strony internetowej, rozwiniesz rejestrowane dane i ostatecznie użyjesz ich jako narzędzia do mierzenia się z trwającymi testami użytkowników lub pomagania członkom zespołu w podejmowaniu świadomych decyzji.

Zaplanuj strukturę swojej witryny

Kolejne dwa kroki to ustalenie architektury informacji i zaplanowanie pełnego układu strony w formie makiety.

Brzmi to dość prosto i być może już się nad tym zastanowiłeś, ale zatrzymaj się na chwilę i zastanów: czy naprawdę poświęciłeś tej fazie szkieletowej niezbędnej uwagi?

Możesz rozpocząć burzę mózgów na temat wyglądu i stylu, wykonując te dwa kroki, bez problemu. Dopóki nie będziesz mieć pewności, że struktura i nawigacja Twojego sklepu e-commerce są skoordynowane i zintegrowane bezbłędnie, tak długo, jak podejmujesz ostateczne decyzje dotyczące interfejsu użytkownika. Nie stawiamy interfejsu użytkownika na drugim miejscu pod względem ważności. Interfejs użytkownika jest wyraźnie bardzo istotny. Tchnie życie w strukturę Twojej witryny i odgrywa wiodącą rolę w uczynieniu Twojego sklepu intuicyjnie funkcjonalnym dla użytkowników. Ale Twój interfejs nie może uratować uszkodzonej struktury witryny ani skomplikowanej podróży użytkownika.

Myśl jak użytkownik

Musisz wczuć się w umysł swojego konsumenta, kiedy zaczynasz finalizować swój szkielet. To może być trudne ćwiczenie, ponieważ znasz już swoją markę i wszystkie jej produkty tak dobrze, że wydaje ci się to całkiem proste. Ale niech cię to nie zwiedzie! Musisz rozwijać swoją nawigację wokół wydajnych i skutecznych podróży użytkowników online, które będą prowadzić zarówno po raz pierwszy, jak i powracać do koszyka bez żadnych problemów.

Zacznij od dostosowania nawigacji w witrynie do person użytkownika, aby pomóc zrozumieć i pracować z potrzebami, doświadczeniami, zachowaniami i celami użytkowników. Będzie to stanowić podstawę podróży użytkownika i przepływu użytkowników. Podróż użytkownika wyjaśnia scenariusze, w których użytkownicy wchodzą w interakcję z produktami na co dzień, podczas gdy przepływ użytkownika koncentruje się na niezależnych etapach interakcji z produktem, od początku do końca.

Rozważ przeprowadzenie ukierunkowanych wywiadów z odbiorcami docelowymi, aby lepiej zrozumieć swoich użytkowników. Tutaj możesz zadawać konkretne i otwarte pytania, które pomogą zidentyfikować zrozumienie produktu użytkownika, stanowić podstawę mapy podróży użytkownika i pomóc udoskonalić istniejące/nowe persony użytkownika.

Upewnij się, że bierzesz pod uwagę zapobieganie błędom, myśląc jak użytkownik. Bez względu na to, jak starannie zaprojektowana jest Twoja witryna i jak wyjątkowa jest nawigacja w witrynie, użytkownicy popełniają błędy. Twoim obowiązkiem jest dołożyć wszelkich starań, aby przede wszystkim zapobiegać występowaniu problemów; ale kiedy tak się stanie, upewnij się, że dołączyłeś szybką poprawkę dla swojego użytkownika.

Więc w zasadzie, kiedy budujesz swój szkielet, upewnij się, że istnieje łatwa w nawigacji podróż dla każdego możliwego scenariusza odwiedzającego. W tym czasie dopracuj swoją architekturę informacji, aby zminimalizować liczbę kroków i znaleźć idealne momenty w układzie witryny na podróże związane z upsellingiem i cross-sellingiem.

Przetestuj swój szkielet

W tym momencie model szkieletowy może nadal być pewną formą planu z niewielką ilością zaimplementowanych elementów projektu. W tym momencie musisz jednak dodać swoją zawartość do modelu szkieletowego! Jeśli zamierzasz przetestować wydajność i użyteczność szkieletu, cała jego komunikacja musi być uwzględniona.

Nie musisz koniecznie polegać na opinii publicznej w przypadku tego rodzaju testu szkieletowego. Dzięki temu, że członkowie zespołu z różnych działów zapoznają się z pełną strukturą witryny, nawigacja i projekt zapewnią na razie wystarczający wgląd. Tylko upewnij się, że nie ograniczasz swojej grupy testowej do osób, które do tej pory miały już znaczącą interakcję z procesem - potrzebujesz nowych oczu i świeżych opinii.

Zbuduj model szkieletowy o wysokiej wierności

Znany również jako prototyp, szkielet wysokiej wierności to w pełni działający szkielet, który naśladuje ostateczną stronę internetową ze wszystkimi jej stronami i podróżami. Użyjesz tego do przeprowadzenia testów użytkowników na osobach spoza Twojej organizacji, przed rozpoczęciem tworzenia stron internetowych. Ten proces nigdy nie powinien być pospieszny, ponieważ stanowi kilka ostatnich kroków w kierunku perfekcji sklepu internetowego.

Możesz wykonywać zarówno testy moderowane, jak i niemoderowane. Obie metody mają na celu obserwowanie, w jaki sposób użytkownicy wchodzą w interakcję z modelem szkieletowym, oraz identyfikowanie problemów, problemów ze znalezieniem, nieefektywności, wąskich gardeł i ślepych zaułków, które uniemożliwiają użytkownikom realizację celów.

Jest to również część, w której wprowadzasz interfejs użytkownika, aby upewnić się, że projekt wspiera i uzupełnia szkielet Twojej witryny.

Wykonaj heurystyczną ocenę interfejsu użytkownika

Ocena heurystyczna to przegląd wykonywany przez jednego lub więcej specjalistów UX lub UI. W szczególności przygląda się interfejsowi użytkownika witryny z perspektywy doświadczenia użytkownika. Pomaga przetestować ogólną „intuicyjną” użyteczność witryny internetowej na każdym możliwym ścieżce użytkownika, w oparciu o zestaw zasad. Oto pięć zasad skoncentrowanych na ścieżce użytkownika, które można przeanalizować podczas testowania prototypu o wysokiej wierności:

Widoczność stanu systemu

Podczas każdej interakcji na ścieżce użytkownika użytkownicy muszą być informowani o tym, co się dzieje, dzięki odpowiednim informacjom zwrotnym (wskazówki wizualne) w rozsądnym czasie. Przykładem może być zapewnienie spójności w sposobie zmiany kursora po najechaniu kursorem na linki i elementy, które można kliknąć, lub wyraźne wskazanie, kiedy element się ładuje.

Dopasuj system do świata rzeczywistego

Każdy praktyczny punkt i fragment treści w układzie musi mieć cel i mówić językiem użytkownika. Hierarchie informacyjne powinny powstawać poprzez projektowanie i powinny być zgodne z naturalnym i logicznym porządkiem. Używaj prostego języka angielskiego w treści i nawigacji witryny oraz dołącz wysokiej jakości obrazy, które przekazują przykłady z życia wzięte.

Kontrola użytkownika i wolność

Bez względu na to, jak dobrze skonfigurowana jest Twoja architektura informacji lub jak dobrze zaprojektowana jest nawigacja, użytkownicy będą popełniać błędy. Kiedy to zrobią, ważne jest, aby mogli znaleźć wyraźnie oznaczone wyjście awaryjne i wrócić do podróży bez irytacji. Wspieraj powtarzanie i cofanie działań, wdrażając widoczne wskazówki, drugorzędne nawigacje lub taktyki nawigacyjne.

Spójność i standardy

Nie ma potrzeby ograniczania się do stałego projektu, ale nadal musisz upewnić się, że użytkownicy rozumieją poszczególne elementy interfejsu. Użytkownicy nie powinni się zastanawiać, czy różne słowa, sytuacje lub działania oznaczają to samo. Upewnij się, że różne układy mają rozpoznawalną strukturę, a kolory i elementy, takie jak podstawowe i drugorzędne wezwania do działania, są spójne.

Pomoc i dokumentacja

Nawet jeśli układ witryny lepiej nie zawiera zbyt skomplikowanych informacji, w niektórych przypadkach może być konieczne zapewnienie pomocy i dokumentacji. Wszelkie takie informacje powinny być łatwe do wyszukiwania, skoncentrowane na zadaniach i wyjaśniające. Dotyczy to zwłaszcza sklepów e-commerce, które sprzedają bardziej zaawansowane lub skomplikowane produkty. Na przykład internetowy sklep z farbami będzie musiał zamieścić karty danych technicznych i przydatne informacje dotyczące zastosowania.

Na tym się nie kończy

Nigdy nie możesz skończyć pracy na swojej stronie internetowej lub ulepszania podróży użytkowników. Nie musisz myśleć o makiecie jako o ogromnym projekcie dla zupełnie nowej strony internetowej. Modele szkieletowe można przeprowadzać burze mózgów i testować, aby poprawić nawet najmniejsze problemy. Jednak najmniejsze problemy mogą czasem prowadzić do największych strat konwersji – więc pozwól swojej witrynie wspierać użytkowników na każdym etapie podróży! A jeśli nie wiesz, co dalej robić, zadzwoń do nas. Jako eksperci Shopify jesteśmy tak samo pasjonatami sukcesu Twojego sklepu internetowego jak Ty.