7 najlepszych praktyk projektowania doświadczeń użytkownika dla Twojej witryny B2B (+ przykłady)

Stworzenie atrakcyjnej witryny B2B wymaga znacznie więcej niż tylko dobrego wyglądu i wyjaśnienia, co robisz. Chcesz zbudować osobowość kupującego, aby mieć pewność, że piszesz treści z myślą o właściwych odbiorcach. Chcesz przeprowadzić badanie słów kluczowych, aby upewnić się, że wspomniana publiczność Cię znajdzie. I tak, zdecydowanie chcesz, aby wyglądało atrakcyjnie, aby ludzie chcieli poruszać się po twoich stronach i ostatecznie zostać klientem.

Północnym początkiem tego całego procesu jest doświadczenie użytkownika (lub UX, jak nazywają to fajne dzieciaki). Zrób to dobrze, a połowa bitwy jest wygrana. Ale co to właściwie oznacza? Skąd możesz wiedzieć, czy Twoja istniejąca strona internetowa ma dobry UX?

Co to jest doświadczenie użytkownika?

Doświadczenie użytkownika to sposób, w jaki odwiedzający czują się, gdy wchodzą w interakcję z Twoją witryną. Celem jest zaprojektowanie witryny, która jest intuicyjna, łatwa w nawigacji i zapewnia wartość dla czytelnika. Każdy element powinien być obecny, aby upewnić się, że pozostanie w Twojej witrynie, zamiast denerwować się i przechodzić na stronę konkurencji.

W teorii brzmi to dość prosto. W praktyce wymaga to dużo planowania, testowania i modyfikacji. Tak bardzo, że nie jest to kolejny element do odhaczenia na liście podczas projektowania witryny. W rzeczywistości są eksperci od doświadczenia użytkownika, którzy spędzają całe dni robocze na wymyślaniu pomysłów na wdrożenie lepszego UX.

Niezależnie od tego, czy projektujesz stronę internetową od podstaw, czy korzystasz z szablonu, wszystko powinno być zaprojektowane z myślą o user experience.

Jak UX wpływa na Twoją witrynę B2B

User experience to jeden z najważniejszych elementów Twojej witryny. Skuteczne wykonanie ma kilka pozytywnych konsekwencji:

Niższe współczynniki odrzuceń

Kiedy znaczna liczba odwiedzających witrynę opuszcza ją wkrótce po przybyciu, nie oznacza to, że wszystkim się spieszy. Oznacza to, że serwis pozostawia wiele do życzenia. Może to oznaczać, że wymaga szybszego ładowania, lepszych wezwań do działania lub jest trudna w nawigacji. Możesz rozwiązać wszystkie te problemy, zlecając ekspertom UX przeprowadzenie audytu strony internetowej, zidentyfikowanie miejsca występowania problemów i rozwiązanie ich.

Efektywna podróż kupującego

Nie każdy potencjalny klient znajduje się w tym samym miejscu na ścieżce kupującego. Osoba odwiedzająca witrynę po raz pierwszy szuka czegoś zupełnie innego niż powracający klient. Co więc ma zrobić projektant stron internetowych? Prowadź ich, ot co. Dobry UX oznacza, że ​​masz treści dostosowane do odwiedzających, którzy są na etapie świadomości, rozważania i podejmowania decyzji. Możesz to zrobić, dostarczając inteligentne treści i używając słów kluczowych, które prawdopodobnie wprowadzają do wyszukiwarek podczas prowadzenia badań.

Wyższe współczynniki konwersji

Współczynniki konwersji to nie tylko sprzedaż. To prawda, tak, te liczą się najbardziej. Ale nierealistyczne jest oczekiwanie, że każda interakcja w witrynie zakończy się sprzedażą. Efektywny UX uwzględnia każdy etap podróży użytkownika, dzięki czemu jest bardziej prawdopodobne, że podejmie on wszystkie pożądane działania — dołączenie do listy e-mailowej, zapisanie się na bloga, zapisanie się na webinar, zamówienie demo, umówienie rozmowy, wykonanie zakup. Wymaga to skutecznych nagłówków, atrakcyjnej treści, pomocnych materiałów wizualnych i silnych wezwań do działania.

Krótsze cykle sprzedaży

Jednym z czynników różnicujących strony B2B i B2C jest to, że te B2B mają zwykle znacznie dłuższy cykl sprzedaży. Jest to zrozumiałe, ponieważ proces badania perspektyw jest dłuższy, a inwestycja znacznie większa. Bardzo rzadko leady są gotowe do dokonania zakupu podczas pierwszej wizyty na dowolnej stronie internetowej. Ale jeśli Twoja witryna ładuje się szybko, jest łatwa w nawigacji, dostarcza im wszystkich potrzebnych informacji i utrzymuje ich zaangażowanie, możesz przyspieszyć ten proces. Kolejnym kluczowym elementem jest zaprojektowanie strony internetowej, która zachęci odwiedzających do zapisania się do biuletynu e-mail. W ten sposób możesz pielęgnować te leady, dopóki nie będą gotowe do zakupu.

