27 Research-Backed Web Design Tips: How to Design a Website that Works

wszystkich odwiedzających. Łatwo to zobaczyć. Każdy marketer wie, ile ruchu generuje, ponieważ jest on dokładnie w Twojej analizie. Ale to, co będzie dalej, nie jest takie oczywiste.

dlatego udzielanie porad dotyczących kierowania ruchem jest łatwe, ale wskazówki dotyczące projektowania stron internetowych są trudne. Jest tak wiele czynników. Nawet po 1000 + udanych projektów web design, trudno nam wiedzieć, co będzie działać najlepiej.

ten artykuł zawiera wskazówki dotyczące projektowania stron internetowych 27, aby uzyskać większą wartość od każdego odwiedzającego. Większość z tych wskazówek jest poparta badaniami. Są one przeznaczone dla początkujących projektantów i zaawansowanych profesjonalistów UX, dla małych firm i dużych przedsiębiorstw.

oto nasze najlepsze porady, pomysły i inspiracje, jak zaprojektować stronę internetową, która przynosi efekty. Witryna, która wygląda pięknie, konwertuje odwiedzających i zyskuje większą wartość z każdej z tych ciężko zarobionych wizyt.

dwa najważniejsze cytowane tutaj badania są na samym końcu. Jeśli jesteś niecierpliwy, Przejdź na dół!

układ strukturalny strony internetowej

strony internetowe to dwie rzeczy: kontenery i zawartość. Pojemnik to dwie rzeczy: struktura i styl. Zacznijmy od pierwszego. Te wskazówki dotyczą struktury i układu stron.

wykorzystaj hierarchię wizualną

każda strona ma hierarchię wizualną. Jeśli nie jesteś zaznajomiony z tym pojęciem, oto nasza definicja:

hierarchia wizualna odnosi się do układu, Rozmiaru, Koloru i kontrastu elementów wizualnych. Decyduje o ich względnym wyeksponowaniu i kolejności, w jakiej są postrzegane przez ludzkie oko.

projektanci stron internetowych wykorzystują wizualną hierarchię, aby najpierw kierować uwagę odwiedzających na ważne elementy. Układ strony internetowej obejmuje pozycję (wysoką lub niską na stronie), rozmiary (duże lub małe), wizualizacje (wideo, obrazy, ikony) i kontrast (kolor i biała przestrzeń).

łączenie aspektów mnoży ich efekt. Każdy zobaczy duży film, wysoko na stronie. Niewiele osób zobaczy tekst o niskim kontraście otoczony obrazami.

wizualna hierarchia jest powodem, dla którego twoje oczy podążają określoną ścieżką na każdej stronie, którą odwiedzasz w Internecie. Kiedy jest używany celowo, kieruje uwagę odwiedzającego przez serię wiadomości, w kierunku wezwania do działania.

użyj opisowego nagłówka skupionego na klawiszach na stronie głównej

nagłówek na górze strony głównej (i każdej stronie) jest opisowy lub nie. Jeśli nie, odwiedzający może nie być w stanie odpowiedzieć na pierwsze pytanie: „Czy jestem we właściwym miejscu?”

jest to również okazja, aby użyć docelowego słowa kluczowego i wskazać trafność. Ale wielu marketerów zamiast tego pisze coś mądrego lub niejasnego. Ale jasne jest lepsze niż mądre.

zamiast pisać wymyślny, ale niejasny nagłówek, napisz coś opisowego. Upewnij się, że wyjaśnisz, co firma robi wysoko na stronie, powyżej zakładki.

źródło: Outreach Plus

czekaj, fold to jeszcze coś?

tak, jest fałda. Dla każdej wizyty na każdym ekranie jest widoczny obszar. Na dole znajduje się słynny krotnie. Aby zobaczyć coś poniżej tej linii, użytkownik musi przewinąć.

dlaczego i czy to ma znaczenie w projektowaniu stron internetowych jest tematem gorąco dyskutowanym. Oto dwa z najlepszych argumentów :” nie ma fałdy!”vs” pas nadal ma znaczenie.”

