5 Sposobów na zwiększenie odsłon na odwiedzającego przez 23.52%

doświadczenie użytkownika

doświadczenie użytkownika

dlaczego poświęcasz cały ten czas i wysiłek, aby przyciągnąć odwiedzających do twojej witryny tylko po to, aby pozwolić im odejść po pierwszej lub drugiej stronie, którą zobaczą?

znacznie taniej jest przyciągnąć gościa już na twojej stronie, aby przejść na inną stronę, niż przyciągnąć nowego gościa na tę stronę.

Zgadnij co? To też jest cenniejsze. Jeśli odwiedzający sprawdza kilka stron, są szanse, że cię polubią. Każdy post lub strona, którą przeczytają, zwiększy rozpoznawalność marki i zaufanie, co doprowadzi do konwersji w dół linii.

gdybym ci powiedział, że możesz podwoić, potroić … a nawet czterokrotnie średnią liczbę stron oglądanych przez odwiedzającego, nie byłbyś zainteresowany?

zakładając, że nie spędziłeś mnóstwo czasu na optymalizacji doświadczenia użytkownika (UX), możesz zobaczyć szalone wyniki z odrobiny pracy.

ten post pokaże Ci 5 najskuteczniejszych sposobów na poprawę UX, co doprowadzi do natychmiastowego zwiększenia odsłon strony.

doświadczenie użytkownika nie jest sztuką—to nauka

rzeczą, która uniemożliwia właścicielom witryn optymalizację UX, jest to, że brzmi to jak skomplikowana rzecz.

to coś, co można by pomyśleć, że rozumieją tylko programiści.

ale w rzeczywistości jest to dość proste i nie wymaga specjalistycznej wiedzy. Oczywiście, zdobycie doświadczenia pomoże Ci szybciej zobaczyć wyniki w przyszłości, ale każdy może zacząć poprawiać UX swoich gości.

po pierwsze, czym dokładnie jest user experience?

to szerokie określenie, które może prowadzić do nieporozumień. Doświadczenie użytkownika obejmuje wszystkie części tego, w jaki sposób zawartość witryny wpływa na czyjąś wizytę. Najlepiej podsumować w plastrze miodu Morville:

image16

image16

istnieje 7 różnych kluczy do dobrego doświadczenia użytkownika:

  1. przydatne – Twoje treści muszą coś osiągnąć.
  2. użyteczna-treść powinna być praktyczna, a narzędzia muszą działać zgodnie z przeznaczeniem.
  3. pożądane-użytkownicy muszą naprawdę chcieć tego, co oferujesz.
  4. Findable – nie tylko oryginalne treści powinny być znalezione, ale inne treści powinny być łatwo znaleźć, jak również (dobra nawigacja).
  5. dostępny-jeśli odwiedzający nie mogą uzyskać dostępu do treści (wyskakujące okienka, nakładki, słabe Ładowanie itp.), nie będą mieli dobrego doświadczenia.
  6. wiarygodny-użytkownik może mieć wspaniałe doświadczenie tylko wtedy, gdy ufa temu, co czyta/używa.
  7. wartościowy-Twoja strona musi osiągnąć coś, co ludzie cenią (zasadniczo rozszerzenie przydatnych).

5 sposobów poprawy UX, które zaraz wam pokażę, należą do jednej z tych 7 kategorii.

ostatnią ważną rzeczą, którą musisz wiedzieć, jest to, że doświadczenie użytkownika jest unikalne dla każdej osoby.

czasami dwie strony mogą dokonać tej samej zmiany, A UX na jednej stronie poprawi się, ale z drugiej będzie gorzej. To zależy od twoich gości.

dla Ciebie oznacza to, że nawet jeśli zgadzasz się z czymś, co pokażę Ci w tym poście, przetestuj to na swojej stronie, aby sprawdzić, czy rzeczywiście będzie to pozytywna zmiana.

