27 sfaturi de design web susținute de cercetare: cum să proiectați un site web care funcționează

Total vizitatori. E ușor de văzut. Fiecare marketer știe cât de mult trafic primesc, deoarece este chiar acolo în analiza dvs. Dar ce se întâmplă în continuare nu este la fel de evident.

de aceea, oferirea de sfaturi pentru conducerea traficului este ușoară, dar sfaturile de design web sunt grele. Există atât de mulți factori. Chiar și după peste 1000 de proiecte de web design de succes, este dificil pentru noi să știm ce va funcționa cel mai bine.

acest articol are 27 de sfaturi de design web pentru a obține mai multă valoare de la fiecare vizitator. Majoritatea acestor sfaturi sunt susținute de cercetare. Acestea sunt pentru designeri începători și profesioniști UX avansați, pentru întreprinderi mici și întreprinderi mari.

Iată cele mai bune sfaturi, idei și inspirație despre cum să proiectăm un site web care să obțină rezultate. Un site care arată frumos, convertește vizitatorii și primește mai multă valoare din fiecare dintre acele vizite câștigate cu greu.

cele mai importante două studii citate aici sunt la sfârșit. Dacă ești nerăbdător, sări în jos!

structura structurală a site-ului web

Site-urile web sunt două lucruri: containere și conținut. Containerul este două lucruri: structura și stilul. Să începem cu primul. Aceste sfaturi sunt despre structura și aspectul paginilor.

utilizați o ierarhie vizuală

fiecare pagină are o ierarhie vizuală. Dacă nu sunteți familiarizați cu acest concept, iată definiția noastră:

ierarhia vizuală se referă la dispunerea, dimensiunea, culoarea și contrastul elementelor vizuale. Determină proeminența lor relativă și ordinea în care sunt văzute de ochiul uman.

designerii web folosesc ierarhia vizuală pentru a ghida mai întâi atenția vizitatorilor asupra elementelor importante. Aspectul site-ului include poziția (înaltă sau joasă pe pagină), dimensiunile (mari sau mici), vizuale (video, imagini, pictograme) și contrastul (culoare și spațiu alb).

combinarea aspectelor multiplică efectul lor. Toată lumea va vedea un videoclip mare, înalt pe pagină. Puțini oameni vor vedea text cu contrast scăzut înconjurat de imagini.

ierarhia vizuală este motivul pentru care ochii tăi urmează o anumită cale pe fiecare pagină pe care o vizitezi pe internet. Atunci când este utilizat în mod deliberat, ghidează atenția vizitatorului printr-o serie de mesaje, spre un apel la acțiune.

utilizați un titlu descriptiv, axat pe fraze cheie, ridicat pe pagina principală

titlul din partea de sus a paginii principale (și fiecare pagină) este fie descriptiv, fie nu. Dacă nu, este posibil ca vizitatorul să nu poată răspunde la prima întrebare: „sunt în locul potrivit?”

este, de asemenea, o oportunitate de a utiliza o cheie țintă și de a indica relevanța. Dar o mulțime de marketing scrie ceva inteligent sau vag în schimb. Dar clear este mai bine decât inteligent.

în loc să scrieți un titlu fantezist, dar vag, scrieți ceva descriptiv. Asigurați-vă că explicați ce face compania sus pe pagină, deasupra pliului.

Sursa: Outreach Plus

stai, ori este încă un lucru?

da, există o pliere. Pentru fiecare vizită pe fiecare ecran, există o zonă vizibilă. În partea de jos este faimosul fold. Pentru a vedea ceva sub această linie, Acel vizitator trebuie să deruleze.

de ce și dacă acest lucru contează în Web design este un subiect aprig dezbătut. Iată două dintre cele mai bune argumente: „nu există nici o pliere!”vs” pliul încă contează.”

desigur, există mii de dimensiuni de ecran, variind de la mici la uriașe. Acest site a fost vizualizat pe 958 ecrane de dimensiuni diferite în ultima lună. Deci, unii designeri spun că pliul nu mai este relevant.