oczywiście istnieją tysiące rozmiarów ekranu, od małych po ogromne. Ta strona była wyświetlana na 958 różnych ekranach w ostatnim miesiącu. Niektórzy projektanci twierdzą, że fałda nie jest już istotna.

ale oto sedno sprawy (rozumiesz?) Istnieje jeszcze krotnie dla każdej wizyty i nadal średnia krotnie dla wszystkich wizyt. Narzędzia takie jak Hotjar pokazują go wyraźnie jako linię w przewijanej heatmapie, dla komputerów stacjonarnych/laptopów, telefonów komórkowych i tabletów.

więc tak, jest fałda i ważne jest, co umieścisz nad i pod nią. Jedno z badań wykazało, że odwiedzający spędzają 80% czasu ponad fałdą.

więc umieść swoją propozycję wartości, tę 8-wyrazową wersję tego, co robisz, wysoko na stronie, nad fałdą.

ale nie umieszczaj wszystkich wezwań do działania na górze

odwiedzający mogą spędzać tam więcej czasu, ale to nie znaczy, że są gotowi do działania. Wiele perswazji dzieje się dalej w dół strony.

kiedy Chartbeat przeanalizował 25 milionów wizyt, okazało się, że większość zaangażowania dzieje się poniżej fałdy. Treść na górze może być widoczna, niekoniecznie będzie to najskuteczniejsze miejsce do działania.

jedno zastrzeżenie dotyczące tego często cytowanego badania: Chartbeat jest używany głównie przez serwisy informacyjne, które bardzo różnią się od stron marketingowych. Nikt nie robi wiele ponad fałd na stronie internetowej aktualności! Normalne wskazówki dotyczące projektowania stron internetowych nie mają zastosowania.

pamiętaj, aby umieszczać wezwania do działania dalej na stronie, w dowolnym miejscu, w którym zainteresowanie może być wysokie.

spraw, aby strona była wysoka. Odpowiedz na wszystkie pytania odwiedzających.

więcej pikseli oznacza więcej miejsca na odpowiadanie na pytania, rozpatrywanie zastrzeżeń i dodawanie dowodów potwierdzających. Jeśli odwiedzający nie znajdzie odpowiedzi na ważne pytanie, może po prostu poruszać się w dół strony. Gdy będą usatysfakcjonowani, po prostu przestaną czytać.

najskuteczniejsze strony sprzedażowe naśladują rozmowy sprzedażowe.

nigdy nie odetniesz kogoś podczas spotkania sprzedażowego i nie przestaniesz odpowiadać na jego pytania, prawda? To wszystko, co robi krótka strona; przestaje odpowiadać na pytania.

tu pojawia się słynne studium z Crazy Egg. Badali swoją publiczność, odkryli swoje najważniejsze pytania i obawy i zbudowali wysoką stronę, która odnosi się do wszystkiego.

strona była 20x dłuższa. Współczynnik konwersji wzrósł o 30%.

„przewijanie jest kontynuacją. Klikanie to decyzja ” – Josh Porter, Rocket Insights

Pokaż po kolei

„Lubię czyste, nowoczesne projekty.”To właśnie mówi nam większość naszych klientów, gdy rozpoczynamy projektowanie stron internetowych. Często odnoszą się do strony internetowej Apple jako przykład.

odwiedzający nie lubią bałaganu. Lubimy białe spacje. Innymi słowy, lubimy niską złożoność wizualną.

w 2012 roku Google postanowił odkryć, jakie rodzaje stron internetowych są postrzegane jako piękne dla odwiedzających. To studium o prostocie o bardzo skomplikowanej nazwie: rola wizualnej złożoności i prototypowości w odniesieniu do pierwszego wrażenia stron internetowych: praca nad zrozumieniem osądów estetycznych.

dowiedzieli się, że bardziej złożone projekty są mniej prawdopodobne, aby były postrzegane jako piękne.

to wyjaśnia trend w kierunku układów pojedynczych kolumn i wysokich stron. Projekty z wieloma kolumnami (nawigacja po lewej stronie, obszar treści, prawa szyna) są bardziej złożone, z bardziej wizualnymi elementami w polu widzenia odwiedzających.

