5 Způsoby, jak zvýšit zobrazení stránek na návštěvníka 23.52%

uživatelská zkušenost

uživatelská zkušenost

proč trávíte celou tu dobu a úsilí, abyste návštěvníky svých webových stránek nechali odejít pouze po první nebo druhé stránce, kterou vidí?

je mnohem levnější přimět návštěvníka, který je již na vašem webu, aby šel na jinou stránku, než přilákat nového návštěvníka na tuto stránku.

Hádej co? Je to také cennější. Pokud návštěvník kontroluje několik stránek, je pravděpodobné, že se vám líbí. Každý příspěvek nebo stránka, kterou si přečtou, zvýší uznání značky a důvěru, což povede ke konverzím v řadě.

kdybych vám řekl, že byste mohli zdvojnásobit, ztrojnásobit … nebo dokonce čtyřnásobit průměrný počet stránek zobrazených návštěvníkem, neměl byste zájem?

za předpokladu, že jste nestrávili spoustu času optimalizací uživatelského prostředí (UX), můžete vidět bláznivé výsledky z trochu práce.

tento příspěvek vám ukáže 5 nejúčinnějších způsobů, jak vylepšit UX, což povede k okamžitému zvýšení zobrazení stránek.

uživatelská zkušenost není umění-je to věda

věc, která brání majitelům webových stránek v optimalizaci UX, je, že to zní jako složitá věc.

je to něco, o čem si můžete myslet, že to chápou pouze vývojáři.

ale ve skutečnosti je to docela jednoduché a nevyžaduje žádné specializované znalosti. Jistě, získání zkušeností vám pomůže vidět výsledky rychleji v budoucnu, Ale kdokoli může začít zlepšovat UX svých návštěvníků.

Za prvé, co přesně je uživatelská zkušenost?

je to široký pojem, který může vést ke zmatku. Uživatelská zkušenost zahrnuje všechny části toho, jak obsah vašeho webu ovlivňuje něčí návštěvu. Nejlépe je to shrnuto v Morville honeycomb:

image16

image16

existují 7 odlišné klíče k dobrému uživatelskému zážitku:

  1. užitečné-váš obsah musí něco dosáhnout.
  2. použitelný-obsah by měl být praktický a nástroje musí fungovat tak, jak bylo zamýšleno.
  3. žádoucí-uživatelé musí skutečně chtít to, co nabízíte.
  4. Findable-nejenže by měl být váš původní obsah nalezen, ale i váš další obsah by měl být snadno zjistitelný (dobrá navigace).
  5. přístupné – pokud návštěvníci nemají přístup k vašemu obsahu (vyskakovací okna, překryvy, špatné načítání atd.), nebudou mít dobrou zkušenost.
  6. důvěryhodné-uživatel může mít skvělý zážitek, pouze pokud důvěřuje tomu, co čte/používá.
  7. cenné-vaše webové stránky musí dosáhnout něčeho, co si lidé cení(v podstatě rozšíření užitečné).

5 způsobů, jak zlepšit UX Chystám se ukázat, že spadají do jedné z těchto 7 kategorií.

poslední důležitá věc, kterou potřebujete vědět, je, že uživatelská zkušenost je jedinečná pro každého jednotlivce.

někdy mohou dvě stránky provést stejnou změnu a UX na jednom webu se zlepší, ale na druhém se zhorší. Záleží na vašich návštěvnících.

to pro vás znamená, že i když souhlasíte s něčím, co vám ukážu v tomto příspěvku, vyzkoušejte to na svém webu, abyste zjistili, zda to bude skutečně pozitivní změna.

UX není názor. Měla by být podložena údaji od skutečných uživatelů.

odkazy nejsou jen pro SEO-jsou pro uživatele

příliš často majitelé stránek dělají chybu při provádění změn a marketingových rozhodnutí na základě toho, jak si myslí, že vyhledávače budou reagovat.

v minulosti jsem se tím provinil. Téměř každý má.

když vložíte odkaz do článku, nemělo by to být jen proto, že si přečtete, že Google odměňuje obsah, který odkazuje na autoritní weby. Místo toho by to mělo být proto, že přidává hodnotu pro vašeho návštěvníka.