Dar iată linia de jos (înțelegeți?) Există încă un fold pentru fiecare vizită și încă un fold mediu pentru toate vizitele. Instrumente precum Hotjar îl arată clar ca o linie în Heatmap-ul de defilare, pentru desktop/laptop, mobil și tabletă.

Deci da, există un pliu și contează ce pui deasupra și dedesubt. Un studiu a arătat că vizitatorii petrec 80% din timpul lor deasupra pliului.

așa că puneți-vă propunerea de valoare, acea versiune de 8 cuvinte a ceea ce faceți, sus pe pagină, deasupra pliului.

dar nu puneți toate apelurile la acțiune în partea de sus

vizitatorii pot petrece mai mult timp acolo, dar asta nu înseamnă că sunt gata să ia măsuri. O mulțime de persuasiune se întâmplă mai departe pe pagină.

când Chartbeat a analizat 25 de milioane de vizite, au descoperit că cea mai mare implicare se întâmplă sub fold. Conținutul din partea de sus poate fi vizibil, nu va fi neapărat cel mai eficient loc pentru a vă pune apelurile la acțiune.

un avertisment despre acest studiu frecvent citat: Chartbeat este folosit mai ales de site-urile de știri, care sunt foarte diferite de site-urile de marketing. Nimeni nu face mult mai sus ori pe un site de știri! Sfaturi normale de web design nu se aplică.

asigurați-vă că pentru a pune apeluri la acțiune mai jos pagina, în orice loc în cazul în care interesul este probabil să fie mare.

fă-o o pagină înaltă. Răspundeți la toate întrebările vizitatorilor.

mai mulți pixeli înseamnă mai mult spațiu pentru a răspunde la întrebări, a aborda obiecții și a adăuga dovezi de susținere. Dacă vizitatorul nu găsește un răspuns la o întrebare importantă, poate pur și simplu să se deplaseze în jos pe pagină. Odată ce sunt mulțumiți, vor înceta pur și simplu să citească.

cele mai eficiente pagini de vânzări imită conversațiile de vânzări.

nu ai tăia niciodată pe cineva în timpul unei întâlniri de vânzări și nu ai mai răspunde la întrebările lor, nu-i așa? Asta e tot ce face o pagină scurtă; nu mai răspunde la întrebări.

iată unde vine celebrul studiu din Crazy Egg. Ei și-au intervievat publicul, și-au descoperit întrebările și preocupările de top și au construit o pagină înaltă care abordează totul.

pagina a fost de 20 de ori mai lungă. Rata de conversie a crescut cu 30%.

„Derularea este o continuare. Click-ul este o decizie – – Josh Porter, Rocket Insights

arată un lucru la un moment dat

„îmi place curat, modele moderne.”Asta ne spun majoritatea clienților noștri atunci când începem proiecte de web design. Acestea se referă adesea la site-ul Apple ca exemplu.

vizitatorilor nu le place dezordinea. Ne place spațiul alb. Cu alte cuvinte, ne place complexitatea vizuală scăzută.

în 2012, Google și-a propus să descopere ce tipuri de site-uri web sunt văzute ca fiind frumoase pentru vizitatori. Este un studiu despre simplitate cu un nume foarte complicat: rolul complexității vizuale și al prototipului în ceea ce privește prima impresie a site-urilor web: lucrul spre înțelegerea judecăților estetice.

au aflat că desenele mai complexe sunt mai puțin susceptibile de a fi percepute ca frumoase.

Aceasta explică tendința către machete cu o singură coloană și pagini înalte. Proiectele cu mai multe coloane (navigare pe partea stângă, zonă de conținut, șină dreaptă) sunt mai complexe, cu mai multe elemente vizuale în câmpul vizual al vizitatorilor.

deci, taie dezordine. Faceți unul dintre cele două elemente focalizarea la fiecare adâncime de derulare.

respectați aspectele standard

