5 moduri de a crește afișările de pagină pe vizitator prin 23.52%

experiența utilizatorului

experiența utilizatorului

de ce cheltuiți tot acest timp și efort pentru a atrage vizitatorii site-ului dvs. web doar pentru a-i lăsa să plece după prima sau a doua pagină pe care o văd?

este mult mai ieftin pentru a obține un vizitator deja pe site-ul dvs. pentru a merge la o altă pagină decât este de a atrage un nou vizitator la acea pagină.

ghici ce? E și mai valoros. Dacă un vizitator verifică mai multe pagini, este posibil să vă placă. Fiecare postare sau pagină pe care o citesc va crește recunoașterea și încrederea mărcii, ceea ce va duce la conversii pe linie.

dacă v-aș spune că puteți dubla, tripla…sau chiar cvadrupla numărul mediu de pagini vizualizate de un vizitator, nu v-ar interesa?

presupunând că nu ați petrecut o tonă de timp optimizând experiența utilizatorului (UX), puteți vedea rezultate nebunești dintr-un pic de muncă.

această postare vă va arăta cele mai eficiente 5 Modalități de a vă îmbunătăți UX-ul, ceea ce va duce la o creștere instantanee a vizualizărilor de pagină.

experiența utilizatorului nu este artă—este știință

lucrul care împiedică proprietarii de site-uri web să optimizeze UX este că sună ca un lucru complicat.

este ceva ce ați putea crede că numai dezvoltatorii înțeleg.

dar, în realitate, este destul de simplu și nu necesită cunoștințe de specialitate. Sigur, obținerea de experiență vă va ajuta să vedeți rezultatele mai repede în viitor, dar oricine poate începe să îmbunătățească UX-ul vizitatorilor.

în primul rând, ce este exact experiența utilizatorului?

este un termen larg, care poate duce la confuzie. Experiența utilizatorului cuprinde toate părțile modului în care conținutul site-ului dvs. web afectează vizita cuiva. Este cel mai bine rezumat în fagurele Morville:

image16

image16

există 7 Chei distincte pentru o experiență bună a utilizatorului:

  1. util – conținutul dvs. trebuie să realizeze ceva.
  2. utilizabil – conținutul trebuie să fie practic, iar instrumentele trebuie să funcționeze conform destinației.
  3. dezirabil – utilizatorii trebuie să vrea de fapt ceea ce oferiți.
  4. Găsibil – nu numai că conținutul original ar trebui să fie găsibil, dar și celălalt conținut ar trebui să fie ușor de găsit (navigare bună).
  5. accesibil – dacă vizitatorii nu pot accesa conținutul dvs. (ferestre pop-up, suprapuneri, încărcare slabă etc.), nu vor avea o experiență bună.
  6. credibil – un utilizator poate avea o experiență extraordinară numai dacă are încredere în ceea ce citește/folosește.
  7. valoros – site-ul dvs. web trebuie să realizeze ceva pe care oamenii îl prețuiesc (în esență, o extensie utilă).

cele 5 moduri de îmbunătățire a UX sunt pe cale să vă arăt se încadrează într-una din aceste 7 categorii.

un ultim lucru important pe care trebuie să-l știți este că experiența utilizatorului este unică pentru fiecare individ.

uneori, două site-uri pot face aceeași schimbare, iar UX pe un site se va îmbunătăți, dar se va înrăutăți pe celălalt. Depinde de vizitatorii dvs.

ceea ce înseamnă asta pentru tine este că, chiar dacă ești de acord cu ceva ce îți arăt în această postare, testează-l pe site-ul tău web pentru a vedea dacă va fi de fapt o schimbare pozitivă.

UX nu este o opinie. Ar trebui să fie susținută de date de la utilizatori reali.

link—urile nu sunt doar pentru SEO-sunt pentru utilizatori

prea des, proprietarii de site-uri fac greșeala de a face schimbări și decizii de marketing bazate pe modul în care cred că motoarele de căutare vor reacționa.

am fost vinovat de asta în trecut. Aproape toată lumea are.

când puneți un link într-un articol, nu ar trebui să fie doar pentru că ați citit că Google recompensează conținutul care se leagă de site-urile de autoritate. În schimb, ar trebui să fie pentru că adaugă valoare pentru vizitatorul dvs.

ați văzut cât de mult am link în postările mele pe Quick Sprout și NeilPatel.com?

image04

image04