viděli jste, kolik odkazuji ve svých příspěvcích na Quick Sprout a NeilPatel.com?

image04

image04

samozřejmě, záleží na tématu, ale obvykle mám minimálně 20 odkazy na příspěvek. To funguje alespoň na jeden odkaz na 200 slov, ale často více.

proč jsou odkazy dobré pro UX?

  • odkazy mohou odpovídat na otázky: pokud je to opravdu běžná otázka, můžete na ni napsat odstavec. Ale pokud si myslíte, že se na to může zeptat jen menšina vašich čtenářů, můžete zahrnout odkaz právě pro ně.
  • odkazy logicky vedou čtenáře k dalšímu kroku: když něco píšete, musíte si vybrat rozsah (co budete pokrývat). I když existuje související téma, které je opravdu zajímavé, možná nebudete mít prostor na jeho pokrytí. Místo toho může odkaz Připojit čtenáře k jinému článku, což jim dává šanci pokračovat v zkoumání tématu.
  • odkazy budují důvěru: pamatujte na ty 7 faktory UX? Důvěryhodnost byla jedním z nich. Odkazy na zdroje a zdroje v příspěvku založeném na datech způsobují, že se čtenáři cítí jistější ohledně informací, které poskytujete.

pokud zahrnete správné odkazy, můžete uživatelům umožnit přizpůsobit si vlastní zkušenost, což je vždy pozitivní věc.

je tu ještě jedna věc, o které musíme mluvit …

měli byste zahrnout interní odkazy nebo externí odkazy: udělám to co nejjednodušší. Vždy odkazujte na nejcennější zdroj pro vaše návštěvníky, ať už je to na vašem webu nebo někoho jiného.

Všimněte si, že ostatní články na vašem webu mají často největší hodnotu, pokud jsou vysoce relevantní, protože čtenář je již s vaší prací obeznámen a má ji rád, aby si přečetl aktuální článek.

interní odkazy mají zjevnou výhodu zvýšení počtu stránek, které návštěvník uvidí na vašem webu. Nový web nebude mít mnoho hodnotného obsahu, na který lze odkazovat, ale web, který již roky vytváří obsah (například Quick Sprout), bude mít spoustu souvisejícího obsahu, na který lze v každém příspěvku propojit.

Externí odkazy, Jak jsem již zmínil, vám mohou pomoci vypadat důvěryhodněji pro vyhledávače. To je malá potenciální výhoda.

skutečnou výhodou je, že pokud odkazujete na skvělý zdroj, váš návštěvník to s vámi spojí(právě jste jim udělali laskavost). To vede k větší důvěře a věrnějším čtenářům. Proto nemusí být nejlepší strategií odkazovat na první zdroj, který najdete na Googlu. Vykopejte trochu hlouběji, abyste našli něco opravdu cenného.

nakonec nezapomeňte, že na každý samostatný odkaz nebude kliknuto velmi často(obvykle 1-10%). Ale všechny tyto odkazy se sčítají. Pokud jste do příspěvku přidali 10 dalších interních odkazů, pravděpodobně od návštěvníka získáte průměrně 10-20% zobrazení stránek.

to je velký rozdíl. Představte si, že z vašich pravidelných 10 000 zobrazení stránek za měsíc na 11 000 nebo 12 000, jen z jedné jednoduché změny.

někteří z vašich návštěvníků jsou želvy

Moje super dlouhé příspěvky (asi 5 000 slov) mají obvykle spoustu obrázků.

zahrnuji obrázky z různých důvodů, ale hlavně proto, abych obsah rozdělil, aby byl čitelnější.

jsem schopen to udělat pouze proto, že většina návštěvníků mého blogu používá stolní počítač / notebook. Přemýšlejte o tom: kdo má čas číst 5 000 slov na obrazovce telefonu?

důvod, proč jsem se zmínil to je proto, že mobilní a desktop prohlížení se liší nejen ve velikosti obrazovky, ale v rychlosti.

většina lidí, kteří používají počítače, si může stáhnout několik set kilobajtů nebo dokonce několik megabajtů za méně než sekundu.

