4 wskazówki, jak ulepszyć UX w witrynie WordPress

Tworząc popularną (i dochodową) witrynę internetową, zawsze skupiaj się przede wszystkim na wygodzie użytkownika.

Nie trzeba o tym mówić, a jednak wielu webmasterów zdaje się ignorować to, co wielu uważa za złotą zasadę tworzenia stron internetowych. Z całym szacunkiem, jeśli nie stawiasz swoich użytkowników na pierwszym miejscu, jesteś szalony.

I to prowadzi mnie do tematu tego posta: niezliczonych sposobów poprawy komfortu użytkowania witryny WordPress. Poniżej opisujemy kilka typowych błędów popełnianych przez wielu webmasterów (w szczególności użytkowników WordPressa) i pokazujemy, co powinieneś zrobić, aby zachęcić ludzi do ponownego odwiedzania Twojej witryny.

Podstawy

Przede wszystkim porozmawiajmy o trzech rzeczach, które musisz zrobić dobrze, aby stworzyć piękne doświadczenie użytkownika:

1. Projekt
2. Użyteczność
3. Treść

Jeśli masz pięknie wyglądającą witrynę, łatwą w nawigacji i zawierającą świetną treść, jesteś na wagę złota. Wszystko, co musisz wtedy zrobić, to skupić się na znakomitej kampanii marketingowej (ale to zupełnie inny temat na inny czas). O ile wymienienie powyższych trzech wymagań jest dość proste, ich realizacja w praktyce to już zupełnie inna historia.

Poniższe praktyczne wskazówki skupiają się na projekcie, użyteczności i treści. Jeśli nie wyciągasz niczego więcej z tego posta, pamiętaj, że podczas projektowania, utrzymywania, optymalizacji i aktualizowania witryny WordPress zawsze powinieneś skupiać się na tych trzech rzeczach.

No dobrze – przejdźmy do rzeczy!

1. Spraw, aby Twój projekt był czysty i prosty

Źli projektanci stron internetowych często bardziej skupiają się na tworzeniu czegoś ładnego niż funkcjonalnego. Błąd tego podejścia jest głęboki – odwiedzający prawie zawsze przedkłada funkcję nad formę. Projektując stronę internetową, głównym pytaniem, do którego zawsze powinieneś powracać, jest: „Czy moja witryna będzie dezorientować odwiedzających?”

Unikalne i intrygujące projekty mogą zdobywać nagrody, ale ze swej natury są zazwyczaj koszmarem użyteczności. Dlaczego? Ponieważ ludzie lubią przewidywalność. Oczekują, że zobaczą pewne elementy w określonych miejscach, a kiedy ich nie widzą, czują się zdezorientowani i sfrustrowani. Potem odchodzą.

Zamiast fotografii możesz używać ikon wektorowych, które zwykle składają się z prostych kształtów geometrycznych, takich jak koła i kwadraty. Pamiętaj jednak o dołączeniu tekstu, aby odwiedzający wiedzieli, co oznacza ikona! Większość ludzi nie będzie postrzegać Twojej witryny jako dzieła sztuki; chcą tylko informacji (i to szybko).

Nie ma absolutnie nic złego w standardowym układzie bloga (nagłówek, po nim główna treść i pasek boczny, po którym następuje stopka). W rzeczywistości można wiele zrobić ze standardowymi układami, aby były efektowne. Hubspot jest doskonałym przykładem, ponieważ przyjmuje standardowy układ bloga, ale dodaje unikalne listy (np. popularne posty, wybory redaktorów, odważna subskrypcja biuletynu itp.):

Czyste i proste, a jednocześnie efektowne i piękne. Reprezentuje doskonałą równowagę pomiędzy formą i funkcją. To jest dokładnie to, czego powinieneś szukać.

2. Spraw, aby nawigacja była łatwa i oczywista

Poruszanie się po Twojej witrynie powinno być absolutnie łatwe dla użytkownika końcowego. Powinny być wyposażone w jeden lub więcej elementów nawigacyjnych, które ułatwią znalezienie tego, czego szukają. Wiele łatwych w nawigacji witryn internetowych implementuje jeden lub wiele z następujących elementów:

• Pasek nawigacyjny (praktycznie niezbędny)
• Lista kategorii na pasku bocznym
• Pole wyszukiwania na pasku bocznym
• Strona Archiwum
• Bułka tarta

Skorzystaj z zaawansowanej funkcji niestandardowych menu WordPressa (dostępnej w sekcji Wygląd > Menu w panelu WordPress lub poprzez dostosowywanie na żywo), aby uporządkować i nazwać kluczowe strony. Domyślnie nazwy stron będą wyświetlane w menu w niezmienionej postaci, ale możesz je dostosować tak, jak robią to ludzie w The Next Web:

Chociaż WordPress ma wbudowaną funkcję wyszukiwania, jest ona dość podstawowa. Dlatego użycie solidnej wtyczki, takiej jak Relevanassi lub SearchWP, jest doskonałym wyborem, ponieważ nie tylko zapewni Ci większą kontrolę nad działaniem wyszukiwania, ale także poprawi ogólne wrażenia czytelników.

Jeśli chodzi o stronę archiwum, jest to ponownie część podstawowego WordPressa – wystarczy tylko ją wykorzystać. Archiwa to strony, które porządkują Twoje treści według różnych kwalifikatorów. Na przykład istnieją archiwa według daty, kategorii, tagu, autora itp. Oto strona archiwum autora dla Kyli w WPExplorer:

Oczywiście prezentowanie takich opcji jest przydatne dla użytkownika końcowego tylko wtedy, gdy skutecznie kategoryzujesz, tagujesz i organizujesz treści w inny sposób.