desigur, depinde de subiect, dar de obicei am minimum 20 de linkuri pe Postare. Acest lucru funcționează la cel puțin un link la 200 de cuvinte, dar adesea mai mult.

de ce sunt legăturile bune pentru UX?

  • linkurile pot răspunde la întrebări: dacă este o întrebare cu adevărat obișnuită, puteți scrie un paragraf pe ea. Dar dacă credeți că doar o minoritate dintre cititorii dvs. ar putea să o întrebe, puteți include un link doar pentru ei.
  • linkurile conduc logic cititorii la pasul următor: când scrieți ceva, trebuie să alegeți un domeniu (ceea ce veți acoperi). Chiar dacă există un subiect înrudit care este cu adevărat interesant, este posibil să nu aveți spațiul pentru a-l acoperi. În schimb, un link poate conecta cititorul la un alt articol, oferindu-le șansa de a continua explorarea subiectului.
  • link-uri construi încredere: amintiți-vă cei 7 factori de UX? Credibilitatea a fost una dintre ele. Linkurile către surse și resurse dintr-o postare bazată pe date îi fac pe cititori să se simtă mai încrezători în ceea ce privește informațiile pe care le furnizați.

dacă includeți linkurile potrivite, puteți permite utilizatorilor să își personalizeze propria experiență, ceea ce este întotdeauna un lucru pozitiv.

mai este un lucru despre care trebuie să vorbim…

dacă includeți legături interne sau externe: voi face acest lucru cât mai simplu posibil. Conectați întotdeauna la cea mai valoroasă resursă pentru vizitatorii dvs., indiferent dacă este pe site-ul dvs. sau pe altcineva.

rețineți că alte articole de pe site-ul dvs. dețin adesea cea mai mare valoare dacă sunt foarte relevante, deoarece cititorul este deja familiarizat cu munca dvs. și îi place suficient pentru a citi articolul curent.

linkurile interne au avantajul evident de a crește numărul de pagini pe care un vizitator le va vedea pe site-ul dvs. Un site nou nu va avea prea mult conținut valoros la care să se conecteze, dar un site care creează conținut de ani de zile (de exemplu, Quick Sprout) va avea tone de conținut înrudit la care poate fi legat în fiecare postare.

link-uri externe, așa cum am menționat mai devreme, s-ar putea ajuta să apară mai de încredere pentru motoarele de căutare. Acesta este un mic beneficiu potențial.

beneficiul real este că, dacă vă conectați la o mare resursă, vizitatorul va asocia cu tine (tocmai le-ai făcut o favoare). Acest lucru duce la mai multă încredere și cititori mai loiali. Acesta este motivul pentru care s-ar putea să nu fie cea mai bună strategie de a vă conecta la prima resursă pe care o găsiți pe Google. Săpați puțin mai adânc pentru a găsi ceva cu adevărat valoros.

în cele din urmă, amintiți-vă că fiecare link separat nu va fi făcut clic foarte frecvent (de obicei 1-10%). Dar toate aceste link-uri se adaugă. Dacă ați adăugat 10 linkuri interne suplimentare la o postare, probabil că veți primi în medie 10-20% afișări de pagină suplimentare de la un vizitator.

asta e o mare diferență. Imaginați-vă că treceți de la 10.000 de vizualizări obișnuite pe lună la 11.000 sau 12.000, doar dintr-o simplă schimbare.

unii dintre vizitatorii dvs. sunt broaște țestoase

postările mele super lungi (5.000 de cuvinte sau cam așa ceva) au de obicei o mulțime de imagini.

includ imagini dintr-o varietate de motive, dar în principal pentru a descompune conținutul pentru a-l face mai lizibil.

pot face acest lucru doar pentru că majoritatea vizitatorilor blogului meu folosesc un desktop/laptop. Gândiți-vă: cine are timp să citească 5.000 de cuvinte pe ecranul unui telefon?

motivul pentru care menționez acest lucru se datorează faptului că navigarea pe mobil și desktop diferă nu numai în ceea ce privește dimensiunea ecranului, ci și în viteză.

majoritatea oamenilor care folosesc computerele pot descărca câteva sute de kilobiți sau chiar câțiva megaocteți în mai puțin de o secundă.

nu același lucru se poate spune despre telefoanele mobile. Un sondaj a constatat că vitezele de conectare mobilă au variat de la 0,6 Mbps la 9,5 Mbps. În mod clar, unii utilizatori de telefonie mobilă vor putea încărca site-ul dvs. rapid, dar mulți nu.