totéž nelze říci o mobilních telefonech. Průzkum zjistil, že rychlosti mobilního připojení se pohybovaly od 0,6 Mbps do 9,5 Mbps. Je zřejmé, že někteří mobilní uživatelé budou moci načíst vaše stránky rychle, ale mnoho z nich nebude.

většina uživatelů telefonů souhlasí s tím, že jejich prohlížení Internetu bude o něco pomalejší než obvykle, ale ne tolik, jak si myslíte.

hlášeno 47% spotřebitelů očekává, že se webová stránka načte za méně než 2 sekundy. Ale to jsou uživatelé stolních počítačů.

uživatelé telefonů očekávají, že se stránky načtou za méně než 4 sekundy, takže je tu trochu větší volnost. Ale průměrný web se načte za 9 sekund na mobilu,což není ani zdaleka dost dobré.

skutečným důvodem tohoto problému je to, že pomalé načítání stránky není jen nepříjemné—odvrátí návštěvníky od vašeho obsahu. Čtyřicet procent návštěvníků opustí váš web, pokud načítání trvá déle než 3 sekundy (na stolních počítačích). Můžete to extrapolovat na 6 sekund pro mobilní uživatele, což je stále méně než průměrná rychlost mobilního webu.

problém s testy rychlosti stránky: mnoho majitelů webových stránek již testovalo své webové stránky na rychlost stránky a nenalezlo žádné problémy. Bohužel je tu chyba s průměrným testerem rychlosti stránky.