więc skończ z bałaganem. Aby jeden z dwóch elementów ostrości na każdej głębokości przewijania.

trzymaj się standardowych układów

to samo badanie przeprowadzone przez Google wykazało, że” wysoka prototypowość ” również koreluje z postrzeganym pięknem. Innymi słowy, dziwactwo zwykle nie jest piękne. Strona internetowa, która spełnia standardy projektowania stron internetowych jest bardziej prawdopodobne, aby być kochanym.

strony uważane za najpiękniejsze mają zarówno wysoką prototypowość, jak i niską złożoność wizualną. Są one zarówno proste, jak i czyste.

pomyśl o tym w ten sposób, dobrze jest wyróżnić swoją markę, ale układ nie jest miejscem, aby to zrobić. Bądź inny w tym, co mówisz. Ale bądź typowy w sposobie korzystania z witryny.

niektóre samochody wyglądają niesamowicie. Są inne. Są piękne. Ale nadal mają drzwi po bokach, koła na dole i reflektory z przodu.

ale co to jest standard? Według naszych własnych badań są to standardowe elementy strony internetowej:

„standardowa” strona internetowa o wysokiej prototypowości zawiera następujące:

• Logo w lewym górnym rogu
• Nawigacja pozioma w nagłówku
• pasek wyszukiwania na górze
• ikony społecznościowe na dole
• mobilny responsywny projekt

uważaj na „fałszywe DNA”

nowoczesne strony marketingowe, zwłaszcza strony sprzedażowe, są zbudowane z bloków stron. Są to wiersze treści, często z obrazem po jednej stronie i tekstem po drugiej stronie, spływające po stronie w jednej kolumnie.

oto anatomia typowej strony usługi na stronie generowania leadów.

jak pokazuje diagram, stopka ma ciemniejszy kolor tła. Tak wiele witryn to robi, że odwiedzający oczekują teraz, że przejście na ciemniejsze tło oznacza dół strony.

ale jeśli projekt ma blokadę strony z ciemnym tłem, odwiedzający może pomyśleć, że uderzył w dół i przestał przewijać. To fałszywe dno.

Uwaga: dyskutuję z własnymi projektantami na ten temat. Kurt Cruse, nasz dyrektor kreatywny, ma rację. Zmiany koloru tła to doskonały sposób na poinformowanie odwiedzających o zmianie rodzaju treści. Słyszę Cię, Kurt!

po prostu zachowaj ostrożność przy wyborze kolorów tła dla bloków stron. Aby być bezpiecznym, wybierz tylko niewielkie zmiany lub po prostu Zawsze używaj białego lub jasnoszarego. Następnie przełącz na ciemnoszary lub czarny w stopce.

unikaj karuzeli i obrotowych suwaków

są popularne od lat i klienci je uwielbiają. Ale jest problem z pokazem slajdów strony głównej: zwiedzający mogą zobaczyć tylko pierwszy slajd.

Wiadomości na kolejnych slajdach są mniej prawdopodobne, a wezwania do działania są mało prawdopodobne, aby zostać kliknięte. Wystarczy spojrzeć na stawki kliknięć dla slajdów na stronie internetowej uczelni.

mogą być popularne, ponieważ łatwo je uzyskać. Różni interesariusze z różnych działów otrzymują kilka pikseli nad fałdą. Są dobre dla polityki wewnętrznej, nie dla gości.

Strona główna pokazy slajdów są dobre w powstrzymywaniu ludzi przed dźganiem się nawzajem w salach konferencyjnych.

więc co zrobić zamiast tego?

• ułóż slajdy, aby odwiedzający mógł je zobaczyć, przewijając stronę w dół. Nagle staną się znacznie bardziej widoczne.
• użyj wyróżnionego obrazu, używając jednego z najbardziej wpływowych slajdów jako bohatera. Daj mu dobry sygnał do działania!

unikaj zakładek i akordeonów

oto inny sposób na wyjście z ukrycia: unikaj zakładek i rozszerzalnych pól zawartości.