majoritatea utilizatorilor de telefoane acceptă că navigarea pe Internet va fi puțin mai lentă decât în mod normal, dar nu atât de mult pe cât ați putea crede.

un raport 47% dintre consumatori se așteaptă ca o pagină web să se încarce în mai puțin de 2 secunde. Dar aceștia sunt utilizatori de desktop.

utilizatorii de telefoane se așteaptă ca paginile să se încarce în mai puțin de 4 secunde, deci există un pic mai multă libertate. Dar site – ul mediu se încarcă în 9 secunde pe mobil, ceea ce nici măcar nu este suficient de bun.

motivul real pentru care aceasta este o problemă este că o pagină de încărcare lentă nu este doar enervantă—va îndepărta vizitatorii de conținutul dvs. Patruzeci la sută dintre vizitatori vor părăsi site-ul dvs. dacă durează mai mult de 3 secunde pentru încărcare (pe desktop-uri). Puteți extrapola asta la 6 secunde pentru utilizatorii de telefonie mobilă, care este încă mai mică decât viteza medie a unui site mobil.

problema cu testele de viteză a paginii: mulți proprietari de site-uri web și-au testat deja site-urile web pentru viteza paginii și nu au găsit probleme. Din păcate, există un defect cu testerul mediu de viteză a paginii.

în mod implicit, aproape toate testele populare de viteză de încărcare a paginii (de exemplu, GTmetrix, Pingdom) utilizează o conexiune unthrottle. Ceea ce face acest lucru este să scoată viteza conexiunii din ecuație și să privească exclusiv partea tehnică.

acum, asta e important. Așa vedeți dacă aveți probleme majore de viteză. Problema este că timpul de încărcare a paginii pe care îl obțineți cu astfel de teste reprezintă doar o fracțiune din utilizatorii dvs. (chiar dacă este o bucată destul de mare).

luați în considerare acest lucru: am testat Quick Sprout pe GTmetrix cu setările implicite standard. A trecut cu brio și a avut un 1.Timp de încărcare de 5 secunde-frumos.

image12

image12

ceea ce puteți face, de asemenea, este să creați un cont gratuit și apoi să schimbați viteza de conectare la 3G, ceea ce este ceea ce o mare parte din utilizatorii de telefonie mobilă sunt încă blocați (57% dintre utilizatori).

image03

image03

când rulez din nou Quick Sprout prin test, obțin o viteză de încărcare foarte diferită: 3,3 secunde.

image18

image18

în acest caz, timpul meu de încărcare a paginii sa dublat, și asta este pe o pagină destul de simplă.

dacă executați acest test pentru alte pagini, veți vedea adesea timpii de încărcare mai mult decât dublu. Acest lucru înseamnă că bate restrictiv că inițial 2 limita a doua nu este suficient.

Nu voi scrie aici un ghid complet pentru optimizarea vitezei paginii, dar voi aborda cele mai eficiente modalități de optimizare a site-ului dvs. pentru utilizatorii de telefonie mobilă.

Factor #1 – cereri HTTP: una dintre valorile principale pe care orice tester viteza paginii vă va arăta este numărul de cereri HTTP făcute.

se face o solicitare HTTP pentru a obține informațiile pentru fiecare script, imagine, fișier CSS etc. în cadrul HTML. Fiecare cerere necesită timp pentru procesare. Aproximativ 78% din timp este petrecut făcând cereri HTTP la încărcarea unei pagini.

puteți accelera site-urile dvs. reducând numărul de solicitări HTTP pe care un browser trebuie să le facă.

cum faci asta?

cea mai ușoară cale este de a consolida fișierele și imaginile CSS cât mai mult posibil. Nu este neobișnuit ca o temă WordPress slab optimizată să aibă trei sau mai multe fișiere CSS solicitate împreună pe aceeași pagină. Copiați toate fișierele CSS într-un singur fișier și editați orice referințe la fișierele șterse acum.

majoritatea site-urilor au, de asemenea, capacitatea de a reduce numărul de solicitări prin crearea de sprite CSS. Spritele sunt fișiere imagine care conțin mai multe imagini în interiorul lor. Codul CSS spune browserului ce imagine se află unde.

Sprite ar trebui să fie făcute pentru toate imaginile care sunt numite pe fiecare pagină, cum ar fi imagini de navigare sau logo-uri.

