7 User Experience szybko wygrywa, aby ulepszyć swoją stronę 30 sierpnia 2016

Jako digital marketer nieustannie pracujesz nad optymalizacją swojej strony internetowej. Za pomocą statystyk internetowych chcesz uzyskać wgląd w to, ile i gdzie odwiedzający opuszczają witrynę. Statystyki nie zawsze dają wgląd w powód, dla którego ludzie odchodzą. Badania online, a zwłaszcza zbieranie informacji zwrotnych w czasie rzeczywistym, mogą dostarczyć wielu cennych informacji na temat motywów odwiedzających.

Z mojej roli w Mopinion często dokonuję analiz informacji zwrotnych otrzymywanych przez naszych klientów. Analizy te pokazują, że często można jeszcze wiele zyskać pod względem doświadczenia użytkownika . W tym blogu przedstawię siedem głównych punktów, które możesz wykorzystać jako marketer, aby osiągnąć szybkie wygrane i poprawić wrażenia użytkownika swojej witryny.

---

ROZPOCZNIJ BEZPŁATNY PRÓBNY!

Wypróbuj Mopinion teraz

• Zbieraj nieograniczoną liczbę opinii
• ■
• Bezpłatny 14-dniowy okres próbny

---

Wskazówka 1: Czas ładowania strony

Wydaje się to oczywiste. Jednak z opinii, które zbieramy dla naszych klientów, wydaje się to być dość zagłuszające. Nie tylko jest to często wymieniane (w niektórych przypadkach około 30% otrzymanych informacji zwrotnych), ale także bardzo wysoko oceniane na mierniku rozdrażnienia. Szczególnie w przypadku firm działających w sposób promocyjny lub z cyklami miesięcznymi można zauważyć, że zmagają się one z pewnymi szczytami liczby odwiedzających. Pomyśl na przykład o losowaniach loterii lub dostawców kredytów hipotecznych, którzy muszą przetwarzać wiele mutacji w określonych momentach miesiąca.

Ponadto często pokazuje również, że bardziej skomplikowane narzędzia online – na przykład konfigurator samochodów w samochodzie – wymagają dużej przepustowości łącza internetowego lub mają wpływ na przetwarzanie obrazu komputera lub innego urządzenia. Oczywiście takie narzędzia mogą stanowić wartość dodaną dla zwiedzającego, ale jednocześnie niosą ze sobą ryzyko, gdy proces nie przebiega szybko i płynnie.

Hosting
Możesz pomyśleć: co możesz z tym zrobić? Pierwszym krokiem jest sprawdzenie, czy masz wystarczającą przepustowość. Zapoznaj się z elastycznymi i skalowalnymi rozwiązaniami hostingowymi, takimi jak hosting w chmurze firmy Amazon lub Rackspace. Zmapuj pole, w którym masz największą liczbę odwiedzających i upewnij się, że korzystasz z odpowiednich narzędzi monitorujących w tym obszarze, takich jak Pingdom lub Google Pagespeed. Upewnij się, że wiesz, o czym mówisz, kiedy spotkasz się z działem IT…

Aktywa
Rozwiązanie bliżej domu można znaleźć w zasobach, z których korzystasz. Według Yahoo korki, takie jak obrazy, css i javascript, stanowią 80% czasu ładowania strony. Upewnij się więc, że nie ładujesz niepotrzebnych śmieci, a niezbędne pliki są poprawnie zminimalizowane i skompresowane.

Ponadto często pokazuje, że widżety i wtyczki są ładowane w niepotrzebnych miejscach. Sprawdź więc dokładnie, czego potrzebujesz i gdzie tego potrzebujesz. Gdy potrzebujesz wtyczki tylko na 1 stronie dla konkretnego narzędzia, nie musisz jej ładować w innych miejscach.

Rozwiązaniem może być również buforowanie. Przyjrzyj się narzędziom, dzięki którym odwiedzający nie musi często niepotrzebnie ładować tych samych zasobów. Gdy Twoja witryna działa na nieznanym frameworku lub CMS, na przykład WordPress, często dostępne są opcje buforowania w postaci wtyczek, takich jak W3 Total Cache.

Wskazówka 2: Procedura logowania

Niestety problemy z logowaniem wciąż są na porządku dziennym. Świadczenie usług online jest dla wielu firm ważną częścią codziennego kontaktu z obecnymi i nowymi klientami. Wystarczy pomyśleć o wszystkich sklepach internetowych, bankach, firmach energetycznych i dostawcach usług telekomunikacyjnych, w których regularnie się logujesz, aby skorzystać ze świadczenia usług, na przykład w środowisku zakupowym lub my-environment.

Duża część przetwarzanych przez nas informacji zwrotnych (około 5%) pochodzi ze stron związanych z procedurą logowania.