wiedząc, że do 76% odwiedzających stronę skanuje, możesz uczynić swoje treści bardziej widocznymi dla nich, utrzymując je wszystkie na widoku, bez konieczności klikania, aby coś ujawnić.

jeśli karty i akordeony z możliwością rozbudowy były skuteczne, prawdopodobnie zobaczysz je na Amazon.

pamiętaj, przewijanie jest szybsze i łatwiejsze niż klikanie. Jeśli odwiedzający muszą celować i klikać lub zakładać, aby móc coś zobaczyć, są mniej prawdopodobne, aby to zobaczyć.

obrazy

przejdźmy do wizualizacji. Te wskazówki są specyficzne dla zdjęć na stronach internetowych.

użyj ludzi zdjęcia

twarze są wyjątkowo potężnymi obrazami. Od chwili narodzin spoglądamy bardziej na twarze. Magnetyczna moc zdjęć ludzi jest bardzo przydatna w projektowaniu stron internetowych.

nie tylko twarze przyciągają uwagę, ale też korelują z nawróceniem. Słynne studium przypadku Basecamp wykazało ogromny wzrost wyników, gdy twarze i referencje zostały połączone na stronie sprzedaży.

upewnij się, że Twoja strona nie wygląda jak „opuszczony statek kosmiczny” bez duszy na pokładzie.

rozmawiałem z tysiącami firm na temat ich marketingu przez lata i zauważyłem wzór. Duże firmy zawsze starają się wyglądać na małe, a małe firmy starają się wyglądać na duże. Dziwne, prawda?

tak naprawdę każda firma powinna starać się być bardziej osobista, bardziej ludzka.

ale unikaj zdjęć stockowych ludzi

jest czas i miejsce na zdjęcia stockowe, ale unikałbym zdjęć stockowych ludzi takich jak zaraza. Po prostu nigdy nie czują się prawdziwi, dlatego nie budują zaufania.

firmy kuszą zdjęciami stockowymi, ponieważ jakość produkcji jest wysoka. Ale twoi goście bardziej dbają o rzeczywistość. Woleliby zobaczyć prawdziwych ludzi, którzy faktycznie pracują w firmie.

autentyczność jest ważniejsza niż Polska.

Badanie przeprowadzone przez NN Group wykazało, że odwiedzający dostrajają Zdjęcia stockowe ludzi i obrazy „wypełniające”, ale w rzeczywistości oglądają zdjęcia prawdziwych ludzi.

więc bądź sobą, Pokaż swój zespół i używaj zdjęć prawdziwych ludzi, nawet jeśli są idealnie dopracowane.

użyj twarzy jako sygnałów wizualnych

Zdjęcia osób dają szczególną okazję do zwrócenia uwagi odwiedzających. Słynne zjawisko „patrzysz tam, gdzie oni patrzą”.

kiedy badacz James Breeze pokazał projekty 106 osobom, zademonstrował moc dobrze ustawionych twarzy. Mają moc kierowania uwagi odwiedzających na inne elementy.

to słynne badanie z dziecięcą twarzą. Kiedy dziecko patrzy w kamerę, goście patrzą na dziecko. Kiedy dziecko patrzy na nagłówek, goście patrzą na nagłówek.

moja koleżanka Oli Gardner ma dość tego przykładu z dzieckiem (sorry, Oli!). Jeśli ktoś zna inne badania lub dobre przykłady, proszę dać mi znać w komentarzach!

Użyj linii wzroku na zdjęciach twarzy jako wskazówki kierunkowej, aby skierować uwagę odwiedzających na Oświadczenia o korzyściach lub wezwania do działania.

Użyj strzałek jako wskazówek wizualnych

twarze mogą kierować uwagę, ale nie są jedynym sposobem kontrolowania oczu odwiedzających. Małe ręcznie rysowane strzałki mogą być jeszcze bardziej skuteczne.

w tym badaniu eye tracking przeprowadzonym przez CXL okazało się, że prosta strzałka jest jeszcze bardziej skuteczna w przyciąganiu odwiedzających do elementu strony.