UX to nie jest opinia. Powinien być poparty danymi od prawdziwych użytkowników.

linki nie są tylko dla SEO—są dla użytkowników

zbyt często właściciele witryn popełniają błąd, wprowadzając zmiany i decyzje marketingowe w oparciu o to, jak ich zdaniem zareagują Wyszukiwarki.

Prawie każdy to zrobił.

kiedy umieszczasz link w artykule, nie powinno to być tylko dlatego, że czytasz, że Google nagradza treści, które łączą się z witrynami autorytetów. Zamiast tego powinno być, ponieważ dodaje wartość dla użytkownika.

widziałeś ile linkuję w swoich postach na szybki kiełek i NeilPatel.com?

image04

image04

oczywiście zależy to od tematu, ale zazwyczaj mam minimum 20 linków na post. Działa to na co najmniej jeden link na 200 słów, ale często więcej.

dlaczego linki są dobre dla UX?

  • linki mogą odpowiadać na pytania: jeśli jest to naprawdę częste pytanie, możesz napisać na nim akapit. Ale jeśli uważasz, że tylko mniejszość czytelników może o to zapytać, możesz dołączyć link tylko dla nich.
  • linki logicznie prowadzą czytelników do następnego kroku: kiedy coś piszesz, musisz wybrać zakres (co zamierzasz objąć). Nawet jeśli jest powiązany temat, który jest naprawdę interesujący, możesz nie mieć miejsca na jego omówienie. Zamiast tego link Może połączyć czytelnika z innym artykułem, dając mu szansę na kontynuowanie eksploracji tematu.
  • linki budują zaufanie: pamiętasz te 7 czynników UX? Wiarygodność była jedną z nich. Linki do źródeł i zasobów w poście opartym na danych sprawiają, że czytelnicy czują się bardziej pewni informacji, które podajesz.

jeśli umieścisz odpowiednie linki, możesz pozwolić użytkownikom dostosować własne wrażenia, co zawsze jest pozytywną rzeczą.

jest jeszcze jedna rzecz, o której musimy porozmawiać …

czy powinieneś podać linki wewnętrzne lub zewnętrzne: zrobię to tak proste, jak to możliwe. Zawsze łącz się z najcenniejszym zasobem dla odwiedzających, niezależnie od tego, czy jest to Twoja witryna, czy czyjaś.

zauważ, że inne artykuły na twojej stronie często mają największą wartość, jeśli są bardzo istotne, ponieważ czytelnik jest już zaznajomiony z Twoją pracą i lubi ją na tyle, aby przeczytać bieżący artykuł.

linki wewnętrzne mają oczywistą zaletę zwiększenia liczby stron, które odwiedzający zobaczy na twojej stronie. Nowa witryna nie będzie miała zbyt wielu cennych treści, do których można linkować, ale Witryna, która tworzy treści od lat (np. Quick Sprout), będzie miała mnóstwo powiązanych treści, do których można linkować w każdym poście.

Linki zewnętrzne, jak wspomniałem wcześniej, mogą pomóc ci wyglądać bardziej zaufany do wyszukiwarek. To mała potencjalna korzyść.

prawdziwą korzyścią jest to, że jeśli połączysz się z doskonałym zasobem, Twój odwiedzający skojarzy to z Tobą (właśnie zrobiłeś im przysługę). Prowadzi to do większego zaufania i bardziej lojalnych czytelników. Dlatego może nie być najlepszą strategią linkowania do pierwszego zasobu znalezionego w Google. Kop głębiej, aby znaleźć coś naprawdę cennego.

na koniec pamiętaj, że każdy osobny link nie będzie klikany zbyt często (Zwykle 1-10%). Ale wszystkie te linki się sumują. Jeśli dodałeś dodatkowe linki wewnętrzne 10 do postu, prawdopodobnie otrzymasz średnio dodatkowe 10-20% odsłon od odwiedzającego.