Niestety, wiele osób ma trudności z zapamiętaniem dużej ilości nazw użytkowników i haseł. Oprócz czynnika ludzkiego, podczas samej procedury logowania wiele się dzieje. Praca z adresem e-mail jest dla wielu osób łatwiejsza do zapamiętania niż oddzielna nazwa użytkownika. Unikaj używania skomplikowanych numerów klientów lub nazwisk.

Zatrzymaj ponowne ładowanie
Użycie walidacji w interfejsie może zapewnić większą łatwość użytkowania (a więc nie zbieranie informacji przez serwer/bazę danych, ale bezpośrednio w przeglądarce, na przykład za pomocą Javascript i/lub Ajax). Zaletą jest to, że strona nie musi się ponownie ładować. Przykład: klient, który przypadkowo wpisuje „[email protected]” zamiast „.com” jako adres e-mail.

Dzięki walidacji Javascript lub Ajax możesz natychmiast przekazać użytkownikowi informację zwrotną na temat nieprawidłowego wprowadzenia adresu e-mail. Stosując tego rodzaju sztuczki, ułatwiasz użytkownikowi logowanie. Jeszcze większą dokuczliwością jest to, że po błędnym logowaniu wszystkie pola są całkowicie puste i trzeba wszystko uzupełnić od nowa.

Znowu o czymś zapomniałeś…?
Kolejną przeszkodą często jest zebranie zapomnianego hasła. Mniej lub bardziej standardem stało się dawanie użytkownikom możliwości zresetowania hasła lub wnioskowania o nie przez e-mail. Pokazywanie tej opcji tylko wtedy, gdy użytkownik rzeczywiście próbował się niepoprawnie zalogować, może wydawać się fajne.

Wreszcie: komunikat o błędzie. Dla wielu użytkowników jest wystarczająco irytujące, że coś poszło nie tak. Staraj się unikać komunikatów przypominających roboty, takich jak „nieprawidłowe hasło”. Odwiedź tego miłego kolegi z działu komunikacji… Możesz otrzymać świetną alternatywę, która pasuje do tonu głosu firmy. Sugestia dotycząca powyższej wiadomości: „Wygląda na to, że wpisałeś złe hasło”. Już brzmi o wiele przyjaźniej, prawda?!

Wskazówka 3: Formularze

Prawdopodobnie bardzo rozpoznawalne: dokonałeś wyboru, ustawiłeś filtry lub wprowadziłeś dane w formularzu i na następnej stronie wszystko zniknęło i musisz ponownie wpisać te same informacje. Poważna irytacja wśród odwiedzających Twoją witrynę.

9% opinii o witrynie, które nasza platforma codziennie analizuje, dotyczy formularzy. Największą uciążliwością jest przesyłanie informacji, które zostały już wprowadzone raz lub konieczność wielokrotnego wykonywania tych samych czynności w formularzach i wyborach. Czasami prowadzi to do drobnych podrażnień, ale zwykle do większych irytacji.

Formularze są pomocne, gdy odwiedzający szukają informacji, zamawiania produktów i generowania leadów. Dlatego ważne jest, aby Twoje formularze działały prawidłowo. Generalnie jest tak, że im mniejsze pola, które prosisz o wypełnienie w formularzu, tym wyższa będzie konwersja (biorąc pod uwagę fakt, że niektóre dane są naprawdę niezbędne). Ma sens, że w przypadku płatności lub zamówienia trzeba uzupełnić więcej pól niż w przypadku prostego formularza lead generation.

Gdy użytkownik nadal musi podać dużo informacji, zaoferuj również możliwość zapisania formularza w połowie. W ten sposób użytkownik będzie mógł później dokończyć formularz.

Mapuj swoje podróże
Zmapuj najważniejsze podróże w Twojej witrynie i sprawdź obszar, w którym użytkownicy mają podawać informacje lub gdzie muszą wprowadzać dane. Odzyskaj te dane.

Czy wiesz, kim jest Twój odwiedzający, upewnij się, że jego preferencje są zapisane i mogą być ponownie wykorzystane. Korzystaj również z inteligentnych narzędzi, aby automatycznie uzupełniać lub uzupełniać określone pola w formularzu.

Czy dotyczy to odwiedzających, którzy nie są jeszcze klientem? Możesz także dokonać rozróżnienia między powracającymi użytkownikami a nowymi użytkownikami. Gdy na przykład oferujesz możliwość pobrania treści o swoim produkcie, poproś tylko o niezbędne informacje za pierwszym razem. Kiedy gość wróci i wypełni kolejny formularz, upewnij się, że musi tylko uzupełnić nowe pola i ukryć wszystko, co już wiesz.