același studiu realizat de Google a constatat că „prototipul ridicat” se corelează și cu frumusețea percepută. Cu alte cuvinte, ciudatul nu este de obicei frumos. Un site web care respectă standardele de design web este mai probabil să fie iubit.

site-urile considerate cele mai frumoase au atât prototipicitate ridicată, cât și complexitate vizuală scăzută. Ele sunt atât simple, cât și curate.

gândiți-vă astfel, este bine să vă diferențiați marca, dar aspectul nu este locul unde să o faceți. Fii diferit în ceea ce spui. Dar fiți tipic în modul în care este utilizat site-ul dvs.

unele mașini arată uimitor. Sunt diferiți. Sunt frumoase. Dar încă mai au uși pe laterale, roți pe partea de jos și faruri în față.

dar ce este standardul? Conform cercetărilor noastre, acestea sunt elementele standard pentru un site web:

site-ul” standard ” cu prototipicitate ridicată include următoarele:

• Logo în stânga sus
• navigare orizontală în antet
• bara de căutare în partea de sus
• icoane sociale în partea de jos
• mobile responsive design

Feriți-vă de „fund fals”

site-uri moderne de marketing, în special paginile de vânzări, sunt construite cu blocuri de pagini. Acestea sunt rânduri de conținut, adesea cu o imagine pe o parte și text pe cealaltă, care curge pe pagină într-o singură coloană.

Iată anatomia unei pagini de servicii tipice pe un site web de generare de clienți potențiali.

după cum arată diagrama, subsolul are o culoare de fundal mai închisă. Atât de multe site-uri fac acest lucru încât vizitatorii se așteaptă acum ca trecerea la un fundal mai întunecat să însemne partea de jos a paginii.

dar dacă designul are un pageblock cu un fundal întunecat, vizitatorul ar putea crede că a lovit partea de jos și a opri derularea. Este un fund fals.

notă: dezbat cu propriii mei designeri despre aceasta. Kurt Cruse, directorul nostru creativ, face un punct excelent. Modificările culorii de fundal reprezintă o modalitate excelentă de a informa vizitatorii că tipul de conținut se schimbă. Te-am auzit, Kurt!

doar să fie deliberată atunci când selectarea culorilor de fundal pentru blocuri de pagini. Pentru a fi în siguranță, alegeți doar mici variații sau folosiți întotdeauna alb sau gri deschis. Apoi treceți la gri închis sau negru în subsol.

evitați carusele și glisoarele rotative

au fost populare de ani de zile și clienții le iubesc. Dar există o problemă cu prezentarea paginii de pornire: vizitatorii ar putea vedea doar primul diapozitiv.

au existat o mulțime de studii care au ajuns la aceeași concluzie. Mesajele de pe diapozitivele ulterioare sunt mai puțin susceptibile de a fi văzute și este puțin probabil ca apelurile la acțiune să fie făcute clic. Uită-te la ratele de clic pentru diapozitivele de pe un site web al Universității.

pot fi populare pentru că sunt ușor de aprobat. Diferite părți interesate din diferite departamente primesc toți câțiva pixeli deasupra pliului. Sunt bune pentru politica internă, nu pentru vizitatori.

slideshow-urile de pe pagina de pornire sunt bune pentru a împiedica oamenii să se înjunghie reciproc în sălile de conferințe.

deci, ce să facem în schimb?

• Stivați diapozitivele, astfel încât vizitatorul să poată vedea fiecare derulând în jos pagina. Ele vor deveni brusc mult mai vizibile.
• folosiți o imagine prezentată, Folosind cel mai de impact diapozitiv ca erou. Dă-i un apel bun la acțiune!

evitați filele și acordeoanele

Iată un alt mod de a scoate lucrurile din ascunzătoare: evitați filele și casetele extensibile de conținut.

știind că până la 76% dintre vizitatorii site-ului web scanează, puteți face conținutul dvs. mai vizibil pentru ei, păstrându-l expus, fără a fi nevoie să faceți clic pentru a dezvălui ceva.