jeśli chcesz, aby Twoi goście na coś spojrzeli, wskaż na to strzałką. Nie jestem pewien, czy ta wskazówka jest absurdalnie oczywista, czy głęboko wnikliwa.

Użyj koloru, aby kierować uwagę odwiedzających na wezwania do działania

kolory mają emocjonalne konotacje (czerwony jest pilny, niebieski jest spokojny) i są częścią standardów marki. Ale są one również okazją do przyciągnięcia wzrok odwiedzających w kierunku przycisków i CTA.

badanie Eyequant na temat koloru przycisku potwierdza moc koloru i kontrast luminancji, aby zwrócić uwagę.

ale badanie pokazuje, że kolorowe przyciski nie zawsze są skuteczne. Jeśli chcesz, aby twój przycisk był bardziej widoczny wizualnie:

• kontrast koloru przycisku z tłem
• kontrast koloru przycisku i tekstu przycisku
• kontrast koloru przycisku z pobliskimi elementami na stronie (lub pozostaw dużo białego miejsca wokół niego)

„efekt von Restorffa”

w latach 30. XX wieku niemiecka Naukowiec Hedwig von Restorff odkryła, że po pokazaniu listy dziesięciu przedmiotów ludzie pamiętają przedmioty, jeśli mają kolor inny niż pozostałe. Dzieje się tak dlatego, że płat potyliczny jest wrażliwy na różnice wizualne, lub „PRZERYWACZE wzorców.”

web marketer Paras Chopra przeprowadził eksperymenty, które pokazały, jak wyróżniające się kolory nie są po prostu bardziej pamiętane, są bardziej klikane: 60% więcej!

Pro Tip! Wybierz „kolor akcji” dla wszystkich łączy, przycisków i efektów najazdu. Spraw, aby był to kolor, który różni się od kolorów marki używanych w całym projekcie (są to „Kolory pasywne”). Użyj koloru akcji nigdzie indziej, ale w klikalnych elementach.

Nawigacja i linki

teraz przejdziemy do porad dotyczących nawigacji po stronie, w tym menu, przycisków i linków, które umożliwiają poruszanie się odwiedzającym.

bądź opisowy

Nawigacja jest zawsze widoczna wizualnie, więc jest to okazja do komunikacji. Odwiedzający zazwyczaj rozpoczynają swoją wizytę od skanowania nagłówka. Wszystko tam, w tym menu, są bardzo prawdopodobne, aby zobaczyć.

źródło: Ruch UX

gdy etykiety nawigacyjne są ogólne, straciłeś szansę, aby powiedzieć odwiedzającym, co robisz. Porównaj te dwa przykłady:

jeśli etykiety nawigacyjne są ogólne, są wspólne dla tysięcy, a nawet milionów stron internetowych. Straciłeś szansę na wykorzystanie najlepszych praktyk nawigacji w witrynie, pomoc odwiedzającym i poprawę rankingów wyszukiwania.

umieść home po lewej stronie, ale poza tym, nie martw się zbytnio o kolejność elementów menu

jeśli masz link home, umieść go po lewej stronie. Jest to najczęstsze miejsce dla niego, więc odwiedzający spodziewają się go tam znaleźć.

jeśli chodzi o pozostałe pozycje menu, badania pokazują, że kolejność nie jest aż tak ważna. Istnieją dwa różne badania eye trackingu, które wykazują niską korelację między kolejnością pozycji menu a sukcesem odwiedzających (źródło i źródło).

więc nie trać mnóstwo czasu martwiąc się o kolejność rzeczy w menu.

uważaj na linkowanie ze stron Serwisu do postów na blogu

jeśli odwiedzający jest na stronie serwisu, celem jest przekształcenie ich w leada. Jeśli dodasz duże możliwości opuszczenia i przeczytania bloga, wylądują na stronach, które są mniej skoncentrowane na generowaniu leadów. Posty na blogu naturalnie mają więcej zakłóceń, wychodzą z możliwości i niższe współczynniki konwersji.

uważaj na linkowanie do czegokolwiek na innych stronach internetowych