Responsywne formularze
Biorąc pod uwagę fakt, że korzystanie z urządzeń mobilnych jest najbardziej popularne w Internecie – w 2014 r. korzystanie z urządzeń mobilnych przewyższyło korzystanie z komputerów stacjonarnych – istnieje duża szansa, że ​​odwiedzający korzystają ze smartfona lub tabletu. Dlatego dokładnie rozważ dostępną przestrzeń, interfejs dotykowy i długość formularza. Formularze wieloetapowe oferują rozwiązanie, ponieważ w rzeczywistości tniesz formularz na kawałki i wyświetlasz tylko 1 lub 2 pola na ekranie. Przydatne może być przetestowanie wielu wariantów za pomocą narzędzi takich jak Optimizely.

Wskazówka 4: Znalezienie właściwej strony lub informacji

22% opinii, które nasze oprogramowanie analizuje dla klientów, dotyczy faktu, że odwiedzający nie jest w stanie znaleźć prawidłowych informacji. W najgorszym przypadku potrzebne informacje nie są w ogóle dostępne, a odwiedzający całkowicie rezygnuje.

Wiele dużych firm i sklepów internetowych po prostu dostarcza dużej ilości informacji, czasami tylko z powodu dużej gamy produktów. Tego problemu nie da się łatwo rozwiązać. Mam jednak kilka wskazówek, opartych na wcześniejszych doświadczeniach, aby nadal poprawiać wrażenia użytkownika .

Pierwszym krokiem do rozwiązania tego powszechnego problemu jest mapowanie podróży online. Sprawdź sam, jakie cele mają na myśli odwiedzający Twoją witrynę. Odwiedzający często muszą przejść przez szereg kroków, aby osiągnąć swój cel. „Mapowanie” podróży pomaga uzyskać wgląd w problemy, z jakimi borykają się odwiedzający oraz gdzie potrzebują pewnych informacji.

Kliknij zachowanie
Ponadto możesz użyć zachowania związanego z klikaniem, aby przeanalizować, gdzie ludzie opuszczają. W tych kwestiach przydatne może być również uzyskanie ilościowej informacji zwrotnej. Pozwoli to odkryć przyczyny zachowań związanych z klikaniem. Możesz aktywować formularz informacji zwrotnej, gdy na przykład sygnalizujesz powtarzające się zachowania, takie jak poruszanie się tam iz powrotem w określonym przepływie. Logicznym wskaźnikiem do zadawania pytań jest wskaźnik realizacji celu (GCR). Często pytanie brzmi: „Czy udało Ci się osiągnąć swój cel?”, z opcjami „Tak”, „Nie” lub „Częściowo”. Podajesz procent „Tak” jako GCR. Oczywiście wskazane jest, aby poprosić o otwarte wyjaśnienie po pytaniu GCR.

Wskazówka 5: Niejasny tekst

Około 7% opinii, które analizujemy codziennie, dotyczy niejasnych treści internetowych. Może to dotyczyć informacji o produkcie, ale także treści w przepływie zamówień lub na stronie samoobsługowej, takiej jak często zadawane pytania.

Ludzie szukają informacji w Twojej witrynie w określonym celu. Celem tym jest zwykle znalezienie odpowiedzi na pytanie.

Odwiedzający i klienci czytają informacje, sprawdzają coś w tabeli lub oglądają wideo. Na przykład, aby dowiedzieć się, czy produkt spełnia oczekiwania, czy model cenowy jest odpowiedni lub w celu rozwiązania problemu związanego z obsługą.

Oprócz tego, że informacje muszą być jasne i niezbyt długie, odwiedzający chcą też mieć możliwość ich natychmiastowego odnalezienia. Upewnij się więc, że treść można łatwo zeskanować i pominąć niepotrzebne informacje, aby ludzie mogli wychwycić ważne sprawy.
Dodaj zdjęcia i wideo, aby całość mogła być łatwo wchłonięta.

Odpowiedź na Twoje pytanie?
Na stronach, na których konieczne jest podanie większej ilości lub bardziej skomplikowanych informacji, zawsze warto dowiedzieć się, w jaki sposób odwiedzający odbiera informacje. Można to zrobić za pomocą prostych wbudowanych formularzy informacji zwrotnych, w których zadajesz pytanie: Czy ta informacja jest satysfakcjonująca? Opcje odpowiedzi to „tak” lub „nie”, z możliwością pozostawienia otwartego komentarza. Odwiedzający może tutaj wskazać na przykład, jakich informacji brakuje lub co jest dokładnie niejasne.

Te informacje zwrotne można wykorzystać do zebrania dostępnych informacji na temat stopnia, w jakim odwiedzający doceniają Twoje treści, czy treść jest odpowiednia i co możesz zrobić, aby poprawić jakość swoich treści.

Wskazówka 6: Błędy wszędzie

Szkoda. Błędów nie da się uniknąć. Zawsze znajdą sposób, aby się zakraść….