dacă filele și acordeoanele extensibile au fost eficiente, probabil că le veți vedea pe Amazon.

amintiți-vă, derularea este mai rapidă și mai ușoară decât să faceți clic. Dacă vizitatorii trebuie să țintească și să facă clic sau filă pentru a putea vedea ceva, este mai puțin probabil să îl vadă.

imagini

să trecem la imagini. Aceste sfaturi sunt specifice imaginilor de pe paginile web.

utilizați Oameni Imagini

fețele sunt imagini unice puternice. Din momentul în care ne naștem, ne uităm la fețe mai mult orice altceva. Puterea magnetică a imaginilor oamenilor este foarte utilă în designul web.

nu numai că fețele atrag atenția, ci se corelează cu conversia. Celebrul studiu de caz realizat de Basecamp a arătat o creștere uriașă a rezultatelor atunci când fețele și mărturiile au fost combinate pe o pagină de vânzări.

asigurați-vă că site-ul dvs. web nu arată ca o „navă spațială abandonată” fără un suflet la bord.

am vorbit cu mii de companii despre marketingul lor de-a lungul anilor și am observat un model. Companiile mari încearcă întotdeauna să pară mici, iar companiile mici încearcă să arate mari. Ciudat, nu?

într-adevăr, fiecare companie ar trebui să încerce să fie mai personală, mai umană.

dar evitați fotografiile de stoc ale oamenilor

există un timp și un loc pentru fotografiile de stoc, dar aș evita fotografiile de stoc ale oamenilor precum ciuma. Pur și simplu nu se simt niciodată autentici, prin urmare nu construiesc încredere.

companiile sunt tentate de fotografii stoc, deoarece calitatea producției este ridicată. Dar vizitatorilor tăi le pasă mai mult de realitate. Ei ar prefera să vadă oameni reali care lucrează efectiv la companie.

autenticitatea este mai importantă decât poloneza.

cercetarea susține acest lucru. Un studiu realizat de NN Group a constatat că vizitatorii acordă fotografii de stoc ale oamenilor și imagini „de umplere”, dar se uită de fapt la poze cu oameni reali.

așa că fii tu însuți, arată-ți echipa și folosește imagini cu oameni reali, chiar dacă sunt perfect lustruiți.

folosiți fețele ca indicii vizuale

imaginile oamenilor vă oferă o oportunitate specială de a ghida atenția vizitatorilor. Celebrul fenomen” te uiți unde arată”.

când cercetătorul James Breeze a arătat modele la 106 persoane, el a demonstrat puterea fețelor bine poziționate. Ei au puterea de a direcționa atenția vizitatorilor către alte elemente.

acesta este celebrul studiu cu fața copilului. Când copilul se uită la cameră, vizitatorii se uită la copil. Când copilul se uită la titlu, vizitatorii se uită la titlu.

prietenul meu Oli Gardner s-a săturat de acest exemplu cu copilul (îmi pare rău, Oli!). Dacă cineva știe de alte cercetări sau exemple bune, vă rog să-mi spuneți în comentarii!

utilizați o linie de vedere în imaginile feței ca un indiciu direcțional pentru a ghida atenția vizitatorilor către declarații de beneficii sau apeluri la acțiune.

Folosiți săgețile ca indicii vizuale

fețele pot ghida atenția, dar nu sunt singura modalitate de a controla ochii vizitatorilor. Micile săgeți trase de mână pot fi și mai eficiente.

în acest studiu de urmărire a ochilor realizat de CXL a constatat că o săgeată simplă a fost și mai puternică pentru a determina vizitatorii să privească un element de pagină.

dacă doriți ca vizitatorii dvs. să se uite la ceva, indicați-l cu o săgeată. Nu sunt sigur dacă acest sfat este ridicol de evident sau profund perspicace.

folosiți culoarea pentru a ghida atenția vizitatorilor către apelurile la acțiune