w razie potrzeby Linkuj do rzeczy, które pomagają odwiedzającym osiągnąć swoje cele. Na blogu często jest to cytat ze źródła lub link do zewnętrznych odniesień. Ten post łączy się z dziesiątkami artykułów i opracowań!

ale na stronach Serwisu i na stronie głównej należy ostrożnie linkować do innych stron. Dla każdej strony zoptymalizowanej do konwersji odwiedzających w potencjalnych klientów, zadaj sobie pytanie, czy naprawdę chcesz, aby odwiedzający kliknęli ten link? Czy pomaga osiągnąć Twoje cele?

Unikaj używania ikon mediów społecznościowych w nagłówku witryny

podobnie kolorowe ikony mediów społecznościowych w nagłówku nie są dobre dla Twoich celów. Jeśli odwiedzający klikną któryś z tych cukierkowych przycisków, wylądują na stronie wypełnionej rozrywkami. Raczej nie wrócą.

jest to zazwyczaj zły sposób na integrację z mediami społecznościowymi. Jeśli łączysz się z siecią społecznościową, zrób to ze stopki. Odwiedzający mogą znaleźć Sieci społecznościowe, jeśli szukają, ale nie sugerujesz, że odchodzą.

pisanie

porozmawiajmy o słowach. Wcześniej zalecamy nagłówek skoncentrowany na frazach klawiszowych na stronie głównej. Oto kilka wskazówek dotyczących pisania, które trafia na stronę internetową, w tym nagłówki, podtytuły i treść.

napisz znaczące śródtytuły

ogólnikowe śródtytuły są wszędzie. Często są one duże i bezużyteczne, ale po nich następują rzeczy, które są małe, ale użyteczne. Dziwne, prawda? Coś przeciwnego miałoby więcej sensu.

upewnij się, że duże rzeczy są znaczące i pomocne dla odwiedzających. Jeśli Twoje podtytuły mówią takie rzeczy jak „produkty” lub „usługi”, zadaj sobie pytanie, czy bardziej opisowy termin byłby bardziej pomocny. Oto kilka przykładów.

jest to dobre dla skanerów i użyteczności. Jest to dobre dla osób niedowidzących i dostępności. To także dobre najlepsze praktyki SEO. Nigdy nie przegap okazji, aby wskazać znaczenie!

ProTip: podtytuły mogą być zupełnie niepotrzebne. Czy ta strona byłaby równie dobra bez niej? Czy odwiedzający nadal będą wiedzieć, na co patrzą? Jeśli tak, po prostu go usuń.

unikaj długich akapitów i długich linii

Długie, blokowe akapity nie są zgodne z najlepszymi praktykami dotyczącymi treści cyfrowych. Po prostu zerwanie długich akapitów ułatwia konsumowanie treści. Z reguły nie należy pisać akapitów dłuższych niż 3-4 linijki.

„krótkie akapity są czytane, długie akapity są odtłuszczone, naprawdę długie akapity są pomijane” – Jason Fried, założyciel i CEO, Basecamp

jeśli długość linii jest bardzo długa, może być trudniejsza do odczytania. Web Style Guide zaleca wiersze nie więcej niż 12 słów.

unikaj żargonu. Używaj prostych słów.

im łatwiej jest czytać, tym bardziej udana będzie strona. Używaj popularnych słów, których oczekują odwiedzający. Długie zdania i wymyślne słowa zmuszają płat skroniowy do cięższej pracy. Niedobrze.

„proste! „Płynność poznawcza” jest miarą tego, jak łatwo mózg odwiedzającego przetwarza to, na co patrzy. Kiedy coś jest trudne do odczytania, nieświadomie uważamy, że jest to bardziej ryzykowne i / lub czasochłonne. Aby zmaksymalizować konwersję, użyj krótkiego tekstu, prostych czcionek i łatwego do odczytania projektu.”- Roger Dooley, autor Brainfluence

Kopia, która działa dobrze dla użytkowników” niskich umiejętności”, działa dobrze dla wszystkich. Tu nie chodzi o wygłupianie; chodzi o używanie prostego języka, który każdy może zrozumieć. Badania wykazały, że obniżenie poziomu czytelności może poprawić wskaźnik sukcesu dla wszystkich odwiedzających.

