30 wskazówek dotyczących projektowania UX, aby zapewnić pozytywne wrażenia eCommerce

Opublikowany: 2017-06-14

Handel elektroniczny zmienił nasze życie, zmienił sposób, w jaki kupujemy rzeczy. W e-commerce pierwsze wrażenie ma kluczowe znaczenie dla sklepów internetowych, ponieważ konkurencja jest duża i niezwykle łatwo jest stracić klienta, już za pomocą jednego kliknięcia klient może opuścić Twoją stronę i nigdy nie wrócić z powodu słabego user experience.

Musisz pomyśleć o propozycji wartości, o tym, jak uprościć życie swoim użytkownikom i sprawić, by kupowali od Ciebie w kółko. Musisz pomyśleć o tym, jak podzielić się tym, że Twoja firma różni się od setek innych sklepów internetowych. W połączeniu z prostotą, łatwym przepływem użytkowników i elementami wezwania do działania, tworzysz doświadczenie online dla swoich klientów.

Przyjrzyjmy się naszym wskazówkom dotyczącym projektowania UX, które pomogą Ci rozwinąć Twój e-commerce.

  1. Zasada numer 1 w e-commerce – pokaż wysokiej jakości zdjęcia swojego produktu.
  2. Zachowaj koncentrację kupujących . Upewnij się, że menu główne, sprzedaż krzyżowa lub dodatkowa itp. nie odwracają uwagi kupujących od finalizowania transakcji. Użyj wizualnych kolejek, takich jak kolor lub strzałki, aby skupić uwagę na jednym wezwaniu do działania.
  3. Twoja strona główna wymaga najwięcej pracy. Na przykład wiele firm trzyma się inspirujących filmów i historii, które dokładnie reprezentują typ ich celu. Nie zapomnij dodać referencji, ocen i recenzji. Użyj prostego, uporządkowanego projektu. Używaj jak najmniejszej ilości słów, eliminując wszystko, co nie ma wpływu, na przykład ostatnie posty na blogu.
  4. Najlepsze sklepy e-commerce zazwyczaj oferują kolekcje artykułów kierujących tendencjami użytkowników, na przykład mogą zawierać siatkę ze wszystkimi najpopularniejszymi spódnicami damskimi lub mogą oferować polecane produkty na podstawie wcześniejszych doświadczeń klientów.
  5. Walidacja danych . Nie czekaj, aż użytkownik prześle formularz, zweryfikuj i powiadom użytkownika w czasie rzeczywistym, jeśli są jakieś błędy lub brakujące pola, które należy wypełnić. Walidacja inline w czasie rzeczywistym pomoże Twoim klientom szybko i mniejszym wysiłkiem zakończyć transakcję i mniej błędów. Upewnij się, że powiadomienie jest wystarczająco widoczne, aby użytkownik go nie pominął.
  6. Organizacja formularza kasowego . Podziel stronę kasy na sekcje i trzymaj powiązane elementy blisko siebie. I unikaj zadawania niepotrzebnych informacji. Zamówienie jednej strony ma być szybkie i łatwe. Dlatego unikaj zadawania niepotrzebnych informacji. Nie każ kupującym zgadywać, ile kroków trzeba wykonać, aby sfinalizować transakcję, informuj ich o tym.
  7. Adresy wysyłkowe i rozliczeniowe są takie same w przypadku większości zamówień, więc zamiast prosić użytkownika o wykonanie tej pracy, wpisz adres rozliczeniowy adresem rozliczeniowym. Pokaż pole kodu pocztowego i ukryj miasto i stan. Gdy użytkownik wprowadzi kod pocztowy, rozwiń formularz o wstępnie wypełnione pola miasta i stanu. Upewnij się, że te pola można edytować. To łatwiejsze i szybsze dla Twoich użytkowników.
  8. Bezpieczeństwo płatności . Jak zawsze istnieje wiele obaw o bezpieczeństwo w e-commerce. Zapewnij kupujących, że ich dane są bezpieczne, wyświetlając swoje dane uwierzytelniające, numer obsługi klienta i link do polityki prywatności.
  9. Możesz ograniczyć porzucanie koszyka , tworząc pilność. Określ liczbę jednostek nadal dostępnych w magazynie, jeśli pozostało ich tylko kilka. Lub jeśli oferujesz ofertę lub rabaty na produkty dodane do koszyka i że kończy się za dzień lub dwa, pokaż to.
  10. Jeśli oferujesz bezpłatną wysyłkę lub rabat na zamówienia powyżej określonej kwoty, powinieneś przypomnieć kupującym, ile więcej muszą wydać, aby skorzystać z tej oferty.
  11. Jeśli to możliwe, dodaj opcję pakowania prezentów do zakupów w swoim sklepie i pozwól kupującym dodać osobistą notatkę do swoich prezentów. Ponadto pozwól kupującemu wybrać, czy podczas dostawy ma zawierać informacje o cenie na fakturze.
  12. Lista życzeń użytkownika . Koszyk, który Cię zapamiętuje. Jeśli użytkownik uważa, że ​​nie stać go na całkowity koszt zamówienia, może usunąć kilka produktów z koszyka. Zapewnij opcję zapisania lub przeniesienia tych produktów na listę życzeń, aby nie stracić ich z oczu. Możesz również przypomnieć im o produktach z listy życzeń następnym razem, gdy jeden z nich znajdzie się na stronie koszyka. Ponadto, gdy użytkownik chce usunąć produkty z koszyka, nadaj mu nazwę usuń zamiast usuwania. I pozwól użytkownikowi ustawić ilość na zero, aby usunąć przedmiot z koszyka. Gdy użytkownik kliknie link do usuwania, zamiast usuwać element, natychmiast zapytaj, czy kliknięcie było celowe. Nie zapominaj, że powinieneś dać opcję wprowadzenia tych zmian na samej stronie koszyka bez konieczności przechodzenia do strony produktu. I oczywiście, gdy kupujący dodaje produkt do koszyka, nie każ mu zgadywać, czy produkt został dodany, czy nie, wyślij wiadomość z potwierdzeniem. Możesz podać wiadomość z potwierdzeniem na tej samej stronie lub przekierować ich na stronę koszyka. Gdy utrzymujesz kupującego na tej samej stronie, dostarczaj rekomendacje produktów wraz z komunikatem potwierdzającym, aby mógł kupić więcej.
  13. Wspólne listy życzeń . Wielu klientów nie podejmuje decyzji o zakupie od razu, potrzebują czasu, aby wszystko przemyśleć, porównać ceny z różnymi sklepami e-commerce lub skonsultować swój wybór z rodziną lub przyjaciółmi. Oczywiście mogą dodawać strony do zakładek, ale nie jest to tak wygodne, jak przechowywanie wszystkich elementów w jednym miejscu. Świetnym rozwiązaniem jest możliwość zaznaczenia potencjalnie interesujących produktów i dodania ich do listy życzeń. Jeśli lista życzeń ma być naprawdę przyjazna dla użytkownika, upewnij się, że klient może podzielić się nią z innymi online. Nie tylko udostępniaj wiadomości e-mail i udostępnianie w mediach społecznościowych, ale także umożliwiaj klientom tworzenie linków, które można udostępniać. Taki link ułatwi klientom konsultowanie zakupu z innymi.
  14. Pokaż ostatnio kupione produkty . Prawdopodobnie masz grono stałych klientów, którzy często kupują te same produkty w Twoim sklepie internetowym, więc personalizacja ich kont jest dobrym pomysłem. Jeśli co miesiąc odwiedza Cię jakiś klient, aby kupić daną karmę dla kota, wyświetlenie sekcji z ostatnio zakupionymi produktami zaraz po zalogowaniu ułatwi mu zakupy. Nie marnuj czasu na szukanie odpowiedniego rozmiaru torebki i rodzaju kociego przysmaka, wystarczy jedno kliknięcie i produkt jest w koszyku. Świadomość, że taka funkcja czeka na nich w Twoim sklepie, sprawi, że będą chętniej wracać.
  15. Spraw, aby koszyk był zawsze widoczny . Bardziej zaawansowani kupujący online nie będą chcieli być odsyłani bezpośrednio do strony koszyka, jeśli dodadzą przedmiot. Dlatego ważne jest, aby koszyk był widoczny na każdej stronie serwisu z ilością dodanych rzeczy i ceną.
  16. Nawigacja ma kluczowe znaczenie, gdy masz wiele kategorii, zmiennych produktów lub produktów z wieloma opcjami. Im szybciej ludzie znajdą to, czego chcą, tym szybciej przeniesiesz ich do procesu realizacji transakcji. Ogranicz górne menu do 7 opcji. Użyj wielokolumnowego menu, które organizuje kategorie i podkategorie. Nie zapomnij o ukrytych menu. W ciągu ostatnich kilku lat minimalizm nadal był jednym z najbardziej spójnych trendów w projektowaniu stron internetowych, koncentrując się na czystej, prostej i łatwej w nawigacji estetyce oraz podkreślając obrazy i duże tła. Wielu projektantów uważa, że ​​ikona hamburgerów osiągnęła status uniwersalny i marki nie powinny już bać się ukrywać swojej nawigacji, ponieważ użytkownicy kojarzą ją z menu lub listą i będą z nią wchodzić w interakcje.
  17. SEO . Użyj bułki tartej, aby pomóc użytkownikom nawigować i rozpowszechniać PageRank na stronach kategorii. Używaj najtrafniejszych słów kluczowych o najniższym stopniu trudności w tytule strony, adresie URL, nagłówkach i całym tekście opisu. Umieść krótkie podsumowanie produktu na górze strony lub obok zdjęcia. Pomyśl najpierw o urządzeniach mobilnych, teraz e-commerce również zależy od urządzeń mobilnych. Minimum, co możesz zrobić, to responsywność witryny.
  18. Ilość produktów . Pokaż liczbę stron przed i za listami produktów. Pokaż całkowitą liczbę produktów w tej kategorii.
  19. Filtry . Zezwalaj użytkownikom na sortowanie według: ceny, kategorii, płci, koloru itp.
  20. Zaoferuj opcję powiększenia, aby użytkownicy mogli sami zobaczyć szczegóły.
  21. Personalizacja wszystkiego.
  22. Pieniądze a wartość . Niektórzy użytkownicy skupiają się na wydawaniu określonej kwoty pieniędzy. Inni skupiają się na wartości. Twoja witryna może pomóc w rozwiązaniu obu problemów. Czy oferujecie bezpłatną wysyłkę? Czy cena jest wyższa, ale jakość jest lepsza? Wyraźnie zaznacz to na swojej stronie, pokaż swoją przewagę konkurencyjną, korzyści, które możesz dać swoim klientom.
  23. Wydajne wyszukiwanie . Jednym z pomysłów jest, aby Twoja witryna automatycznie zapisywała miejsce, w którym użytkownik był ostatnio wyszukiwał. Załóżmy na przykład, że użytkownik zawęził wyszukiwanie do czterech stron i 30 elementów na stronę. Przerwano mu, patrząc na drugą pozycję w drugim wierszu na stronie 3. Tak więc w zasadzie dałbyś swoim użytkownikom możliwość kontynuowania od miejsca, w którym skończył, zamiast zaczynać od nowa.
  24. Formularz biuletynu . Tworzenie silnej listy e-mailowej to długi proces, ale niezwykle cenny w przypadku promocji, zwłaszcza w okresie świątecznym. Posiadanie formularza zapisu do newslettera jest standardem w każdym sklepie e-commerce, więc postaraj się, aby Twój formularz był bardziej atrakcyjny niż inne.
  25. Nie zapomnij zaktualizować treści . Promocje z zeszłego miesiąca nie powinny znajdować się na żadnej z Twoich stron. Irytujące jest znajdowanie promocji, z których nie będziesz mógł skorzystać.
  26. Podkreśl korzyści wynikające z posiadania konta . Korzyści, takie jak ekskluzywne rabaty i promocje, wystarczą, aby liczba kupujących założyła konto.
  27. Nie zapomnij o tym, jak ludzie czytają i skanują informacje . Umieść ważne części każdej strony internetowej na górze i na dole po lewej stronie. Odwiedzający skanują strony internetowe w układzie „F”, to dobrze znany fakt. Dlatego zwróć ich uwagę za pomocą mocnych nagłówków i odpowiedniego układu stron.
  28. Zaoferuj wirtualną pomoc . Firmy e-commerce używają botów czatu lub narzędzi do czatu na żywo z technologią predykcyjną, aby przewidywać potrzeby kupujących i udzielać wskazówek w najważniejszych momentach. Na przykład, jeśli klient otrzymuje komunikat o błędzie przy kasie lub szuka przewodnika po rozmiarach, inteligentny bot czatu może zapewnić odpowiednią pomoc na czas. Mogą również dawać spersonalizowane rekomendacje zgodnie z preferencjami użytkownika.
  29. Projekt karty . Trend projektowania kart stał się coraz bardziej popularny z tego prostego powodu, że pozwala organizować ogromne ilości treści przy niewielkim wysiłku. Nazywa się to projektowaniem kart ze względu na przypominające karty pudełka, w których prezentowane są informacje o produkcie. Jest prosty, łatwy do odczytania i nadal wygląda imponująco. Karty świetnie nadają się do organizowania sekcji lub produktów w sposób bez bałaganu i przyjazny dla użytkownika. Upraszczają nawigację i poprawiają UX, umożliwiając użytkownikom łatwy dostęp do informacji na pierwszy rzut oka i rozróżnianie tematów. Największą korzyścią z przyjęcia układu kart jest to, że bardzo dobrze współpracują z responsywnym projektowaniem stron internetowych, dlatego są bardzo popularne w witrynach e-commerce.
  30. Duże tła . Klienci kochają obrazy, a nie tekst. Bez wątpienia doprowadzi to do skupienia się na obrazach, jeśli nie będą mieli czasu na czytanie. Kluczowym czynnikiem przy podejmowaniu przez klienta decyzji o zakupie jest jego pierwsze wrażenie podczas przeglądania Twojego sklepu. Duże zdjęcia i tła wideo tworzą piękne, wciągające strony internetowe. Mogą zachęcić potencjalnych klientów do dokonania zakupu w momencie pojawienia się na Twojej stronie. Sklepy e-commerce intensywnie wykorzystują tę technikę, aby stworzyć czysty, profesjonalny wygląd i sprawić, by ich produkty były bardziej pożądane.

Mam nadzieję, że moja lista okazała się przydatna i pomoże Ci poprawić wrażenia użytkownika w Twoim sklepie e-commerce. Trendy zmieniają się bardzo szybko, pozostań na bieżąco!