Zwiększona retencja klientów

Pozyskiwanie nowych klientów jest znacznie droższe niż utrzymanie dotychczasowych. Istnieje wiele sposobów, dzięki którym projekt Twojej witryny może sprawić, że klienci będą wracać po więcej. Rób wszystko, co masz pod kontrolą, aby ich interakcje z Twoją witryną były przyjemne. Upewnij się, że ładuje się szybko. Zaimplementuj responsywny projekt. Dołącz natywną funkcję płatności. Utwórz portal klienta, aby mogli sprawdzać status swoich projektów i/lub zamówień. Podaj kilka sposobów, w jakie mogą się z Tobą skontaktować. Korzystaj z czatu na żywo, aby szybko uzyskać odpowiedzi na swoje pytania. Wszystkie te elementy sprawią, że Twoi klienci będą zadowoleni i nadal będą generować przychody dla Twojej firmy.

Co to jest projektowanie doświadczeń użytkownika (UX)?

Proces projektowania doświadczenia użytkownika obejmuje uwzględnienie wszystkiego, czego potrzebują odwiedzający witrynę, oraz optymalizację każdej funkcji i miejsca docelowego w witrynie. Nie możesz po prostu zrobić listy wszystkich funkcji wymienionych powyżej i dodać je losowo.

Projektowanie UX umieszcza każdy element w kontekście; sprawia, że ​​wszystko ma związek z tym, co w danym momencie robi odwiedzający witrynę. Oprócz tego, co jest praktyczne, proces ten może również obejmować dodawanie elementów, które są czysto zabawne lub rozrywkowe. Kluczem jest stworzenie środowiska, w którym potencjalni klienci i potencjalni klienci chcą pozostać.

Proces projektowania UX może się różnić w zależności od projektu strony internetowej, ale wspólne mianowniki to:

• Prowadzenie szeroko zakrojonych badań rynkowych
• Rozwijanie osobowości kupujących
• Tworzenie makiet
• Wymyślanie przydatnych funkcji, takich jak narzędzia, samouczki, doświadczenia 3D lub infografiki
• Zapewnienie objęcia wszystkich obszarów modelu kwadrantu UX (jak wyjaśniono poniżej)
• Testy A/B

Model kwadrantu UX

Projektanci UX są ekspertami w czterech różnych obszarach, które łączą siły, aby zoptymalizować wrażenia użytkownika.

Strategia doświadczenia (ExS)

ExS to główny parasol UX. To miejsce, w którym łączysz pozytywne doświadczenie ze szczegółami dotyczącymi rozwiązań biznesowych. Przykłady obejmują łatwe do znalezienia i zrozumiałe opisy produktów.

Projektowanie interakcji (IxD)

Projektowanie interakcji odnosi się do interaktywnych elementów Twojej witryny — przycisków wezwania do działania, narzędzi, quizów, przejść między stronami itp. Są to kluczowe elementy, które prowadzą użytkowników witryny i zwiększają współczynniki konwersji.

Badania użytkowników (UR)

UR polega na sprawdzaniu, czego chcą i preferują użytkownicy sieci, w oparciu o ich własne zachowania i opinie. Aby znaleźć tego typu informacje, możesz przetestować użyteczność, a także wdrożyć ankiety, a nawet bezpośrednio zadać im pytania (za pośrednictwem poczty elektronicznej, mediów społecznościowych lub podczas interakcji z nimi).

Architektura informacji (IA)

Architektura informacji odnosi się do struktury strony internetowej. Jak wszystko będzie zorganizowane na pasku nawigacyjnym, wraz ze stronami podrzędnymi i ich hierarchią. Polega to na złożeniu wszystkiego razem w sposób łatwy w nawigacji.

Uwzględnienie wszystkich czterech elementów podczas projektowania strony internetowej gwarantuje, że uwzględnione zostaną wszystkie podstawy optymalnego UX.

Oznaki złego doświadczenia użytkownika

Są strony internetowe, które są tak przestarzałe, że ich elementy słabego UX są widoczne dla każdego, kto je odwiedza: brak obrazów, brak linków, uszkodzonych linków, wiele stron z małą zawartością, obrazy, które ładują się tak wolno, jakbyś używał pokrętła połączenie internetowe. Krótko mówiąc, wszystko, co wygląda lub sprawia wrażenie, jakby zostało stworzone na przełomie lat 90. i 2000.