nawet doktorzy wolą czytać na poziomie 8 klasy.

to wielkie słowo może sprawić, że zabrzmisz mądrze, ale może sprawić, że twój gość poczuje się głupi. Odwiedzający, który wątpi w siebie, raczej nie podejmie działań. Tak jak piszesz, zadawaj sobie to pytanie:

czy 100% odwiedzających zna znaczenie słów na tej stronie?

kolejność List i „efekt pozycji seryjnej”

zamawiając dowolne listy w kopii, umieść ważne rzeczy na początku i na końcu. Uwaga i zachowanie czytelnika są najniższe w środku dowolnej listy. Gdy odwiedzający skanują stronę, pierwsze i ostatnie elementy najprawdopodobniej pozostaną w pamięci krótkotrwałej.

źródło: Teoria efektów zamówienia: Prymat a aktualność

Odpowiedz na najważniejsze pytania odwiedzających

przyszli z pytaniami. Głównym zadaniem strony jest udzielenie odpowiedzi na te pytania. Każde pytanie bez odpowiedzi jest straconą szansą na zbudowanie zaufania. Pytania bez odpowiedzi zwiększają również prawdopodobieństwo, że odwiedzający odejdzie.

kiedy Joel Klettke zastosował swój proces wyszukiwania pytań i pisania odpowiedzi, był w stanie podwoić współczynniki konwersji na stronach docelowych Hubspot. Przeprowadził wywiady z klientami, przeanalizował ich odpowiedzi, nadał priorytet wiadomościom, a na koniec użył słów samych odbiorców w nowej kopii marketingowej. Mądrze!

oto pytania, których używa Joel, aby odkryć najważniejsze pytania odwiedzających:

1. co Cię skłoniło do szukania rozwiązania?
2. czego jeszcze próbowałaś, a czego nie kochałaś?
3. co cię powstrzymało przed zakupem u nas?
4. co sprawiło, że jesteś na tyle pewny siebie, że spróbowałeś?
5. co sprawiło, że X było dla Ciebie najlepszym rozwiązaniem?
6. oceniając X, co było dla Ciebie najważniejsze?
7. co możesz teraz zrobić (lub zrobić lepiej), czego wcześniej nie mogłeś zrobić?
8. podaj mi przykład kiedy X zrobił dla Ciebie różnicę?

jednym słowem, jaki jest cel twojej strony internetowej? Odpowiedz.

dodatkowe czytanie: idealna Strona internetowa B2B strona serwisowa: 13-punktowa Lista kontrolna

Dodaj dowody i dowody społeczne

„stronniczość zgodności” to ludzka tendencja do robienia tego, co robią inni ludzie. Tak więc dawanie dowodów, że inni cię wybrali, sprawia, że wybór firmy wydaje się dobrym wyborem. Celem jest, aby każda decyzja inna niż korzystanie z firmy wydawała się poza normą.

daj odwiedzającym dowód, że jesteś legalny. Idealnie, każdy z Twoich roszczeń marketingowych jest poparty dowodami.

„ile razy kliknąłeś na stronę internetową na liście zwycięzców design award i przewróciłeś oczami na pasjonującą Etykietę tytułową „Home”? To jest to, co się dzieje, gdy zaufasz agencji, aby „stworzyć coś całkowicie rad i unikalny” zamiast wybrać agencję, która obiecuje zbudować coś, co będzie działać tak, jak twoi klienci/klienci potrzebują i oczekują, że będzie działać.”- Jen Salamandick, Kick Point

najszybszym i najłatwiejszym sposobem jest dodanie referencji. Oto inne rodzaje dowodów społecznych.

• potwierdzenia od odpowiednich influencerów
• recenzje produktów od klientów
• „jak widać w…” logo mediów, w których wspomniano o Twojej firmie
• widżety mediów społecznościowych pokazujące rozmiar obserwowanych
• pieczęcie zaufania, w tym członkostwo w Stowarzyszeniu, certyfikaty bezpieczeństwa i nagrody

ile dowodów wystarczy? Ile referencji należy dodać?