to duża różnica. Wyobraź sobie, że od zwykłych odsłon strony 10,000 miesięcznie do 11,000 lub 12,000, wystarczy jedna prosta zmiana.

niektórzy z Twoich gości to żółwie

moje super długie posty (około 5000 słów) mają zazwyczaj mnóstwo zdjęć.

załączam zdjęcia z różnych powodów, ale głównie po to, aby podzielić treść, aby była bardziej czytelna.

jestem w stanie to zrobić tylko dlatego, że większość odwiedzających mojego bloga korzysta z komputera stacjonarnego/laptopa. Pomyśl o tym: kto ma czas, aby przeczytać 5000 słów na ekranie telefonu?

powodem, o którym wspominam, jest to, że przeglądanie urządzeń mobilnych i stacjonarnych różni się nie tylko wielkością ekranu, ale także szybkością.

większość osób korzystających z komputerów może pobrać kilkaset kilobajtów lub nawet kilka megabajtów w mniej niż sekundę.

tego samego nie można powiedzieć o telefonach komórkowych. Badanie wykazało, że prędkości połączeń mobilnych wahały się od 0,6 MB / s do 9,5 MB / s. Oczywiście niektórzy użytkownicy mobilni będą mogli szybko załadować Twoją witrynę, ale wielu nie.

większość użytkowników telefonów akceptuje, że ich przeglądanie Internetu będzie nieco wolniejsze niż normalnie, ale nie tak bardzo, jak mogłoby się wydawać.

a zgłoszone 47% konsumentów oczekuje, że strona internetowa załaduje się w mniej niż 2 sekundy. Ale to są użytkownicy komputerów.

użytkownicy telefonów oczekują, że strony załadują się w mniej niż 4 sekundy, więc jest trochę więcej swobody. Ale średnia strona ładuje się w 9 sekund na telefonie komórkowym, co nie jest nawet wystarczająco dobre.

prawdziwym powodem, dla którego jest to problem, jest to, że powolne ładowanie strony nie jest tylko irytujące—odwróci odwiedzających od twoich treści. Czterdzieści procent odwiedzających opuści Twoją witrynę, jeśli ładowanie trwa dłużej niż 3 sekundy (na komputerach stacjonarnych). Możesz ekstrapolować to do 6 sekund dla użytkowników mobilnych, co nadal jest mniejsze niż średnia prędkość witryny mobilnej.

problem z testami szybkości strony: wielu właścicieli witryn przetestowało już swoje witryny pod kątem szybkości strony i nie znaleźli żadnych problemów. Niestety jest wada z testerem średniej prędkości strony.