ve výchozím nastavení používají téměř všechny populární testy rychlosti načítání stránky (např. Co to dělá, je rychlost připojení z rovnice a dívá se pouze na technickou stránku.

teď je to důležité. Tak vidíte, jestli máte nějaké velké problémy s rychlostí. Problém je v tom, že doba načítání stránky, kterou získáte s takovými testy, představuje pouze zlomek vašich uživatelů(i když je to poměrně velký kus).

zvažte toto: Testoval jsem Quick Sprout na GTmetrix se standardním výchozím nastavením. Prošel s létajícími barvami a měl 1.5 druhý čas načítání-pěkný.

image12

image12

můžete také vytvořit bezplatný účet a poté změnit rychlost připojení na 3G, což je to, na čem je velká část mobilních uživatelů stále přilepená (57% uživatelů).

image03

image03

když znovu spustím test Quick Sprout, dostanu velmi odlišnou rychlost načítání: 3, 3 sekundy.

image18

image18

v tomto případě se doba načítání stránky více než zdvojnásobila, a to je na docela jednoduché stránce.

pokud spustíte tento test pro jiné stránky, často uvidíte časy načítání více než dvojnásobné. To znamená, že těsně porazit původní 2 druhý limit nestačí.

nebudu zde psát úplný Průvodce optimalizací rychlosti stránky, ale budu se zabývat nejúčinnějšími způsoby optimalizace vašeho webu pro mobilní uživatele.

faktor # 1-požadavky HTTP: jednou z hlavních metrik, které vám kterýkoli tester rychlosti stránky ukáže, je počet provedených požadavků HTTP.

je podán požadavek HTTP pro získání informací pro každý skript, obrázek, soubor CSS atd. v rámci HTML. Zpracování každé žádosti vyžaduje čas. Asi 78% času strávíte vytvářením požadavků HTTP při načítání stránky.

můžete urychlit své stránky snížením počtu požadavků HTTP, které prohlížeč potřebuje.

jak to děláte?

nejjednodušší způsob je co nejvíce konsolidovat soubory a obrázky CSS. Není neobvyklé, že špatně optimalizované téma WordPress má tři nebo více souborů CSS požadovaných společně na stejné stránce. Zkopírujte všechny soubory CSS do jednoho souboru a upravte všechny odkazy na nyní smazané soubory.

většina webů má také schopnost snížit počet požadavků vytvořením CSS skřítků. Skřítci jsou obrazové soubory, které obsahují více obrázků uvnitř nich. Kód CSS říká prohlížeči, který obrázek se nachází.

skřítci by měli být vytvořeni pro všechny obrázky, které jsou volány na každé stránce, jako jsou navigační obrázky nebo loga.

Chcete-li to usnadnit, použijte nástroj, jako je Spritepad. Jednoduše přetáhněte obrázky na poskytnuté plátno. CSS s podrobnostmi o poloze bude vytvořen automaticky.

image14

image14

když jste přidali všechny své společné obrázky, můžete si stáhnout CSS sprite (nahoře) a pak volat, že na svých stránkách namísto více samostatných obrázků.

výše uvedené byly dva rychlé způsoby, jak se zbavit několika požadavků HTTP na většině webových stránek,ale je toho víc než to. Zde je trochu důkladnější průvodce pro více informací.

faktor #2-Velikost stránky: další hlavní metrikou měřenou nástrojem rychlosti je velikost stránky v bajtech. V ideálním případě by vaše stránka neměla být větší než několik set kilobajtů(někdy je nevyhnutelné přejít).

pokud máte velké problémy s rychlostí stránky, možná budete muset snížit počet obrázků, které používáte, ale do té doby můžete udělat několik věcí.

nejprve komprimujte obrázky. Většina obrazových souborů má připojená zbytečná metadata, která zabírají spoustu místa. Použijte nástroj, jako je Optimizilla nebo WordPress plugin jako WP Smush zmenšit velikost souboru.

za druhé, pomocí komprese HTTP komprimujte velikost souborů při jejich přenosu. Nejběžnější formou komprese HTTP je GZIP. Chcete-li použít kompresi GZIP ve WordPressu, zaškrtněte možnost GZIP v pluginu W3 Total Cache.

image11

image11

nakonec Zjednodušte svůj web co nejvíce. Nezahrnujte do záhlaví nadměrný postranní panel nebo spoustu obrázků. Držte se co nejvíce jednoduchého textu a HTML.

faktor # 3-Hosting a doručení: i když děláte všechny technické věci správně, návštěvníci nemusí být schopni načíst vaše stránky rychle, pokud váš hosting a doručení stojí za prd.

hostitelská část je velmi jednoduchá. Pokud platíte $ 5 za měsíc za sdílený plán, váš web nikdy nebude velmi rychlý. Pokud se teprve začínáte, dostat se na seriózní hostingový server, který je věnován vašemu webu.

za druhé, doporučuji také použít síť pro doručování obsahu (CDN) pro statické soubory, jako jsou obrázky. To vás bude stát víc, ale vaše webové stránky budou růst rychleji a návštěvníci budou lépe převádět, což stojí za to. Zde je průvodce výběrem dobrého CDN.

bonusový Tip-přimět uživatele, aby byli spokojenější vytočením relevance: Když si obyvatelé v budově stěžovali, že čekací doby na výtahy jsou příliš dlouhé, namísto zrychlení výtahů dali majitelé budov obyvatelům něco, co by mohlo při čekání zabírat jejich čas. Správce budovy nainstaloval zrcadla, aby se obyvatelé mohli při čekání podívat na sebe a stížnosti se zastavily.

i když to není dokonalá analogie, čekání na načtení stránky může být stejně frustrující a nudné jako čekání na příjezd výtahu. Návštěvníci si uvědomují, že obětují svůj čas obsahu. Čím více si váš obsah užívají, tím méně jim bude vadit čekání. Mám podezření, že velká část mých čtenářů, jako jste vy, by čekala déle než 2 sekundy, než se načte nový blogový příspěvek.

” pokud uživatelé nemohou na webu najít to, co chtějí, budou považovat dobu stahování za pomalejší, než by ve skutečnosti mohla být. Naopak, pokud uživatelé najdou na webu to, co chtějí, rychle a snadno, vnímají dobu stahování jako rychlejší, než by ve skutečnosti mohla být. Pozoroval jsem tyto vnímání, důsledně, během testování použitelnosti více než 10 let.”- Shari Thurow

co to znamená pro váš web?

to znamená, že zahrnutí obsahu, který pomůže vašim návštěvníkům najít odpovědi, které hledají, psaní vysoce relevantního meta popisu a zvýraznění důležitých částí vašeho příspěvku může způsobit, že čtenáři mají pocit, že stojí za to čekat na načtení stránky.

šťastný čtenář je mnohem pravděpodobnější, že klikne na jiné odkazy na příspěvky na vašem webu než frustrovaný čtenář.

vaše zpráva je na prvním místě, takže eliminujte rozptýlení

vaše zpráva musí být vpředu a uprostřed, ať už je to na vstupní stránce nebo na blogu.

to je to, co vaši návštěvníci jsou tam číst. To spadá do více kategorií UX, ale většinou do přístupnosti.

pokud obsah snadno zpřístupníte, čtenáři budou pokračovat ve čtení. Pokud to ztěžujete, mnozí buď odejdou hned, nebo nebudou nadšeni, že navštíví jinou stránku na vašem webu.

přestože se stránky liší svým designem, existují 3 běžné zdroje rozptýlení, které má většina stránek, které by měly být odstraněny.

zde je návod, jak je opravit …

taktika # 1-minimalizujte nebo odstraňte postranní panel: postranní panel je na většině blogů zanedbaným prvkem. Musíte hodně přemýšlet o tom, co jste vložili do postranního panelu, nebo pokud vůbec potřebujete.

Medium je v současné době jednou z nejpopulárnějších blogovacích platforem, která je známá tím, že je vysoce čitelná. Na médiu není žádný postranní panel-jen obsah:

image05

image05

rozložení bez postranního panelu má nulové rozptýlení, takže čtenář se zaměřuje výhradně na příspěvek.

ostatní, kteří používají toto rozvržení, dokázali zvýšit nejen počet zobrazení stránek, ale také míru konverze o 26-71%.

to může být dobrá věc, ale někdy chcete svým čtenářům ukázat určité prvky vašeho webu pokaždé, když je navštíví, i když by je to mohlo trochu rozptýlit.

pokud budete i nadále používat postranní panel, uveďte do něj pouze ty nejdůležitější informace, jako například:

  • opt-in
  • bio
  • odkazy na nejlepší příspěvky
  • odkazy na produkty / služby

to je to, co dělám na svých blogech:

image09

image09

Všimněte si, že v postranním panelu nemám nic honosného. Čtenáři vědí, že je to tam, ale mohou se zaměřit na obsah příspěvku, pokud nemají zájem o informace na postranním panelu.

taktika #2-Přemýšlejte o upuštění rolovacích prvků: Toto je složité. Mít části stránky, které jsou pevné a posouvat dolů, jak uživatel posouvá dolů, může zlepšit míru konverze. Ale pokud jdete přes palubu, bude to mít negativní vliv na UX.

musíte otestovat libovolný rolovací prvek, který přidáte. Porovnejte metriky před a po čase na stránce a stránkách na návštěvníka, abyste zjistili, zda to stojí za to.

používám některé rolovací prvky, ale ne moc. Podívejte se, jak se horní nabídka posouvá dolů se zapnutou stránkou NeilPatel.com:

image02

image02

alternativně mám tenký Hello Bar Na Quick Sprout.

Všimněte si, že v obou případech prvky nejsou příliš rušivé a zabírají pouze malou část obrazovky.

ale když začnete přidávat rolovací záhlaví, zápatí a tlačítka pro sociální sdílení nebo postranní panel, může se rychle obsadit. Stránka, jako je tato, vypne mnoho čtenářů, bez ohledu na to, jak skvělý je obsah:

image10

image10

taktika #3-zpoždění nebo se zbavit vyskakovacích oken: další citlivý předmět-vyskakovací okna – jsou skvělé pro zlepšení míry konverze opt-in e-mailu. Ale také obtěžují uživatele, což může vést k nižšímu počtu stránek na návštěvníka.

snažil jsem se používat vyskakovací okna na Quick Sprout v minulosti a získali dobré výsledky z hlediska konverze:

image21

image21

pokud se chystáte používat vyskakovací okna, omezte škodlivý účinek, který mají na váš UX.

nenechte je vyskočit při načítání stránky, protože to je jistý způsob, jak vyděsit návštěvníky. Místo toho počkejte alespoň 10 sekund-60 sekund může být lepší.

čím déle budete čekat, než se zobrazí vaše vyskakovací okno, tím méně nepříjemné je. Pokud čtenář již četl 30 sekund až minutu, požádat je, aby zavřeli jednoduchou krabici, není příliš mnoho.

konzistence je důležitější než kreativita

aby byla vaše značka důvěryhodná, musí být konzistentní.

aby bylo možné použít, musí být vaše rozvržení a obsah konzistentní.

když se návštěvník vrátí alespoň několikrát na váš web, měl by vědět, co může očekávat. Pokud chtějí najít blogové příspěvky, měly by být snadno k nalezení. Pokud vás chtějí najmout, totéž: kontakt s vámi by měl být snadný.

existují dva hlavní faktory, které je třeba zvážit, pokud jde o konzistenci a UX.

faktor # 1-Branding a symboly: vaše značka je definována mnoha různými věcmi, ale hlavně vaším logem a symboly.

když mluvím o symbolech, mluvím o věcech, jako je nabídka hamburgerů Google:

image06

image06

Tento symbol označuje nabídku s nastavením napříč produkty Google, včetně prohlížeče Chrome a téměř všech aplikací pro Android. Když uživatel Google hledá nastavení, hledá tuto nabídku hamburgerů.

ať už je váš produkt jakýkoli, měli byste používat stejné symboly a výrazy ve všech formách komunikace: ve vašem blogu, vstupních stránkách, e-mailech a v samotném produktu.

podívejte se na značku na Quick Sprout. Po chvíli začnete rozpoznávat logo a barevné schéma:

image15

image15

pokud přejdete na vstupní stránku, uvidíte přesně stejné logo a barevné schéma:

image13

image13

ale představte si, že jste šli z blogu Quick Sprout na vstupní stránku, která měla jiné logo a jiné barevné schéma. Měli byste pocit, že je tu něco špatně a pravděpodobně zavřete stránku-důvěryhodnost ztracena.

všechny vaše blogové příspěvky a obsah stránek by měly vypadat, že patří k sobě.

a konečně, můžete to ještě jasnější pro vaše čtenáře, pokud používají ikony a symboly relevantní pro jejich funkci.

image00

image00

ikony mohou stát samostatně nebo mohou být začleněny do obrázku / odkazu.

pokud například odkazujete na nástroj jako Quick Sprout v postranním panelu, můžete zahrnout lupu.

nebo, pokud vaše výňatky z blogu říkají “přečtěte si více”, stejně jako mnozí, můžete přidat šipku hned za, což znamená, že je toho ještě víc.

faktor #2-styl: Styl obsahuje barevné schéma, ale je to víc než to. Musíte také přemýšlet o typu písma, velikosti písma,rozvržení, tónu psaní atd.

někdo, kdo udržuje konzistentní styl opravdu dobře, je Bernadette Jiwa, copywriter. Formátuje své příspěvky stejným způsobem, jakým formátuje své e-maily (příspěvek níže):

image19

image19

e-maily mají stejné barevné odkazy, stejnou velikost textu, a stejné písmo:

image01

image01

být konzistentní pomáhá čtenářům vědět, co mohou očekávat, což zlepšuje jejich UX, bez ohledu na platformu.

pokud jste na mém seznamu e-mailů pro některý z mých blogů, vsadím se, že jste si všimli něco o mých e-mailech: všechny jsou rozloženy přesně stejně.

image17

image17

v úvodním řádku je odkaz s textem kotvy “nejnovější (web) příspěvek”.

poté je na příspěvek samostatný odkaz s názvem příspěvku jako text kotvy.

nakonec vám dám rychlý úvod do příspěvku a další výzvu k akci, abyste si přečetli příspěvek.

po několika e-mailech si tento vzor vyzvednete a víte, co můžete očekávat. To je dobré pro mě i pro tebe. Je to pro vás dobré, protože přesně víte, co můžete očekávat a jak se k obsahu dostat, pokud ho chcete. Je to pro mě dobré, protože vím, že víte (Zůstaňte se mnou), že se můžete dostat na nový příspěvek z některého z těchto odkazů.

co by se stalo, kdybych v některých e-mailech zahrnul pouze první odkaz a v jiných pouze poslední odkaz? Nevíte, co můžete očekávat. Tak určitě, velká část čtenářů by stále našla odkaz, ale jiní by se posouvali vpravo od prvního nahoře nebo neviděli Poslední dole.

udělejte důležité prvky velké

ne, nemluvím jen o tom, že se opt-iny stanou obrovskými. Když řeknu “velký”, mluvím o zviditelnění.

aby byl obsah co nejpoužívanější, musí být čtenáři schopni snadno identifikovat nejdůležitější části.

zde je to, co mám na mysli: podívejte se na jakýkoli web s velkým UX a na každé stránce bude vždy ohnisko:

image22

image22

v tomto případě je to pole pro přihlášení e-mailem. Ačkoli existuje velký obrázek a možnosti nabídky, barva a velikost byly použity k tomu, aby se opt-in box vynikl.

zde je další příklad:

image07

image07

Unbounce zviditelnil jejich registrační tlačítka.

oba tyto příklady ukazují sílu kontrastu.

pokud chcete, aby něco vyčnívalo ze zbytku vaší webové stránky, dejte jí drasticky odlišnou barvu—upoutá pozornost.

ale zviditelnění věcí je důležité pro jiné cíle, nejen pro registraci e-mailů nebo vytvoření účtu.

zvažte odkazy ve svém obsahu. Ty by měly být opravdu snadno vidět a snadno kliknout (použití).

některé weby skrývají své odkazy šedě nebo je nepodtrhují, protože si myslí, že čtenáři kliknou na odkazy a nikdy se nevrátí. Vy I já víme, že pokud je váš obsah skvělý, vaši čtenáři se vždy vrátí. Navíc jsou zde další výhody diskutované v první části tohoto článku.

v NeilPatel.com například odkazy jsou zobrazeny jako jasný a vysoce viditelný oranžový text. Kromě toho používám poměrně velkou velikost textu. I na mobilních zařízeních jsou odkazy snadno viditelné a lze na ně kliknout:

image20

image20

vzhledem k tomu, že mnoho z těchto odkazů vede na jiné stránky na webu, je dobré, když se o ně návštěvníci zajímají, tak proč byste je nechtěli zvýraznit?

Moje oranžové odkazy jsou dalším příkladem použití kontrastu, jen pro jiný účel.

prvky můžete také zvýraznit jejich zdůrazněním. To lze provést jejich oddělením od ostatních prvků (přidat další bílé místo), pomocí jedinečného písma nebo pomocí tučných nebo kurzívových efektů.

například Brian Dean v Backlinku používá speciální žluté pole pro zvýraznění svých upgradů obsahu. Plus, odváží prvních pár slov, aby vynikli:

image08

image08

schopnost rychle identifikovat, co uživatel hledá, je klíčovou součástí použitelnosti. Doporučuji pokusit se získat nové návštěvníky na váš web a sledovat jejich pohyb myši pomocí softwaru, jako je Crazy Egg.

při pohledu na to, kam směřuje většina pozornosti vašich čtenářů, můžete vidět, co jim přirozeně vyniká, když navštíví stránku. Poté můžete upravit své prvky a otestovat rozdíl, dokud nedosáhnete požadovaného efektu, např. nasměrování návštěvníků na opt-in, odkaz nebo konkrétní obsah.

závěr

po celou dobu, kterou strávíte budováním provozu, dlužíte sobě, abyste strávili více času optimalizací uživatelského prostředí.

pokud implementujete alespoň několik metod v tomto příspěvku, měli byste být schopni zvýšit zobrazení stránek o velký kus.

pokud v současné době získáte 10 000 měsíčních zobrazení stránek, co si myslíte, že je jednodušší: získat další 3 000 návštěvníků nebo zvýšit počet stránek, které průměrný uživatel navštíví, o 30%?

ve většině případů je druhá možnost mnohem jednodušší.

Mějte však na paměti, že optimalizace UX není proces přes noc. Nezapomeňte, že je třeba rozdělit otestovat všechny změny, které provedete, a provést iterační vylepšení, dokud nedáte návštěvníkovi přesně to, co hledají.

vyzývám vás, abyste neustále přemýšleli, testovali a vyvíjeli UX vašeho webu, jak vaše značka roste.

Leave a Reply