dużo. Możliwe, że nie ma czegoś takiego jak zbyt wiele dowodów. Zrobiliśmy szybką analizę jednej ze stron szczegółów produktu Amazon i okazało się, że 43% strony to dowody i recenzje.

Pro Tip! Nie twórz strony z referencjami. Są to strony o niskim natężeniu ruchu. Zamiast tego dodaj referencje do każdej strony usługi.

wspomnij o niedostatku, wyzwalaj „awersję do strat”

ludzie nie są skutecznymi kalkulatorami kosztów/korzyści. Mamy tendencję do zawyżania strat i zaniżania zysków. Innymi słowy, straty są bardziej bolesne niż zyski są przyjemne.

to prawda online i offline i wyjaśnia wiele ludzkich zachowań. Ten artykuł dobrze to wyjaśnia: zastosowanie ekonomii behawioralnej i psychologii poznawczej w procesie projektowania.

ta awersja do strat może być przydatna dla projektantów stron internetowych i copywriterów. Oto kilka wskazówek dotyczących pisania kopii z myślą o awersji do strat.

• koszty Grupowe razem, wylicz świadczenia osobno.
• podkreśl natychmiastowe zyski.
• twórz pilne oferty z ograniczonym czasem. Jeśli produkt jest rzadki, Powiedz to.

delikatnie Przypomnij odwiedzającym, co przegapią, zaryzykują lub stracą, nie podejmując teraz działań.

zoptymalizuj formularze rejestracji e-mail dla subskrybentów

jest jeden na dole tego posta. To wezwanie do działania, aby zapisać się. Jeśli przyjrzysz się bliżej, zobaczysz, że zawiera trzy oddzielne elementy. Są to 3 P dla formularzy rejestracji e-mail.

• wyeksponowanie wyróżnia się w hierarchii wizualnej
• obietnica mówi czytelnikowi, co dostanie, jak często
• dowód wykorzystuje dowód społeczny: liczba subskrybentów lub mała referencje

kiedy po raz pierwszy eksperymentowaliśmy z tymi zmianami, Współczynnik konwersji w starszej formie był bardzo niski, więc poprawa była dramatyczna. Odnotowaliśmy wzrost rejestracji e-mail o 4,863%.

projektując formularz rejestracji e-maili, spraw, aby był widoczny, użyj dowodu społecznego i powiedz czytelnikom, co otrzymają.

więcej niż tylko ładna strona

Każdy kocha piękno. Wszyscy kochają fajne nowe funkcje projektowe. Każdy jest krytykiem. Ale jako goście, potrzebujemy czegoś więcej niż piękna. Potrzebujemy informacji. A jako właściciele witryn potrzebujemy wyników.

oto dwa badania z tym samym stwierdzeniem. Pierwszym z nich jest badanie przeprowadzone przez Hubspot, które pokazuje, że odwiedzający cenią łatwe do znalezienia informacje bardziej niż piękny design lub fantazyjny UX.

to drugie badanie jest podsumowaniem zestawu testów użytkowników przeprowadzonych przez grupę NN. Pokazuje, że gdy odwiedzający zawodzą, to dlatego, że nie mogą znaleźć informacji, a nie dlatego, że strona nie jest wystarczająco piękna.

uwielbiam piękny design tak samo jak każdy. Dlatego zacząłem w tym biznesie! I często myślę o tym cytacie:

„życie projektanta to życie walki. Walcz z brzydotą.”- Massimo Vignelli, legenda designu

ale w projektowaniu stron internetowych tworzymy kontenery dla treści. A goście przyszli po zawartość, nie po kontener.

strony internetowe powinny być piękne. Powinny mieć wizualny lub emocjonalny wpływ na odwiedzających. Ale sukces Twojej strony wykracza daleko poza piękno. Chodzi o pomaganie odwiedzającym znaleźć to, czego potrzebują. To jest serce każdej porady w tym artykule. I to jest prawdziwy cel projektowania stron internetowych.

pomóż odwiedzającym znaleźć to, po co przyszli, a następnie daj im to, co chcesz, aby mieli.