culorile au conotații emoționale (roșu este urgent, albastru este calm) și fac parte din standardele mărcii. Dar ele sunt, de asemenea, oportunități de a trage ochiul vizitatorilor spre butoane și CTA-uri.

un studiu realizat de Eyequant despre culoarea butonului confirmă puterea contrastului de culoare și luminanță pentru a atrage atenția.

dar studiul arată că butoanele colorate nu sunt întotdeauna eficiente. Dacă doriți ca butonul dvs. să fie mai proeminent vizual:

• contrastează culoarea butonului cu fundalul
• contrastează culoarea butonului și textul butonului
• contrastează culoarea butonului cu elementele din apropiere de pe pagină (sau lasă mult spațiu alb în jurul acestuia)

„efectul Von Restorff”

în anii 1930, omul de știință German Hedwig von Restorff a descoperit că atunci când li se arată o listă de zece articole, oamenii își amintesc articolele dacă au o culoare diferită de celelalte. Acest lucru se datorează faptului că lobul occipital este sensibil la diferențele vizuale sau „întrerupătoarele de model.”

marketerul Web Paras Chopra a efectuat experimente care au arătat cum culorile remarcabile nu sunt doar amintite mai mult, ci sunt făcute clic mai mult: 60% mai mult!

Sfat Pro! Alegeți o „culoare de acțiune” pentru toate linkurile, butoanele și efectele de răsturnare. Faceți-o o culoare distinctă de culorile mărcii utilizate pe tot parcursul designului (acestea sunt „culorile pasive”). Utilizați culoarea de acțiune nicăieri altundeva decât în elementele care pot fi făcute clic.

navigare și link-uri

acum intrăm în sfaturile pentru navigarea site-ului, inclusiv meniurile, butoanele și link-urile care permit vizitatorilor dvs. să se deplaseze.

fii descriptiv

Navigarea este întotdeauna vizibilă, deci este o oportunitate de a comunica. Vizitatorii își încep de obicei vizita scanând peste antet. Orice acolo, inclusiv meniurile dvs., este foarte probabil să fie văzut.

Sursa: Mișcarea UX

când etichetele de navigare sunt generice, ați ratat șansa de a spune vizitatorilor ce faceți. Comparați aceste două exemple:

dacă etichetele dvs. de navigare sunt generice, atunci acestea sunt comune pentru mii sau chiar milioane de site-uri web. Ați ratat șansa de a utiliza cele mai bune practici de navigare pe site, de a vă ajuta vizitatorii și de a vă îmbunătăți clasamentul de căutare.

pune acasă pe stânga, dar altele decât că, nu vă faceți griji prea mult despre ordinea de elemente de meniu

dacă aveți un link acasă, pune-l pe stânga. Este cel mai comun loc pentru ea, astfel încât vizitatorii se așteaptă să-l găsească acolo.

în ceea ce privește restul elementelor de meniu, cercetările arată că ordinea nu este atât de importantă. Există două studii diferite de urmărire a ochilor care arată o corelație scăzută între ordinea elementelor de meniu și succesul vizitatorilor (sursă și sursă).

așadar, nu petreceți o mulțime de timp îngrijorându-vă de ordinea lucrurilor din meniul dvs.

aveți grijă să conectați de la paginile de servicii la postările de blog

dacă vizitatorul se află pe o pagină de servicii, scopul este să le convertiți într-un lead. Dacă adăugați oportunități mari de a pleca și de a vă citi blogul, acestea vor ateriza pe pagini care sunt mai puțin concentrate pe generarea de clienți potențiali. Postările de pe Blog au în mod natural mai multe distrageri, oportunități de ieșire și rate de conversie mai mici.

aveți grijă să vă conectați la orice de pe alte site-uri web

ori de câte ori este relevant, conectați-vă la lucruri care ajută vizitatorul să își atingă obiectivele. Într-o postare pe blog, aceasta este adesea o citare a unei surse sau a unui link către referințe externe. Acest post link-uri la zeci de articole și studii!