pentru a facilita acest lucru, utilizați un instrument precum Spritepad. Pur și simplu glisați și fixați imaginile pe panza furnizate. CSS-ul cu detalii despre locație va fi creat automat.

image14

image14

după ce ați adăugat toate imaginile dvs. comune, puteți descărca CSS sprite (în partea de sus) și apoi apelați-l în paginile dvs. în loc de mai multe imagini separate.

cele de mai sus au fost două modalități rapide de a scăpa de mai multe cereri HTTP pe majoritatea site-urilor web, dar există mai mult decât atât. Iată un ghid puțin mai detaliat pentru mai multe informații.

Factor #2 – Dimensiunea paginii: cealaltă valoare principală măsurată cu un instrument de viteză este dimensiunea paginii în octeți. În mod ideal, pagina dvs. nu ar trebui să depășească câteva sute de kilobiți (uneori este inevitabil să treceți peste).

dacă aveți probleme mari de viteză a paginii, poate fi necesar să reduceți numărul de imagini pe care le utilizați, dar există câteva lucruri pe care le puteți face înainte.

mai întâi, comprimați imaginile. Majoritatea fișierelor imagine au metadate inutile atașate care ocupă mult spațiu. Utilizați un instrument precum Optimizilla sau un plugin WordPress precum WP Smush pentru a reduce dimensiunea fișierului.

în al doilea rând, utilizați comprimarea HTTP pentru a comprima dimensiunea fișierelor pe măsură ce sunt transferate. Cea mai comună formă de compresie HTTP este GZIP. Pentru a utiliza compresia GZIP în WordPress, verificați opțiunea GZIP din pluginul W3 Total Cache.

image11

image11

în cele din urmă, simplificați site-ul dvs. cât mai mult posibil. Nu includeți o bară laterală excesivă sau tone de imagini în antet. Stick la text simplu și HTML cât mai mult posibil.

factorul # 3-găzduire și livrare: chiar dacă faceți toate aceste lucruri tehnice corect, este posibil ca vizitatorii să nu poată încărca rapid paginile dvs. dacă găzduirea și livrarea dvs. sunt de rahat.

partea de găzduire este destul de simplă. Dacă plătiți 5 USD pe lună pentru un plan partajat, site-ul dvs. nu va fi niciodată foarte rapid. Cu excepția cazului în care abia începeți, accesați un server de găzduire serios dedicat site-ului dvs.

în al doilea rând, recomand, de asemenea, utilizarea unei rețele de livrare a conținutului (CDN) pentru fișiere statice, cum ar fi imagini. Acest lucru vă va costa mai mult, dar site-ul dvs. web va crește mai repede, iar vizitatorii se vor converti mai bine, ceea ce merită. Iată un ghid pentru alegerea unui CDN bun.

sfat Bonus-truc utilizatorii dvs. în a fi mai mulțumiți prin apelarea relevanței: Când locuitorii dintr-o clădire s-au plâns că timpii de așteptare pentru ascensoare erau excesiv de lungi, în loc să accelereze ascensoarele, proprietarii clădirii le-au oferit locuitorilor ceva care le-ar putea ocupa timpul în așteptare. Managerul clădirii a instalat oglinzi, astfel încât locuitorii să se poată privi în timp ce așteptau, iar reclamațiile s-au oprit.

deși nu este o analogie perfectă, așteptarea încărcării unei pagini ar putea fi la fel de frustrantă și plictisitoare ca așteptarea sosirii unui lift. Vizitatorii își dau seama că își sacrifică timpul pentru conținut. Cu cât se bucură mai mult de conținutul dvs., cu atât mai puțin le va deranja să aștepte. Bănuiesc că o mare parte din cititorii mei ca tine ar aștepta mai mult de 2 secunde pentru a încărca o nouă postare pe blog.

“dacă utilizatorii nu pot găsi ceea ce doresc pe un site web, vor considera timpul de descărcare ca fiind mai lent decât ar putea fi de fapt. În schimb, dacă utilizatorii găsesc ceea ce doresc pe un site web rapid și ușor, ei percep timpul de descărcare ca fiind mai rapid decât ar putea fi de fapt. Am observat aceste percepții, în mod constant, în timpul testelor de utilizare de peste 10 ani.”- Shari Thurow

ce înseamnă acest lucru pentru site-ul dvs.?