domyślnie prawie wszystkie popularne testy prędkości ładowania strony (np. To, co robi, to usuwa prędkość połączenia z równania i patrzy wyłącznie na stronę techniczną.

to ważne. W ten sposób sprawdzasz, czy masz jakieś poważne problemy z prędkością. Problem polega na tym, że czas ładowania strony, który uzyskujesz dzięki takim testom, reprezentuje tylko ułamek Twoich użytkowników (nawet jeśli jest to dość duża część).

rozważ to: przetestowałem Quick Sprout na GTmetrix ze standardowymi ustawieniami domyślnymi. Zdała śpiewająco i zajęła 1.5 sekundowy czas ładowania-ładny.

image12

image12

Możesz również utworzyć darmowe konto, a następnie zmienić prędkość połączenia na 3G, na którym nadal utknęła duża część użytkowników mobilnych (57% użytkowników).

image03

image03

kiedy ponownie uruchamiam Quick Sprout przez test, dostaję bardzo inną prędkość ładowania: 3,3 sekundy.

image18

image18

w tym przypadku mój czas ładowania strony ponad dwukrotnie, a to na dość prostej stronie.

jeśli uruchomisz ten test dla innych stron, często zobaczysz czasy ładowania więcej niż dwukrotnie. Oznacza to, że wąskie pokonanie tego oryginalnego limitu 2 sekund nie wystarczy.

nie zamierzam tutaj pisać pełnego przewodnika po optymalizacji szybkości strony, ale zajmę się najbardziej skutecznymi sposobami optymalizacji witryny dla użytkowników mobilnych.

czynnik # 1-żądania HTTP: jedną z głównych wskaźników, które pokaże Ci każdy Tester Prędkości strony, jest liczba wykonanych żądań HTTP.

wysyłane jest żądanie HTTP, aby uzyskać informacje dla każdego skryptu, obrazu, pliku CSS itp. w HTML. Każde żądanie wymaga czasu na przetworzenie. Około 78% czasu spędza na wykonywaniu żądań HTTP podczas ładowania strony.

możesz przyspieszyć swoje witryny, zmniejszając liczbę żądań HTTP, które musi wykonać przeglądarka.

Jak to zrobić?

najprostszym sposobem jest jak największa konsolidacja plików i obrazów CSS. Często zdarza się, że źle zoptymalizowany motyw WordPress ma trzy lub więcej plików CSS wymaganych razem na tej samej stronie. Skopiuj wszystkie pliki CSS do jednego pliku i edytuj wszelkie odwołania do usuniętych plików.

większość witryn ma również możliwość zmniejszenia liczby żądań poprzez utworzenie sprite ‘ ów CSS. Sprite to Pliki obrazów, które zawierają wiele obrazów wewnątrz nich. Kod CSS informuje przeglądarkę, gdzie znajduje się obraz.

Sprity powinny być wykonane dla wszystkich obrazów, które są wywoływane na każdej stronie, takich jak obrazy nawigacyjne lub logo.

aby to ułatwić, użyj narzędzia takiego jak Spritepad. Po prostu przeciągnij i upuść obrazy na udostępniony obszar roboczy. CSS ze szczegółami lokalizacji zostanie utworzony automatycznie.

image14

image14

po dodaniu wszystkich wspólnych obrazów możesz pobrać sprite CSS (u góry), a następnie wywołać go na swoich stronach zamiast wielu oddzielnych obrazów.

powyższe były dwoma szybkimi sposobami na pozbycie się kilku żądań HTTP na większości stron internetowych, ale jest w tym coś więcej. Oto nieco bardziej szczegółowy przewodnik, aby uzyskać więcej informacji.

współczynnik # 2-rozmiar strony: drugą główną metryką mierzoną za pomocą narzędzia prędkości jest rozmiar strony w bajtach. Idealnie, Twoja strona nie powinna być większa niż kilkaset kilobajtów (czasami jest to nieuniknione, aby przejść).

jeśli masz problemy z dużą szybkością strony, być może będziesz musiał zmniejszyć liczbę używanych obrazów, ale istnieje kilka rzeczy, które możesz zrobić wcześniej.

najpierw skompresuj swoje obrazy. Większość plików graficznych ma dołączone bezużyteczne metadane, które zajmują dużo miejsca. Użyj narzędzia takiego jak Optimizilla lub wtyczki WordPress, takiej jak WP Smush, aby zmniejszyć rozmiar pliku.

po drugie, użyj kompresji HTTP, aby skompresować rozmiar plików podczas ich przesyłania. Najpopularniejszą formą kompresji HTTP jest GZIP. Aby użyć kompresji GZIP w WordPress, zaznacz opcję GZIP w wtyczce W3 Total Cache.

image11

image11

wreszcie, uprość swoją witrynę w jak największym stopniu. Nie umieszczaj zbyt dużego paska bocznego ani ton obrazów w nagłówku. Trzymaj się prostego tekstu i HTML jak najwięcej.

czynnik # 3-Hosting i dostawa: nawet jeśli zrobisz wszystkie te TECHNICZNE rzeczy dobrze, odwiedzający mogą nie być w stanie szybko załadować Twoich stron, jeśli twój hosting i dostawa są do bani.

część hostingowa jest dość prosta. Jeśli płacisz 5 miesięcznie za wspólny plan, Twoja witryna nigdy nie będzie bardzo szybka. Jeśli nie dopiero zaczynasz, wejdź na poważny serwer hostingowy dedykowany Twojej witrynie.

po drugie, polecam również korzystanie z sieci dostarczania treści (CDN) dla plików statycznych, takich jak obrazy. Będzie to kosztować więcej, ale Twoja strona będzie rosła szybciej, a odwiedzający będą konwertować lepiej, co jest tego warte. Oto przewodnik po wyborze dobrego CDN.

Bonus Tip-przekonaj swoich użytkowników, aby byli bardziej zadowoleni, wybierając trafność: Kiedy mieszkańcy budynku skarżyli się, że czas oczekiwania na windy był zbyt długi, zamiast przyspieszać windy, właściciele budynku Dali mieszkańcom coś, co mogło zająć ich czas podczas oczekiwania. Zarządca budynku zainstalował lustra, aby mieszkańcy mogli patrzeć na siebie podczas oczekiwania, a skargi ustały.

chociaż nie jest to idealna analogia, czekanie na załadowanie strony może być tak frustrujące i nudne, jak czekanie na przyjazd windy. Odwiedzający zdają sobie sprawę, że poświęcają swój czas na treści. Im bardziej cieszą się Twoimi treściami, tym mniej będą mieli nic przeciwko czekaniu. Podejrzewam, że duża część moich czytelników, takich jak ty, czekałaby dłużej niż 2 sekundy na załadowanie nowego posta na blogu.

“jeśli użytkownicy nie mogą znaleźć tego, czego chcą na stronie internetowej, będą uważać czas pobierania za wolniejszy niż w rzeczywistości. I odwrotnie, jeśli użytkownicy szybko i łatwo znajdą to, czego chcą na stronie internetowej, postrzegają czas pobierania jako szybszy niż w rzeczywistości. Obserwuję te spostrzeżenia, konsekwentnie, podczas testów użyteczności od ponad 10 lat.”- Shari Thurow

Co to oznacza dla Twojej witryny?

oznacza to, że dołączenie spisu treści, aby pomóc odwiedzającym znaleźć odpowiedzi, których szukają, napisanie bardzo istotnego opisu meta i Podkreślenie ważnych części postu może sprawić, że czytelnicy poczują, że warto było poczekać na załadowanie strony.

szczęśliwy czytelnik jest znacznie bardziej skłonny do klikania innych linków do postów na twojej stronie niż sfrustrowany czytelnik.

twoja wiadomość jest pierwsza, więc wyeliminuj zakłócenia

twoja wiadomość musi być na pierwszym miejscu, niezależnie od tego, czy jest na stronie docelowej, czy na blogu.

Obejmuje to wiele kategorii UX, ale głównie dostępność.

jeśli sprawisz, że Treści będą łatwo dostępne, czytelnicy będą nadal czytać. Jeśli to utrudnisz, wielu albo odejdzie od razu, albo nie będzie podekscytowanych odwiedzeniem innej strony w Twojej witrynie.

chociaż witryny różnią się w swoich projektach, istnieją 3 wspólne źródła zakłóceń, które większość witryn Ma, które należy wyeliminować.

Oto jak je naprawić…

taktyka #1 – zminimalizuj lub wyeliminuj pasek boczny: pasek boczny jest zaniedbanym elementem na większości blogów. Musisz włożyć dużo myśli w to, co włożysz do paska bocznego, lub jeśli w ogóle go potrzebujesz.

Medium jest obecnie jedną z najpopularniejszych platform blogowych, znaną z wysokiej czytelności. Nie ma paska bocznego na średnim poście-tylko treść:

image05

image05

układ bez paska bocznego nie rozprasza uwagi, więc czytelnik koncentruje się wyłącznie na poście.

inni korzystający z tego układu byli w stanie zwiększyć nie tylko liczbę wyświetleń strony, ale także Współczynnik konwersji o 26-71%.

to może być dobra rzecz, ale czasami chcesz pokazać czytelnikom pewne elementy swojej witryny za każdym razem, gdy ją odwiedzają, nawet jeśli może to ich trochę rozproszyć.

jeśli nadal używasz paska bocznego, dołącz w nim tylko najważniejsze informacje, takie jak:

  • bio
  • linki do najlepszych postów
  • linki do produktów/usług

to właśnie robię na moich blogach:

image09

image09

zauważ, że nie mam nic krzykliwego w pasku bocznym. Czytelnicy wiedzą, że tam jest, ale mogą skupić się na treści postu, jeśli nie są zainteresowani informacjami na pasku bocznym.

taktyka #2-pomyśl o zrzuceniu elementów przewijania: jest to trudne. Posiadanie części strony, które są stałe i przewijane w dół, gdy użytkownik przewija w dół, może poprawić współczynniki konwersji. Ale jeśli przesadzisz, będzie to miało negatywny wpływ na UX.

musisz przetestować dowolny dodany element przewijania. Porównaj Przed i po metrykach czasu na stronie i stronach na odwiedzającego, aby zobaczyć, czy warto.

używam niektórych elementów przewijania, ale nie za dużo. Zobacz jak górne menu przewija się w dół z włączoną stroną NeilPatel.com:

image02

image02

ewentualnie mam cienki Hello Bar Na Quick Sprout.

zauważ, że w obu przypadkach elementy nie są bardzo rozpraszające i zajmują tylko niewielką część ekranu.

ale gdy zaczniesz dodawać przewijany nagłówek, stopkę i przyciski udostępniania społecznościowego lub pasek boczny, może być szybko zajęty. Taka strona wyłączy wielu czytelników, bez względu na to, jak wspaniała jest treść:

image10

image10

taktyka # 3-opóźnij lub pozbądź się wyskakujących okienek: inny wrażliwy temat-wyskakujące okienka-są świetne do poprawy współczynnika konwersji e-mail opt-in. Ale również denerwują użytkowników, co może prowadzić do mniejszej liczby stron na odwiedzającego.

próbowałem używać pop-upów na Quick Sprout w przeszłości i uzyskałem dobre wyniki z punktu widzenia konwersji:

image21

image21

jeśli masz zamiar używać pop-upy, ograniczyć szkodliwy wpływ, że mają one na UX.

Nie wyświetlaj ich podczas ładowania strony, ponieważ jest to pewny sposób na odstraszenie odwiedzających. Zamiast tego odczekaj co najmniej 10 sekund—60 sekund może być lepsze.

im dłużej czekasz przed pokazaniem wyskakującego okienka, tym mniej irytujące jest to. Jeśli czytelnik czyta już od 30 sekund do minuty, poproszenie go o zamknięcie prostego pudełka nie jest zbyt wiele.

spójność jest ważniejsza niż kreatywność

aby być wiarygodnym, Twoja marka musi być spójna.

aby być użytecznym, układ i zawartość muszą być spójne.

gdy odwiedzający wraca co najmniej kilka razy do twojej witryny, powinien wiedzieć, czego się spodziewać. Jeśli chcą znaleźć posty na blogu, powinny być łatwe do znalezienia. Jeśli chcą cię zatrudnić, to samo: skontaktowanie się z tobą powinno być łatwe.

istnieją dwa główne czynniki, które należy wziąć pod uwagę, jeśli chodzi o spójność i UX.

czynnik # 1-Branding i symbole: Twoja marka jest zdefiniowana przez wiele różnych rzeczy, ale głównie przez twoje logo i symbole.

Kiedy mówię o symbolach, mówię o rzeczach takich jak hamburger menu Google:

image06

image06

Ten symbol oznacza menu z ustawieniami w produktach Google, w tym Chrome i prawie wszystkich aplikacjach na Androida. Gdy użytkownik Google szuka ustawień, szuka tego menu hamburgera.

niezależnie od tego, jaki jest twój produkt, powinieneś używać tych samych symboli i terminów we wszystkich formach komunikacji: blogu, stronach docelowych, e-mailach i w samym produkcie.

spójrz na markę NA Quick Sprout. Po chwili zaczynasz rozpoznawać logo i kolorystykę:

image15

image15

jeśli przejdziesz na stronę docelową, zobaczysz dokładnie to samo logo i schemat kolorów:

image13

image13

ale wyobraź sobie, że przeszedłeś z bloga Quick Sprout na stronę docelową, która miała inne logo i inną kolorystykę. Poczułbyś, że coś tu jest nie tak i prawdopodobnie zamkniesz stronę-wiarygodność utracona.

wszystkie Twoje posty na blogu i zawartość witryny powinny wyglądać tak, jakby należały do siebie.

wreszcie możesz uczynić to jeszcze jaśniejszym dla swoich czytelników, jeśli użyjesz ikon i symboli odpowiednich do ich funkcji.

image00

image00

ikony mogą być samodzielne lub być włączone do obrazu / linku.

na przykład, jeśli łączysz się z narzędziem takim jak Quick Sprout na pasku bocznym, możesz dołączyć szkło powiększające.

lub, jeśli fragmenty Twojego bloga mówią “Czytaj więcej”, jak wiele innych, Możesz dołączyć strzałkę zaraz po, wskazując, że jest jeszcze więcej.

czynnik # 2-Styl: Styl zawiera schemat kolorów, ale to coś więcej. Musisz również pomyśleć o typie czcionki, rozmiarze czcionki, układzie, tonie pisania itp.

ktoś, kto utrzymuje spójny styl naprawdę dobrze jest Bernadette Jiwa, copywriter. Formatuje swoje posty w ten sam sposób, w jaki formatuje swoje e-maile (post poniżej):

image19

image19

e-maile mają te same kolorowe łącza, ten sam rozmiar tekstu i tę samą czcionkę:

image01

image01

bycie konsekwentnym pomaga czytelnikom wiedzieć, czego się spodziewać, co poprawia ich UX, bez względu na platformę.

jeśli jesteś na mojej liście e-mailowej dla któregokolwiek z moich blogów, założę się, że zauważyłeś coś w moich e-mailach: wszystkie są dokładnie takie same.

image17

image17

w pierwszej linii znajduje się link z tekstem anchor “the latest (site) post”.

po tym, jest samodzielny link do postu z tytułem postu jako anchor text.

na koniec daję Ci szybkie wprowadzenie do postu plus kolejne wezwanie do działania, aby przeczytać post.

po kilku e-mailach przejdziesz do tego wzoru i będziesz wiedział, czego się spodziewać. To jest dobre dla mnie i dla Ciebie. Jest to dobre dla ciebie, ponieważ dokładnie wiesz, czego się spodziewać i jak dostać się do treści, jeśli chcesz. To dobrze dla mnie, bo wiem, że wiesz (Zostań ze mną), że możesz dostać się do nowego postu z dowolnego z tych linków.

co by się stało, gdyby w niektórych e-mailach umieszczać tylko pierwszy link, a w innych tylko ostatni link? Nie wiedziałbyś, czego się spodziewać. Oczywiście, duża część czytelników nadal znajdzie link, ale inni przewijają w prawo o pierwszy u góry lub nie widzą ostatniego u dołu.

spraw, aby Ważne elementy były duże

Nie, Nie mówię tylko o tym, aby opt-in był ogromny. Mówiąc “duży”, mówię o widoczności.

aby treść była jak najbardziej użyteczna, czytelnicy muszą być w stanie łatwo zidentyfikować najważniejsze części.

oto, co mam na myśli: spójrz na dowolną stronę z świetnym UX, a zawsze będzie punkt centralny na każdej stronie:

image22

image22

w tym przypadku jest to pole wyboru poczty e-mail. Chociaż istnieje duży obraz i opcje menu, kolor i rozmiar zostały użyte, aby pole wyboru wyróżniało się.

oto kolejny przykład:

image07

image07

Unbounce sprawiło, że przyciski rejestracji były bardzo widoczne.

oba te przykłady pokazują siłę kontrastu.

jeśli chcesz, aby coś wyróżniało się na tle reszty Twojej strony, nadaj mu drastycznie inny kolor-zwróci na siebie uwagę.

ale czynienie rzeczy bardziej widocznymi jest ważne dla innych celów, nie tylko dla rejestracji e-mail lub tworzenia konta.

rozważ linki w swojej treści. Powinny być naprawdę łatwe do zobaczenia i łatwe do kliknięcia (użyj).

niektóre strony ukrywają swoje linki na szaro lub nie podkreślają ich, myśląc, że czytelnicy klikną w linki i nigdy nie wrócą. Oboje wiemy, że jeśli Twoje treści są świetne, twoi czytelnicy zawsze wrócą. Plus, są inne korzyści omówione w pierwszej części tego artykułu.

On NeilPatel.com na przykład linki są wyświetlane jako jasny i dobrze widoczny pomarańczowy tekst. Ponadto używam dość dużego rozmiaru tekstu. Nawet na urządzeniach mobilnych linki są łatwo widoczne i klikalne:

image20

image20

biorąc pod uwagę, że wiele z tych linków prowadzi do innych stron na stronie, dobrze jest, gdy odwiedzający są nimi zainteresowani, więc dlaczego nie chcesz ich wyróżnić?

moje pomarańczowe linki to kolejny przykład użycia kontrastu, tylko w innym celu.

możesz również wyróżnić elementy, podkreślając je. Można to zrobić, oddzielając je od innych elementów (dodaj więcej białych spacji), używając unikalnej czcionki lub używając efektów pogrubienia lub kursywy.

na przykład Brian Dean z Backlinko używa specjalnego żółtego pola, aby podkreślić swoje ulepszenia treści. Dodatkowo, pogrubia kilka pierwszych słów, aby je wyróżnić:

image08

image08

możliwość szybkiego zidentyfikowania tego, czego użytkownik szuka, jest kluczową częścią użyteczności. Polecam, aby przyciągnąć nowych użytkowników do twojej witryny i śledzić ich ruch myszy za pomocą oprogramowania takiego jak Crazy Egg.

patrząc na to, gdzie kieruje się większość uwagi czytelników, możesz zobaczyć, co naturalnie wyróżnia ich, gdy odwiedzają stronę. Następnie możesz dostosować swoje elementy i przetestować różnicę, aż do osiągnięcia pożądanego efektu, np. skierowania odwiedzających do opt-in, linku lub określonej treści.

podsumowanie

za cały czas spędzany na budowaniu ruchu, jesteś winien sobie poświęcić więcej czasu na optymalizację doświadczenia użytkownika.

jeśli zaimplementujesz co najmniej kilka metod w tym poście, powinieneś być w stanie podnieść swoje odsłony o dużą część.

jeśli obecnie masz 10 000 miesięcznych odsłon, co Twoim zdaniem jest łatwiejsze: uzyskać dodatkowe 3000 odwiedzających lub zwiększyć liczbę stron, które przeciętny użytkownik odwiedza o 30%?

w większości przypadków druga opcja jest o wiele łatwiejsza.

pamiętaj jednak, że optymalizacja UX nie jest procesem z dnia na dzień. Pamiętaj, że musisz podzielić testowanie wszelkich wprowadzonych zmian i wprowadzać iteracyjne ulepszenia, dopóki nie dasz odwiedzającemu dokładnie tego, czego szuka.

Wyzywam cię do ciągłego myślenia, testowania i rozwijania UX Twojej witryny w miarę rozwoju Twojej marki.

Leave a Reply