dar pe paginile de servicii și pe pagina dvs. de pornire, ar trebui să vă conectați cu grijă la alte site-uri. Pentru orice pagină optimizată pentru a converti vizitatorii în clienți potențiali, întrebați-vă, chiar doriți ca vizitatorii să facă clic pe acel link? Te ajută să-ți atingi obiectivele?

evitați utilizarea pictogramelor de social media în antetul site-ului dvs.

în mod similar, pictogramele colorate de social media din antetul dvs. nu sunt excelente pentru obiectivele dvs. Dacă vizitatorii fac clic pe oricare dintre acele butoane colorate cu bomboane, aterizează pe un site plin de distrageri. Este puțin probabil să se întoarcă.

acesta este, în general, modul greșit de a face integrarea social media. Dacă vă conectați la o rețea socială, faceți acest lucru din subsol. Vizitatorii pot găsi rețelele sociale dacă se uită, dar nu sugerezi să plece.

scrierea

să vorbim despre cuvinte. Anterior, am recomandat un titlu axat pe cheie pe pagina principală. Iată câteva sfaturi pentru scrierea care merge în site-ul, inclusiv anteturi, subheads și textul corpului.

scrie subheads semnificative

subheads vagi sunt peste tot. Ele sunt adesea mari și inutile, dar urmate de lucruri mici, dar utile. Ciudat, nu? Opusul ar avea mai mult sens.

asigurați-vă că lucrurile mari sunt semnificative și utile pentru vizitatori. Dacă subpozițiile dvs. spun lucruri precum „produse” sau „servicii”, întrebați-vă dacă un termen mai descriptiv ar fi mai util. Iată câteva exemple.

acest lucru este bun pentru scanere și uzabilitate. Este bine pentru persoanele cu deficiențe de vedere și accesibilitate. Este, de asemenea, bune practici SEO bune. Nu pierdeți niciodată șansa de a indica relevanța!

ProTip: subpunctele pot fi complet inutile. Ar fi această pagină la fel de bună fără ea? Vizitatorii mai știu la ce se uită? Dacă da, eliminați-l.

evitați paragrafele lungi și lungimea liniei lungi

paragrafele lungi și blocate nu se aliniază cu cele mai bune practici privind conținutul digital. Pur și simplu ruperea paragrafelor lungi face conținutul mai ușor de consumat. Ca regulă generală, nu scrieți paragrafe mai lungi de 3-4 rânduri.

„paragrafele scurte sunt citite, paragrafele lungi sunt degresate, paragrafele foarte lungi sunt omise – – Jason Fried, fondator și CEO, Basecamp

dacă lungimea liniei este foarte lungă, poate fi mai dificil pentru vizitatori să citească. Ghidul de stil Web recomandă linii de cel mult 12 cuvinte.

evitați jargonul. Folosiți cuvinte simple.

cu cât este mai ușor de citit, cu atât mai mult succes site-ul va fi. Folosiți cuvintele comune pe care vizitatorii le așteaptă. Propozițiile lungi și cuvintele fanteziste forțează lobul temporal să lucreze mai mult. Asta nu e bine.

„păstrați-l simplu! „Fluența cognitivă” este o măsură a cât de ușor procesează creierul vizitatorului ceea ce privește. Când ceva este dificil de citit, în mod inconștient îl găsim mai riscant și/sau consumator de timp. Deci, pentru a maximiza conversia, utilizați text scurt, fonturi simple și un design ușor de citit.”- Roger Dooley, autorul cărții Brainfluence

copie care funcționează bine pentru utilizatorii de „alfabetizare scăzută” funcționează bine pentru toată lumea. Nu este vorba despre a-l prosti; este vorba despre utilizarea unui limbaj simplu pe care toată lumea îl poate înțelege. Cercetările au arătat că reducerea nivelurilor de lizibilitate poate îmbunătăți rata de succes pentru toți vizitatorii.