Wreszcie, bułka tarta to świetny sposób, aby odwiedzający mogli zobaczyć, gdzie się znajdują w Twojej witrynie i natychmiast zorientować się, gdzie się znajdują. Pokazuje warstwy sekcji, kategorii, tagów i wreszcie post lub stronę przeglądaną przez użytkownika. Używając ponownie WPExplorera jako przykładu, oto nasza konfiguracja w tej chwili:

Integracja bułki tartej z witryną jest łatwa — wystarczy skorzystać z funkcji Linki wewnętrzne zawartej w WordPress SEO firmy Yoast (nasza ulubiona wtyczka SEO i to, czego używamy w naszej witrynie).

Wspólnym motywem przewodnim powyższych przykładów jest łatwość nawigacji. Wiele osób opuści witrynę po zobaczeniu tylko jednej strony. Twoim zadaniem jest zapewnienie im łatwej możliwości kontynuowania eksploracji. Skuteczna nawigacja Ci w tym pomoże.

3. Daj im punkt wyjścia

Jeśli nie masz postu, który stanie się bardzo wirusowy (a nawet wtedy), prawdopodobnie odkryjesz, że Twoja strona główna jest zdecydowanie najczęściej odwiedzaną stroną w Twojej witrynie. Powód jest dwojaki:

• Jest to oczywisty punkt wejścia, do którego prowadzą linki z innych witryn częściej niż z jakąkolwiek inną stroną.
• Jest to prawdopodobnie kolejny krok, który użytkownicy będą mogli kliknąć, gdy po raz pierwszy odwiedzą Twoją witrynę za pośrednictwem dowolnej strony.

Dlatego możesz radykalnie zwiększyć wygodę użytkowników, udzielając nowym odwiedzającym pomocnej dłoni, pokazując, jakie korzyści może im przynieść Twoja witryna. Można to zrobić na dwa sposoby.

Pierwszym z nich jest pole funkcji. Powinno to być widoczne w górnej części witryny i dać odwiedzającemu natychmiastowe wyobrażenie o tym, co masz do zaoferowania. Może również służyć jako formularz zapisu o dużej liczbie konwersji, jak na przykład reklama Wired konferencji u góry strony:

Dzięki dobrze zaprojektowanemu polu funkcji żaden odwiedzający nie będzie zdezorientowany tym, co ma do zaoferowania Twoja witryna. W porównaniu do liniowej strony głównej, na której znajdują się tylko najnowsze wpisy na blogu i podobne elementy, jest to ogromna poprawa pod względem komfortu użytkowania.

Drugą rzeczą, którą możesz rozważyć, jest strona Zacznij tutaj. Cel tej strony jest prosty: jasno przedstawić zalety Twojej witryny i dać ludziom możliwe do wykonania kolejne kroki w celu osiągnięcia postępu. Może to nie mieć sensu w przypadku każdego rodzaju działalności, ale jeśli oferujesz przewodnik lub usługę, może to pomóc.

Podobnie jak w przypadku pola funkcji, możesz użyć strony Zacznij tutaj, aby uzyskać podwójny efekt: zwiększyć zainteresowanie użytkowników swoim blogiem i skierować ich do stron w Twojej witrynie, które z największym prawdopodobieństwem doprowadzą do konwersji i/lub sprzedaży.

4. Spraw, aby Twoje treści wyglądały dobrze

My, internauci, jesteśmy dość kapryśną grupą. Często będziemy bardziej cenić treści, jeśli będą wyglądać lepiej. Oto przykład od naszego przyjaciela Toma:

„Osobiście uświadomiłem sobie skutki tego niedawno, gdy mój stary artykuł został opublikowany w magazynie na iOS. Wyglądało to tak:

Do tego:

Poczułem potrzebę ponownego przeczytania artykułu, który napisałem wyłącznie dlatego, że wydawał się bardziej interesujący.”

Istnieją dwa sposoby, dzięki którym możesz sprawić, że Twoje treści będą bardziej atrakcyjne dla użytkownika (poza samym pisaniem lepszych treści):

1. Projekt, typografia itp.
2. Formatowanie

WPExplorer jest doskonałym przykładem tego, jak można wykorzystać typografię, aby zapewnić różnorodność i zainteresowanie zwykłym tekstem, dzięki pomarańczowym nagłówkom i łatwej do odczytania czcionce bezszeryfowej. Jeśli chodzi o formatowanie, zależy to od Ciebie, post po poście. Rozważ następujące:

• Krótkie słowa, krótkie zdania i krótkie akapity: ułatw czytelnikowi.
• Nagłówki podrzędne: używaj swobodnie i nadaj im charakter opisowy.
• Pogrubienie: zaznacz kluczowe fragmenty.
• Kursywa: podkreśl określone słowa.
• Obrazy: używaj swobodnie, aby dodać koloru i różnorodności.
• Inne elementy graficzne: używaj list, tabel, cytatów blokowych i czegokolwiek innego, co doda odrobinę pikanterii Twoim treściom.

Tworzenie atrakcyjnych treści nie polega tylko na samej treści, ale na tym, jak ją prezentujesz i sprawiasz, że wydaje się bardziej przekonująca.

Co następne?

Jeśli zastosujesz się do powyższych koncepcji, będziesz na dobrej drodze do posiadania całkowicie angażującej strony internetowej. Chociaż uwzględniliśmy to, co naszym zdaniem jest najważniejsze dla pozytywnego doświadczenia użytkownika, oczywiście zawsze można zrobić więcej, czego nie omówiliśmy.

Mając to na uwadze, chętnie przeczytamy Twoje sugestie w sekcji komentarzy poniżej. Jakie inne środki, Twoim zdaniem, powinni podjąć webmasterzy, aby zapewnić odwiedzającym najlepszą możliwą wygodę? Daj mi znać!