Jednak strony internetowe, które wyglądają nowocześniej, mogą nadal zapewniać słabą obsługę. Przeprowadź audyt witryny, aby ustalić, czy którakolwiek z poniższych sytuacji dotyczy Twojej:

Wolne czasy ładowania

Większość ludzi ma zdolność koncentracji uwagi komara. Połącz to z naszą obecną kulturą natychmiastowej gratyfikacji, a jeśli Twoja witryna nie załaduje się w mniej niż dwie sekundy, ludzie odejdą.

Brak optymalizacji mobilnej

Większość ludzi, gdy nie siedzi przy biurku w pracy, korzysta z Internetu ze swoich telefonów. I chociaż witryna może szybko się ładować i dobrze wyglądać na komputerze, jeśli trudno ją czytać lub poruszać się na mniejszych ekranach, potencjalni klienci odejdą.

Myląca nawigacja

Strony internetowe powinny być intuicyjne. Zbyt wiele opcji menu, niespójne projekty na każdej stronie, klikalne linki w tym samym kolorze co reszta tekstu i/lub niejasne wezwania do działania sprawią, że Twoi użytkownicy będą sfrustrowani.

Niejasne wezwania do działania

Mówiąc o CTA, powinny one być krótkie i zorientowane na działanie. Ponadto czytelnicy powinni dokładnie wiedzieć, co się stanie, gdy na nią klikną. Kliknij tutaj nie jest tak skuteczne, jak Pobierz e -book lub Zaplanuj połączenie .

Wysokie współczynniki odrzuceń

Kiedy patrzysz na dane swojej witryny, które strony mają najwyższy współczynnik odrzuceń? A jaki jest powód? Jeśli to dlatego, że jest to strona docelowa i opuszczają ją po jej wypełnieniu, jesteś złoty. Ale jeśli Twoja strona główna, produkty/usługi lub blogi powodują, że ludzie opuszczają witrynę w ciągu kilku sekund, są albo zdezorientowani, przytłoczeni, albo znudzeni.

Niskie współczynniki konwersji

Będziesz także chciał zwrócić uwagę na to, jak często ludzie podejmują pożądane działania. Wszelkie przyciski CTA, które są w większości ignorowane, wskazują, że powinieneś coś w nich zmienić. Może to być tekst, rozmiar lub kolor.

Wskazówki i najlepsze praktyki projektowania UX

W tym momencie powinieneś już dobrze wiedzieć, co składa się na najlepsze praktyki związane z dobrym doświadczeniem użytkownika. Ale dla jasności, oto siedem najlepszych praktyk, które zdecydowanie chcesz wdrożyć:

1. Szybkie czasy ładowania

Jak wcześniej wspomniano, szybkie czasy ładowania mają kluczowe znaczenie. Twoi czytelnicy nie zobaczą niczego innego w Twojej witrynie, chyba że ładuje się ona szybko. Aby sprawdzić swoje, użyj narzędzia takiego jak Google PageSpeed ​​Insights lub Pingdom.

2. Prosty pasek nawigacyjny

Nic w Twojej witrynie nie powinno być przytłaczające. Twój pasek nawigacyjny powinien ułatwiać przechodzenie od strony do strony i powinien być prosty. Dodanie zbyt wielu opcji (lub zbyt wielu list rozwijanych ze zbyt wieloma opcjami) jest mylące i stanowi typowy przykład słabego UX.

3. Bułka tarta

Bułka tarta ułatwia odwiedzającym witrynę łatwy powrót do określonej strony. Termin ten odnosi się do dodatkowej nawigacji, w której użytkownicy mogą zobaczyć, w którym miejscu witryny aktualnie się znajdują. Jest to dobra praktyka w przypadku witryn, które mają rozwijane menu na pasku nawigacyjnym. Pojawia się jako seria poziomych linków.

Na poniższym przykładzie widać, że chociaż serwis Bed, Bath & Beyond ma wiele stron, to zdjęcia kaw można znaleźć w menu Kawa i herbata, które można znaleźć w zakładce Kuchnia. I widać to na pierwszy rzut oka dzięki bułce tartej.

Źródło: Łóżko, złe i nie tylko

4. Pomocne treści