înseamnă că includerea unui cuprins pentru a vă ajuta vizitatorii să găsească răspunsurile pe care le caută, scrierea unei meta descrieri extrem de relevante și evidențierea unor părți importante ale postării dvs. pot face cititorii să simtă că a meritat timpul să aștepte încărcarea paginii.

un cititor fericit este mult mai probabil să facă clic pe alte linkuri către postări de pe site-ul dvs. decât un cititor frustrat.

mesajul dvs. este pe primul loc, deci eliminați distragerile

mesajul dvs. trebuie să fie în față și în centru, indiferent dacă este pe o pagină de destinație sau pe o postare pe blog.

este ceea ce vizitatorii dvs. sunt acolo pentru a citi. Acest lucru se încadrează în mai multe categorii UX, dar mai ales accesibilitate.

dacă faceți Conținutul ușor accesibil, cititorii vor continua să citească. Dacă faceți dificilă, mulți vor pleca imediat sau nu vor fi încântați să viziteze o altă pagină de pe site-ul dvs.

deși site-urile variază în desenele lor, există 3 surse comune de distragere pe care majoritatea site-urilor le au, care ar trebui eliminate.

Iată cum să le rezolvați…

tactica #1 – minimizați sau eliminați bara laterală: bara laterală este un element neglijat pe majoritatea blogurilor. Aveți nevoie pentru a pune o mulțime de gândire în ceea ce ai pus în bara laterală, sau dacă aveți nevoie chiar unul la toate.

Medium este în prezent una dintre cele mai populare platforme de blogging, renumită pentru că este foarte lizibilă. Nu există nici o bara laterală pe un post mediu-doar conținut:

image05

image05

aspectul fără bara laterală are distragere zero, astfel încât cititorul se concentrează exclusiv pe Postare.

alții care utilizează acest aspect au reușit să crească nu numai vizualizările de pagină, ci și ratele de conversie cu 26-71%.

acesta poate fi un lucru bun, dar uneori doriți să le arătați cititorilor anumite elemente ale site-ului dvs. de fiecare dată când îl vizitează, chiar dacă le-ar putea distrage un pic.

dacă continuați să utilizați o bară laterală, includeți doar cele mai importante informații din ea, cum ar fi:

  • opt-in
  • bio
  • link-uri către posturi de top
  • link-uri către produse / servicii

asta e ceea ce fac pe blogurile mele:

image09

image09

observați, nu am nimic strălucitor în bara laterală. Cititorii știu că este acolo, dar se pot concentra pe conținutul postării dacă nu sunt interesați de informațiile din bara laterală.

Tactic #2 – gândiți-vă la cădere elemente de defilare: acesta este unul complicat. Având părți ale paginii dvs. care sunt fixe și derulate în jos pe măsură ce utilizatorul derulează în jos poate îmbunătăți ratele de conversie. Dar dacă treceți peste bord, va avea un efect negativ asupra UX.

trebuie să testați orice element de defilare pe care îl adăugați. Comparați valorile înainte și după timp pe pagină și pagini pe vizitator pentru a vedea dacă merită.

eu folosesc unele elemente de defilare, dar nu foarte mult. Vedeți cum meniul de sus derulează în jos cu pagina activată NeilPatel.com:

image02

image02

alternativ, am bara subțire de salut pe Quick Sprout.

observați că în ambele cazuri elementele nu distrag atenția și ocupă doar o mică parte a ecranului.

dar când începeți să adăugați un antet de defilare, un subsol și butoane de partajare socială sau o bară laterală, acesta se poate ocupa rapid. O pagină ca aceasta va opri mulți cititori, indiferent cât de mare este conținutul:

image10

image10

tactica # 3-întârzie sau scapă de ferestrele pop – up: un alt subiect sensibil—ferestrele pop-up—sunt excelente pentru îmbunătățirea ratei de conversie a e-mailului. Dar, de asemenea, enervează utilizatorii, ceea ce poate duce la un număr mai mic de pagini pe vizitator.

am încercat să folosesc ferestre pop-up pe Quick Sprout în trecut și am obținut rezultate bune din punct de vedere al conversiei:

image21

image21

dacă aveți de gând să utilizați ferestre pop-up, limitați efectul dăunător pe care îl au asupra UX-ului dvs.

nu le faceți să apară pe măsură ce pagina Se încarcă, deoarece acesta este un mod sigur de a speria vizitatorii. În schimb, așteptați cel puțin 10 secunde—60 de secunde ar putea fi mai bine.