chiar și doctoranzii preferă să citească la un nivel de clasa a 8-a.

acest cuvânt mare te-ar putea face să pari inteligent, dar ar putea face ca vizitatorul tău să se simtă prost. Un vizitator care se îndoiește este puțin probabil să ia măsuri. Deci, în timp ce scrieți, continuați să vă puneți această întrebare:

cunosc 100% dintre vizitatori semnificația cuvintelor de pe această pagină?

ordinea listei și „efectul poziției seriale”

când comandați orice listă din copia dvs., puneți lucrurile importante la început și la sfârșit. Atenția și reținerea cititorului sunt cele mai scăzute în mijlocul oricărei liste. Pe măsură ce vizitatorii scanează pagina, primul și ultimul element sunt cel mai probabil să rămână în memoria pe termen scurt.

Sursa: Teoria efectelor comenzii: primatul versus Recența

răspundeți la întrebările de top ale vizitatorilor

au venit cu întrebări. Sarcina principală a site-ului este de a răspunde la aceste întrebări. Fiecare întrebare fără răspuns este o oportunitate ratată de a construi încredere. Întrebările fără răspuns cresc, de asemenea, probabilitatea ca vizitatorul să plece.

când Joel Klettke și-a aplicat procesul găsind întrebări și scriind răspunsuri, a reușit să dubleze ratele de conversie pe paginile de destinație Hubspot. El a intervievat clienții, le-a analizat răspunsurile, a prioritizat mesajele și, în cele din urmă, a folosit cuvintele publicului în noua copie de marketing. Inteligent!

iată întrebările pe care Joel le folosește pentru a descoperi întrebările de top ale vizitatorilor:

1. ce s-a întâmplat de TE-a făcut să cauți o soluție?
2. ce altceva ai încercat și ce nu ți-a plăcut la asta?
3. ce te-a împiedicat să cumperi de la noi?
4. ce te-a făcut suficient de încrezător pentru a încerca?
5. ce a făcut X cea mai bună soluție pentru tine?
6. când evaluezi X, ce a fost cel mai important pentru tine?
7. ce puteți face acum (sau mai bine) pe care nu l-ați putut face înainte?
8. Dă-mi un exemplu de când X a făcut diferența pentru tine?

într-un cuvânt, care este scopul site-ului dvs. web? Răspunde.

lectură suplimentară: pagina perfectă a Serviciului site-ului web B2B: Lista de verificare în 13 puncte

adăugați dovezi și dovezi sociale

„părtinirea conformității” este tendința umană de a face ceea ce fac alți oameni. Deci, oferind dovezi că alții te-au selectat face ca alegerea companiei tale să pară o alegere bună. Scopul este de a face orice decizie, alta decât utilizarea companiei dvs., să pară în afara normei.

oferiți vizitatorilor dvs. dovada că sunteți legitim. În mod ideal, fiecare dintre afirmațiile dvs. de marketing este susținută cu dovezi.

„de câte ori ați făcut clic pe un site web de pe lista câștigătorilor unui premiu de design și v-ați aruncat ochii la o etichetă de titlu nituitoare a „acasă”? Acest lucru se întâmplă atunci când aveți încredere într-o agenție pentru a „crea ceva total rad și unic” în loc să alegeți o agenție care promite să construiască ceva care va funcționa așa cum au nevoie clienții/clienții dvs. și se așteaptă să funcționeze.”- Jen Salamandick, punct de lovitură

cea mai rapidă și mai ușoară cale este să adăugați mărturii. Iată alte tipuri de dovezi sociale.

• aprobări de la influențatori relevanți
• recenzii despre produse de la clienți
• „așa cum se vede în…” logo-urile media în care compania dvs. a fost menționată
• widget-uri de socializare care arată dimensiunea următoarelor dvs.
• Sigilii de încredere, inclusiv calitatea de membru al Asociației, certificate de securitate și premii

cât de multă dovadă este suficientă? Câte mărturii ar trebui să adăugați?