Dawno, dawno temu wystarczyłoby upchanie słów kluczowych w witrynie, aby pomóc jej w rankingu w Google. Nigdy więcej. Ta taktyka nie poprawi Twojej pozycji w SERP. Bądź też zorientowany na klienta. Nie chodzi tylko o to, by wyglądać dobrze. Chodzi o rozwiązywanie problemów użytkowników i pomaganie im w pokonywaniu wyzwań. Więc zrób to. Dostarczaj treści edukacyjne — takie jak blogi, e-booki i białe księgi. Wyjaśnij procesy w prostych krokach, takich jak infografiki i samouczki wideo. Odpowiedz na ich pytania. Podaj wartość. Dzięki temu będą wracać, udostępniać Twoje treści i polecać Ci więcej.

5. Białe przestrzenie

Białe spacje są dokładnie tym, jak brzmią — pustymi obszarami między akapitami i sekcjami strony. Mnóstwo białych przestrzeni sprawia, że ​​witryna jest czysta i czytelna. Pomyśl o Apple i Amazon. Nie ma dużo hałasu walczącego o twoją uwagę; a to znacznie ułatwia znalezienie tego, czego szukasz.

6. Spójność na stronach internetowych

Ludzie przychodzą do Twojej witryny, aby znaleźć rozwiązania. Dlatego powinni być w stanie szybko dowiedzieć się, jak znaleźć rzeczy w Twojej witrynie. A kiedy już to zrobią, chcą kontynuować to intuicyjnie, niezależnie od strony, na której się znajdują. Zachowaj więc spójny układ, aby jak najwięcej ułatwić czytelnikom.

7. Wiele sposobów skontaktowania się z Tobą

Część twoich badań rynkowych obejmuje ustalenie, w jaki sposób Twoi docelowi odbiorcy woleliby się z tobą komunikować. W zależności od pokolenia, roli zawodowej, a nawet preferencji może to obejmować e-mail, rozmowę telefoniczną lub czat na żywo. Wybierz ich pierwsze dwa i zaimplementuj je. Czat na żywo to świetny sposób na uzyskiwanie szybkich odpowiedzi w czasie rzeczywistym.

Przykłady projektowania UX

Teraz, aby zobaczyć niektóre z tych elementów w działaniu, przyjrzyjmy się firmom, które dobrze stosują UX.

HubSpot

Oczywiście zaczynamy od HubSpot. Jest przejrzysty, ma mnóstwo białych przestrzeni, przyciski wezwania do działania, które przykuwają Twoją uwagę i dokładnie informują, co się stanie po ich kliknięciu, a także ułatwiają uzyskanie szybkich odpowiedzi za pomocą narzędzia czatu na żywo.

W dalszej części strony łatwo znajdziesz centrum, którego szukasz, dzięki prostemu projektowi kart. Wymienienie ich najpopularniejszych funkcji tuż pod każdym krótkim opisem sprawia, że ​​treść jest łatwa do zeskanowania i zrozumienia.

Jabłko

Jak zwykle Apple przewodzi grupie praktycznie we wszystkim — i przygotowali scenę dzięki UX swojej witryny. Biała przestrzeń jest wszędzie. Żadnych zakłóceń. Kliknij dowolną ikonę u góry, aby znaleźć rodzaj produktów, których szukasz. Lub kliknij Kup, jeśli jesteś już częścią ich kultowych obserwatorów i jesteś gotowy przekazać swoje pieniądze.

Ale jeśli nie jesteś jeszcze gotowy, aby otworzyć swój portfel, ułatwiają proces wyszukiwania, udostępniając pomocną tabelę porównawczą. Nie musisz otwierać 50 kart ani przeskakiwać ze strony na stronę, aby uzyskać potrzebne informacje. Wszystko jest tak proste i uproszczone, jak to tylko możliwe.

AirBnB

Dzięki Airbnb znalezienie miejsca na nocleg jest tak proste — bez względu na to, dokąd się wybierasz. W rzeczywistości, nawet jeśli nie wiesz, dokąd się wybierasz, pomogą Ci znaleźć miejsce, które pokochasz. Ich strona główna zawiera rzadki tekst, ale wiesz dokładnie, gdzie się udać, aby poszukać miejsca lub zostać gospodarzem.

Dostarczają również przydatne treści odwiedzającym witrynę, takie jak rzeczy do zrobienia podczas podróży lub doświadczenia, które mogą mieć podczas pobytu w swoim rodzinnym mieście.

A jeśli użytkownik zastanawiał się nad wynajmem własnej nieruchomości, ale nadal ma pytania, strona bardzo ułatwia znalezienie tych odpowiedzi:

Zapewnienie użytkownikom doświadczenia polega na byciu zorientowanym na klienta: co ułatwiłoby im życie? Sprawiający więcej satysfakcji? Bardziej atrakcyjne? Następnie rozwijaj każdy element, aby byli podekscytowani znalezieniem Twojej witryny. A kiedy już to zrobią, powiedzą o tym wszystkim, których znają.