cu cât așteptați mai mult înainte de a afișa fereastra pop-up, cu atât este mai puțin enervant. Dacă un cititor a citit deja timp de 30 de secunde până la un minut, a le cere să închidă o cutie simplă nu este prea mult.

coerența este mai importantă decât creativitatea

pentru a fi credibil, marca dvs. trebuie să fie consecventă.

pentru a fi utilizabile, aspectul și conținutul dvs. trebuie să fie consecvente.

când un vizitator se întoarce cel puțin de câteva ori pe site-ul dvs., ar trebui să știe la ce să se aștepte. Dacă vor să găsească postări pe blog, ar trebui să fie ușor de găsit. Dacă vor să te angajeze, același lucru: să iei legătura cu tine ar trebui să fie ușor.

există doi factori principali de luat în considerare atunci când vine vorba de consistență și UX.

factorul #1 – Branding și simboluri: marca dvs. este definită de multe lucruri diferite, dar în principal de logo-ul și simbolurile dvs.

când vorbesc despre simboluri, vorbesc despre lucruri precum meniul hamburger Google:

image06

image06

acest simbol indică un meniu cu setări în produsele Google, inclusiv Chrome și aproape toate aplicațiile Android. Când un utilizator Google caută Setări, caută acel meniu de hamburger.

oricare ar fi produsul dvs., ar trebui să utilizați aceleași simboluri și termeni în toate formele de comunicare: blogul dvs., paginile de destinație, e-mailurile și produsul în sine.

aruncați o privire la marca de pe Quick Sprout. Începeți să recunoașteți logo-ul și schema de culori după un timp:

image15

image15

dacă accesați o pagină de destinație, veți vedea exact aceeași siglă și aceeași schemă de culori:

image13

image13

dar imaginați-vă dacă ați trecut de la blogul Quick Sprout la o pagină de destinație care avea un logo diferit și o schemă de culori diferită. Ați simți că este ceva în neregulă aici și probabil închideți pagina—credibilitatea pierdută.

toate postările de pe blog și conținutul site-ului ar trebui să pară că aparțin împreună.

în cele din urmă, puteți face și mai clar pentru cititorii dvs. dacă utilizați pictograme și simboluri relevante pentru funcția lor.

image00

image00

icoane ar putea sta singur sau să fie încorporate într-o imagine/link.

de exemplu, dacă vă conectați la un instrument precum Quick Sprout în bara laterală, puteți include o lupă.

sau, dacă fragmentele blogului dvs. spun “citiți mai multe”, așa cum fac mulți, puteți include o săgeată imediat după, indicând că vor veni mai multe.

Factor #2 – Stil: Stilul include o schemă de culori, dar este mai mult decât atât. De asemenea, trebuie să vă gândiți la tipul fontului, dimensiunea fontului, aspectul, tonul de scriere etc.

cineva care menține un stil consistent foarte bine este Bernadette Jiwa, un copywriter. Își formatează postările în același mod în care își formatează e-mailurile (Postează mai jos):

image19

image19

e-mailurile au aceleași linkuri colorate, aceeași dimensiune a textului și același font:

image01

image01

a fi consecvent îi ajută pe cititorii dvs. să știe la ce să se aștepte, ceea ce le îmbunătățește UX-ul, indiferent de platformă.

dacă sunteți pe lista mea de e-mailuri pentru oricare dintre blogurile mele, pun pariu că ați observat ceva despre e-mailurile mele: toate sunt expuse Exact la fel.

image17

image17

există o legătură cu textul ancoră “cea mai recentă postare (site)” în linia de deschidere.

după aceea, există un link independent către postare cu titlul postării ca text ancoră.

în cele din urmă, vă dau o scurtă introducere la post, plus un alt apel la acțiune pentru a merge citi postul.

după câteva e-mailuri, veți prelua acest model și veți ști la ce să vă așteptați. E bine pentru mine și pentru tine. Este bine pentru dvs., deoarece știți exact la ce să vă așteptați și cum să ajungeți la conținut dacă doriți. Este bine pentru mine pentru că știu că știți (rămâneți cu mine) că puteți ajunge la noua postare de pe oricare dintre aceste linkuri.

ce s-ar întâmpla dacă în unele e-mailuri aș include doar primul link și în altele doar ultimul link? Nu știi la ce să te aștepți. Sigur, o mare parte din cititori ar găsi în continuare linkul, dar alții ar derula chiar lângă primul din partea de sus sau nu l-ar vedea pe ultimul din partea de jos.