mult. Este posibil să nu existe prea multe dovezi. Am făcut o analiză rapidă a uneia dintre paginile de detalii ale produsului Amazon și am constatat că 43% din pagină este dovadă și recenzii.

Sfat Pro! Nu faceți o pagină de mărturii. Acestea tind să fie pagini cu trafic redus. În schimb, adăugați mărturii la fiecare pagină de servicii.

menționează deficitul, declanșează „aversiunea față de pierderi”

oamenii nu sunt calculatoare Eficiente cost/Beneficiu. Avem tendința de a supraevalua pierderile și de a subevalua câștigurile. Cu alte cuvinte, pierderile sunt mai dureroase decât câștigurile sunt plăcute.

acest lucru este adevărat online și offline și explică o mulțime de comportamente umane. Acest articol explică bine: aplicarea economiei comportamentale și a psihologiei Cognitive la procesul de proiectare.

această aversiune față de pierderi poate fi utilă designerilor web și copywriterilor. Iată câteva sfaturi pentru scrierea unei copii cu aversiune față de pierdere în minte.

• subliniați costurile neutilizării produsului sau serviciului dvs.
• costurile grupului împreună, enumerați beneficiile separat.
• subliniați câștigurile imediate.
• creați urgență cu oferte de timp limitate. Dacă produsul este rar, spuneți acest lucru.

amintiți-vă ușor vizitatorilor dvs. ce vor pierde, risca sau pierde prin a nu lua măsuri chiar acum.

Optimizați formularele de înscriere prin e-mail pentru abonați

există unul în partea de jos a acestui post. Este un apel la acțiune pentru a vă abona. Dacă vă uitați atent, veți vedea că include trei elemente separate. Acestea sunt cele 3 P pentru formularele de înscriere prin e-mail.

• proeminență se remarcă în ierarhia vizuală
• promisiune îi spune cititorului ce vor primi o dovadă cât de des
• folosește dovada socială: numărul de abonați sau o mică mărturie

când am experimentat pentru prima dată aceste modificări, rata de conversie pe forma mai veche a fost foarte scăzută, astfel încât îmbunătățirea a fost dramatică. Am văzut o creștere de 4,863% în înscrierile prin e-mail.

când proiectați formularul de înscriere a e-mailurilor, faceți-l vizibil, folosiți dovezi sociale și spuneți cititorilor ce vor obține.

mai mult decât un site frumos

toată lumea iubește frumusețea. Toată lumea iubește noile caracteristici de design interesante. Toți sunt critici. Dar, ca vizitatori, avem nevoie de mai mult decât frumusețe. Avem nevoie de informații. Și ca proprietari de site-uri web, avem nevoie de rezultate.

iată două studii cu aceeași constatare. Primul este un sondaj realizat de Hubspot care arată vizitatorilor valoare ușor de găsit informații mai mult decât un design frumos sau un UX fantezist.

acest al doilea studiu este concluzia unui set de teste ale utilizatorilor de către NN Group. Arată că atunci când vizitatorii eșuează, este pentru că nu pot găsi informații, nu pentru că site-ul nu este suficient de frumos.

îmi place designul frumos la fel de mult ca oricine. De aceea am început în această afacere! Și mă gândesc adesea la acest citat:

„viața unui designer este o viață de luptă. Lupta împotriva urâțeniei.”- Massimo Vignelli, legenda designului

dar în designul web, creăm containere pentru conținut. Și vizitatorii au venit pentru conținut, nu pentru container.

Site-urile ar trebui să fie frumoase. Acestea ar trebui să aibă un impact vizual sau emoțional asupra vizitatorilor. Dar succesul site-ului dvs. web depășește cu mult frumusețea. Este vorba despre a ajuta vizitatorii să găsească ceea ce au nevoie. Aceasta este inima fiecărui sfat din acest articol. Și este adevăratul scop al designului web.

ajutați-vă vizitatorul să găsească ceea ce au venit și apoi dați-le ceea ce doriți să aibă.