Nie bój się: w obiegu jest ponad tysiąc kombinacji przeglądarki / platformy. Dlatego ryzyko pojawienia się błędu gdzieś w Twojej witrynie jest duże. Narzędzia takie jak Browserstack dają możliwość przetestowania Twojej witryny w niemal wszystkich możliwych kombinacjach. Zwykle wiąże się to z błędami w interfejsie użytkownika. W samym oprogramowaniu zaplecza wszelkiego rodzaju rzeczy również mogą się nie udać (pomyśl na przykład o walidacjach formularzy, problemach związanych z prawami lub problemami z wyjściem bazy danych).

Nawet w przypadku najbardziej rozbudowanych testów błędy mogą nadal pojawiać się po Twoim wejściu na żywo. Twoi klienci to zazwyczaj ci, którzy odkrywają ich jako pierwsi. Dlatego wskazane jest, aby odwiedzający miał możliwość łatwego zgłoszenia błędu, oprócz wszystkich komitetów testowych, które sam zorganizujesz.

Gdy zaoferujesz możliwość zgłoszenia tego za pomocą formularza opinii, zobaczysz, że szybko uzyskasz odpowiednie informacje. Około 20% opinii, które analizujemy dla naszych klientów, dotyczy powiadomień o błędach. Nie zostawiaj więc możliwości, aby klient pomógł w sygnalizowaniu niewykorzystanych błędów.

Wskazówka 7: Najpierw telefon komórkowy?

W punkcie 3 podałem również przykład optymalizacji formularzy pod kątem „mobilnym”. Na całej szerokości doświadczeń online mobilność jest nadal nieco zaniedbywana. To dziwne, biorąc pod uwagę fakt, że średnio ponad połowa odwiedzin online odbywa się za pomocą urządzenia mobilnego.

Około 6% informacji zwrotnych, które otrzymujemy na naszej platformie, dotyczy problemów z urządzeniem mobilnym. Na kilku blogach mobilność jest wymieniana jako ważny punkt uwagi, jeśli chodzi o kwestie takie jak optymalizacja pod kątem wyszukiwarek (SEO). Dlatego ma to duże znaczenie nie tylko dla User Experience , ale także dla odnalezienia Twojej witryny.

Ważnym punktem jest wykorzystanie obrazów. Zacznij od najmniejszych „obszarów ekranu”, a następnie przejdź do większych ekranów. Upewnij się, że treść również dobrze dopasowuje się do ekranów Retina o wyższej rozdzielczości.

Jak wspomniałem wcześniej na tym blogu, długie czasy ładowania mają negatywny wpływ na wrażenia użytkownika, więc upewnij się, że twoje pliki nie stają się zbyt duże i ładujesz tylko prawidłowe rozmiary. Kiedy dużo pracujesz z ilustracjami i ikonami, możesz również przyjrzeć się wykorzystaniu SVG (Scalable Vector Graphics). W rzeczywistości są to pliki liniowe, które można łatwo skalować wraz z projektem.

Tekst i czcionki
Zwróć także szczególną uwagę na użycie tekstu i czcionek. Jest to również jeden z obszarów, w których podczas analizy informacji zwrotnych często widzimy, że coś idzie nie tak. Unikaj zbyt cienkich i skomplikowanych czcionek. Podczas korzystania ze smartfona ludzie często muszą czytać z mniejszego ekranu. Zwiększ czytelność, inteligentnie zarządzając przestrzenią między literami i liniami. Sprawdź także układ tekstu w różnych rzutniach. Tutaj znajdziesz więcej informacji o idealnej proporcjonalnej kompozycji tekstu w stosunku do kontenera .

Nawigacja mobilna
Wreszcie, często dostrzegamy sporo przeszkód, jeśli chodzi o nawigację mobilną. Na szczęście wiele menu mobilnych zostało już osadzonych w znanych szablonach np. systemów takich jak WordPress. Ale jeśli nie chcesz korzystać z tych systemów, upewnij się, że zaczynasz od małego ekranu. Przestrzeń jest ograniczona i zakłada się, że będą wykorzystywane za pomocą dotyku . Wytyczne Apple wskazują na przeciętny „palec” 44 piksele.

Zapewnij szybki dostęp do najważniejszych stron i ogranicz liczbę opcji.
Więcej informacji na temat projektowania nawigacji mobilnej można znaleźć na przykład tutaj.

Ostatnia wskazówka: przeglądarki mobilne można również doskonale przetestować za pomocą wspomnianego wcześniej Browserstacka.

UWAGA: Procenty dotyczące ilości przeanalizowanych przez nas informacji zwrotnych pochodzą z badania, które przeprowadziliśmy na naszych własnych danych zwrotnych w 2015 r. Chcesz zobaczyć wszystkie nasze ustalenia, przeczytaj ten wpis na blogu.