face elemente importante mare

nu, eu nu vorbesc doar despre a face opt-in-uri uriașe. Când spun “mare”, vorbesc despre vizibilitate.

pentru ca conținutul să fie cât mai utilizabil posibil, cititorii trebuie să poată identifica cu ușurință cele mai importante părți.

Iată ce vreau să spun: uitați-vă la orice site cu un UX excelent și va exista întotdeauna un punct focal pe orice pagină:

image22

image22

în acest caz, este o casetă de înscriere prin e-mail. Deși există o imagine mare și opțiuni de meniu, culoare și dimensiune au fost folosite pentru a face opt-in caseta iasă în evidență.

Iată un alt exemplu:

image07

image07

Unbounce și-a făcut butoanele de înscriere foarte vizibile.

ambele exemple arată puterea contrastului.

dacă doriți ca ceva să iasă în evidență de restul paginii dvs. web, dați—i o culoare drastic diferită-va atrage atenția.

dar a face lucrurile mai vizibile este important pentru alte obiective, nu doar pentru înscrierea prin e-mail sau crearea unui cont.

luați în considerare linkurile din conținutul dvs. Acestea ar trebui să fie foarte ușor de văzut și ușor de făcut clic (utilizare).

unele site-uri își ascund linkurile în gri sau nu le subliniază, gândindu-se că cititorii vor face clic pe link-uri și nu se vor mai întoarce niciodată. Amândoi știm că, dacă conținutul dvs. este grozav, cititorii dvs. vor reveni întotdeauna. În plus, există alte beneficii discutate în prima secțiune a acestui articol.

pe NeilPatel.com, de exemplu, linkurile sunt afișate ca un text portocaliu luminos și foarte vizibil. În plus, folosesc o dimensiune destul de mare a textului. Chiar și pe dispozitivele mobile, linkurile sunt ușor vizibile și pot fi făcute clic:

image20

image20

având în vedere că multe dintre aceste link-uri duc la alte pagini de pe site, este un lucru bun atunci când vizitatorii sunt interesați de ele, deci de ce nu ați dori să le evidențiați?

legăturile mele portocalii sunt un alt exemplu de utilizare a contrastului, doar pentru un scop diferit.

de asemenea, puteți evidenția elementele subliniind-le. Acest lucru se poate face separându-le de alte elemente (adăugați mai mult spațiu alb), folosind un font unic sau folosind efecte aldine sau italice.

de exemplu, Brian Dean de la Backlinko folosește o cutie galbenă specială pentru a-și evidenția actualizările de conținut. În plus, el îndrăznește primele câteva cuvinte pentru a le face să iasă în evidență:

image08

image08

posibilitatea de a identifica rapid ceea ce caută un utilizator este o parte esențială a utilizabilității. Vă recomandăm să încercați să obțineți niște vizitatori noi pe site-ul dvs. și să urmăriți mișcarea mouse-ului cu software precum Crazy Egg.

privind unde se îndreaptă cea mai mare parte a atenției cititorilor dvs., puteți vedea ce le iese în evidență în mod natural atunci când vizitează o pagină. Apoi, puteți ajusta elementele dvs. și puteți testa diferența până când obțineți efectul dorit, de exemplu, direcționând vizitatorii către un opt-in, link sau conținut specific.

concluzie

pentru tot timpul petrecut construind trafic, îți datorezi să petreci mai mult timp optimizând experiența utilizatorului.

dacă implementați cel puțin câteva dintre metodele din această postare, ar trebui să puteți crește afișările de pagină cu o bucată mare.

dacă primiți în prezent 10.000 de afișări lunare de pagină, Ce credeți că este mai ușor: să obțineți un număr suplimentar de 3.000 de vizitatori sau să creșteți numărul de pagini pe care un utilizator mediu le vizitează cu 30%?

în majoritatea cazurilor, a doua opțiune este mult mai ușoară.

rețineți, totuși, că optimizarea UX nu este un proces peste noapte. Amintiți-vă că trebuie să împărțiți testul oricăror modificări pe care le faceți și să faceți îmbunătățiri iterative până când oferiți vizitatorului exact ceea ce caută.

vă provoc să vă gândiți continuu la, să testați și să evoluați UX-ul site-ului dvs. web pe măsură ce marca dvs. crește.

Leave a Reply