Primele impresii contează: De ce este esențial un design vizual excelent

Publicat: 2021-07-22

Oamenii fac judecăți rapide. Este nevoie doar de 1/10 dintr-o secundă pentru a forma o primă impresie despre o persoană. Site-urile web nu diferă.

Durează aproximativ 50 de milisecunde (ms) (adică 0,05 secunde) pentru ca utilizatorii să își formeze o opinie despre site-ul dvs. web care să stabilească dacă vor rămâne sau vor pleca.

Acest număr provine din studii specifice. În primul studiu, participanții au evaluat de două ori atracția vizuală a paginilor web prezentate pentru 500 ms fiecare. Într-un studiu de urmărire, au redus timpul de expunere la 50 ms.

De-a lungul timpului, evaluările atracției vizuale s-au corelat puternic de la o fază la alta, la fel ca și corelațiile dintre condițiile de 50 ms și 500 ms. Astfel, atracția vizuală poate fi evaluată în decurs de 50 ms, sugerând că aveți aproximativ 50 ms pentru a face o primă impresie bună cu site-ul dvs. web.

Această primă impresie depinde de mulți factori: structură, culori, spațiu, simetrie, cantitatea de text, fonturi și multe altele. Acest post:

  • Detalii de cercetare pe site-uri web și primele impresii.
  • Vă arată cum să creați un design vizual pentru a îmbunătăți primele impresii.

Notă: Toate capturile de ecran ale site-ului web de mai jos au doar scop ilustrativ .

Cercetări pe site-uri web și primele impresii

Utilizatorii formează opinii de proiectare în 17 ms.

Acum câțiva ani, Google a confirmat numărul de 50 ms în propriile lor cercetări. De fapt, potrivit studiului lor, unele opinii se dezvoltă în decurs de 17 ms, deși efectul a fost mai puțin pronunțat asupra unor factori de proiectare.

Principalele constatări din studiul lor au fost că site-urile web cu o complexitate vizuală scăzută și o prototipicitate ridicată (cât de reprezentativ arată un design pentru o anumită categorie de site-uri web) au fost percepute ca fiind foarte atrăgătoare.

exemplu pătrat pătrat de pagină de pornire prototipică
Oamenii au așteptări despre cum ar trebui să arate un site web. Devierea de la acestea este un risc, indiferent cât de imaginativ sau de izbitor este designul.

Asistență cheie: faceți designul web simplu și familiar. Urmați convențiile. Oamenii au o idee fixă ​​despre cum ar trebui să arate un site de comerț electronic. Dacă alegeți machete inovatoare, neconvenționale, este mai puțin probabil ca oamenii să le placă.

Notă: consultați o mulțime de linii directoare pentru comerț electronic și idei de testare în raportul nostru cuprinzător (247 linii directoare special pentru comerț electronic).

Durează 2,6 secunde pentru ca ochii să se așeze pe zonele cheie ale unei pagini web.

Durează 2,6 secunde pentru ca ochii utilizatorului să ajungă în zona unui site web care influențează cel mai mult prima lor impresie.

Cercetătorii au monitorizat mișcările ochilor studenților în timp ce scanau pagini web. Cercetătorii au analizat apoi datele de urmărire a ochilor pentru a determina cât a durat studenții să se concentreze pe secțiuni specifice ale unei pagini - cum ar fi meniul , siglă, imagini și pictograme din rețelele sociale - înainte de a trece la o altă secțiune.

Au descoperit că cu atât este mai bună prima impresie, cu atât mai mult participanții au rămas pe pagină.

  • Top 21 de idei de testare a comerțului electronic A / B

    De CXL

    Îmbunătățește-ți prima impresie testând ce funcționează. Iată primele 21 de idei de testare a comerțului electronic derivate din cercetare.

  • Acest câmp este destinat validării și ar trebui lăsat neschimbat.
exemplu de studiu de urmărire a ochilor cu primele impresii ale site-ului web
Studiul a împărțit site-ul web în șase secțiuni, apoi a monitorizat mișcările ochilor subiecților studenți. (Sursa imaginii)

Cele șase secțiuni ale site-ului care au atras cel mai mult interes din partea spectatorilor au fost:

  1. Sigla instituției. Utilizatorii au petrecut 6,48 secunde concentrate pe această zonă înainte de a trece mai departe.
  2. Meniul principal de navigare. Aproape la fel de populare ca sigla, subiecții au petrecut în medie 6,44 secunde vizionând meniul.
  3. Caseta de căutare . Utilizatorii s-au concentrat puțin peste 6 secunde.
  4. Imaginea principală a site-ului. Ochii utilizatorilor s-au fixat în medie 5,94 secunde.
  5. Conținutul scris al site-ului . Utilizatorii au petrecut aproximativ 5,59 secunde.
  6. Partea de jos a unui site web . Utilizatorii au petrecut aproximativ 5,25 secunde.

Cheaway takeaway: o primă impresie bună duce la o vizită mai lungă. Asigurați-vă că cele șase elemente enumerate aici arată excelent.

Primele impresii sunt legate de design în proporție de 94%.

Cercetătorii britanici au analizat modul în care diferiții factori de conținut și design influențează încrederea site-urilor de sănătate online. Studiul a arătat în mod clar că aspectul site-ului web a fost principalul motor al primelor impresii.

exemplu de design de site-uri web curat
Un studiu britanic a constatat că majoritatea criticilor site-ului web s-au bazat pe percepția proiectării site-ului, nu pe conținutul acestuia.

Din toate feedback-urile pe care le-au dat participanții la test, 94% au fost legate de design:

  • Complex;
  • Aspect ocupat;
  • Lipsa ajutoarelor de navigație;
  • Proiectare web plictisitoare;
  • Utilizarea culorii;
  • Anunțuri pop-up;
  • Introduceri lente la site;
  • Litere mici;
  • Prea mult text;
  • Aspect corporativ;
  • Capabilități slabe de căutare.

Doar 6% din feedback a fost despre conținutul real. Apelul vizual și navigarea pe site au avut cea mai mare influență asupra primelor impresii ale oamenilor despre site.

În același timp, designul slab al interfeței a fost asociat cu respingere rapidă și neîncredere față de un site web. Când participanților nu le-a plăcut un aspect al designului, întregul site web a fost rar explorat dincolo de pagina de pornire.

Rezultate similare au fost găsite în cercetările pentru Consumer WebWatch, realizate de experți în credibilitatea Universității Stanford. Au descoperit că ceea ce spun oamenii despre modul în care evaluează încrederea unui site web și modul în care îl fac cu adevărat sunt diferite.

Datele au arătat că consumatorul mediu a acordat mult mai multă atenție aspectelor superficiale ale unui site, cum ar fi indicii vizuale, decât conținutului acestuia. De exemplu, aproape jumătate din toți consumatorii (46,1%) au evaluat credibilitatea site-urilor pe baza, parțial, pe atracția designului vizual, inclusiv aspectul, tipografia, dimensiunea fontului și schemele de culori.

Asistență cheie: un design excelent îi face pe oameni să aibă încredere în tine și să rămână în jur. Proiectarea slabă creează neîncredere și îi face pe oameni să plece.

Pentru primele impresii, atracția vizuală depășește chiar și gradul de utilizare.

Un studiu a examinat efectele atracției vizuale și a utilizabilității asupra performanței utilizatorilor și satisfacției față de un site web.

Utilizatorii au îndeplinit diferite sarcini pe site-uri web care au variat în ceea ce privește atractivitatea vizuală (mare și scăzută) și gradul de utilizare (ridicat și scăzut). Rezultatele au arătat că primele impresii sunt cel mai influențate de atracția vizuală a site-ului.

Utilizatorii au acordat „ratinguri de utilizare și dobândă” ridicate site-urilor cu o atracție ridicată și „ratinguri de utilizare și de dobândă” scăzute site-urilor cu scăzut recurs. Percepțiile utilizatorilor despre un site web cu recurs redus nu au fost influențate în mod semnificativ de utilizarea site-ului, chiar și după o experiență de succes cu site-ul.

Asistență cheie: investiți în design. Este ceea ce contează cel mai mult pentru atragerea utilizatorilor. Destul de amuzant, designul vizual excelent va duce la evaluări de utilizare mai ridicate, iar utilizabilitatea reală va conta mult mai puțin.

O primă impresie pozitivă poate crește satisfacția generală.

Într-un experiment efectuat pentru a studia efectele așteptărilor produsului asupra evaluărilor subiective de utilizare, participanții au citit o recenzie pozitivă sau negativă a produsului pentru un dispozitiv mobil nou înainte de un test de utilizare. Grupul de control nu a citit nimic.

dispozitiv mobil utilizat în studiul amorsării cu recenzii pozitive ale produsului.
Dispozitivul utilizat în studiu. Recenziile pozitive ale produsului au determinat utilizatorii să aibă o experiență mai pozitivă, chiar și atunci când nu au reușit să finalizeze o sarcină atribuită.

Studiul a relevat efectul surprinzător de puternic al așteptărilor pozitive asupra evaluărilor subiective post-experiment. Participanții care au citit recenzia pozitivă au acordat dispozitivului evaluări post-experiment semnificativ mai bune decât grupurile cu prime negative și fără prime.

Acest efect de creștere a primei pozitive a avut loc chiar și în condiții dificile, atunci când utilizatorii au eșuat în majoritatea sarcinilor.

Cheaway takeaway: dacă utilizatorii „instantaneu” apreciază site-ul dvs., vă vor reduce slăbiciunea. Acest tip de amorsare poate funcționa și în sens invers: A n egativ prima impresie scade satisfacția generală față de site-ul dvs.

Deci, dacă doriți să faceți o impresie bună, unde este cel mai bun loc pentru a începe?

Cum să faci o primă impresie excelentă cu designul vizual

1. Diferențiați site-ul dvs. (și compania dvs.) de designul dvs.

Ești șic, prost, sexy, priceput, inteligent, clasic sau ce? Cum te deosebești de concurență? Comunicați acest lucru cât mai repede posibil prin tipografie, imagini și design pe site-ul dvs. web?

Există un echilibru între evitarea designului „inovator” - care poate dezamăgi consumatorii - și căutarea unui stil vizual unic. Prea des, companiile din aceeași verticală adoptă o abordare „și eu” în estetica lor de design.

Uneori, site-urile competitive sunt atât de similare încât, dacă ați eliminat sigla din antetul site-ului, ar fi aproape imposibil să distingeți un site de altul.

Din ceea ce am observat, acesta este din două motive principale:

  1. Conversația internă despre estetica designului se transformă într-una despre caracteristici, mai degrabă decât să dezvolte o identitate vizuală distinctă.
  2. Caracteristicile și estetica care „arată că funcționează” pentru competiție sunt adoptate.

Bineînțeles, când noul site va fi lansat, toată lumea este prea ocupată, oferindu-și reciproc un număr ridicat pentru a observa că noul design este o copie aproape de carbon a unui important concurent, sau că ați neglijat complet să întrebați clienții existenți de ce le-a plăcut să cumpere cu compania dvs. în primul rând.

Dacă doriți să adăugați mai multă distincție comunicării dvs. vizuale, dar nu știți de unde să începeți, consultați Tehnica de susținere a metaforelor Zaltman și aplicați-o sondajelor dvs. calitative. Acest lucru vă poate ajuta să creați o primă impresie care să vorbească despre valorile de bază ale mărcii dvs., fără a înstrăina vizitatorii.

Tehnica ZMET în cercetarea de marketing de la Taylan Demirkaya

„Identitatea mărcii” nu este doar un lucru șmecher care trebuie eliminat. Arhetipul Cheskin Research & Studio a constatat încă din 1999 că cei șase factori importanți în consolidarea încrederii cu o companie de comerț electronic sunt:

  • Marca;
  • Navigare;
  • Împlinire;
  • Prezentare;
  • Tehnologie actualizată;
  • Sigle de securitate.

Gândește-te la asta pentru o secundă. Dacă prima impresie este că site-ul dvs. nu se distinge de alte site-uri web, de ce ar trebui cineva să exploreze paginile dvs. de produse, darămite să vă aleagă în locul concurenței?

Iată un exemplu: am căutat pe Google „jachetă de piele” pentru a vedea dacă distincția vizuală și prima impresie generală ar fi o problemă la o căutare aleatorie. Acestea au fost primele trei rezultate:

Separa ceva aceste trei site-uri? Nu chiar, chiar dacă nu împărtășesc același demografic exact.

A durat ceva timp parcurgând rezultatele căutării înainte să găsesc un site care să nu semene cu cele de mai sus, împiedicându-se în cele din urmă de Bomboogie. Nu se poate nega că pagina este distinctă de concurenții săi:

Spre deosebire de alte site-uri, pagina proiectează imediat un sentiment diferit - aceasta nu este o companie care produce jachete delicate, de înaltă modă. Jachetele lor sunt „inspirate de jachetele folosite de aviatori”, iar site-ul arată partea.

Cu ani în urmă, când am făcut această cercetare pentru prima dată, cel mai distinct site pe care l-am găsit a fost Schott. Deși le-aș fi renunțat la glisorul de imagine, la navigarea cu capac de sodă și la multe dintre texturile false, a existat un farmec în design care a făcut o primă impresie puternică, mai ales având în vedere că este un brand vechi.

Schott

Puteți simți caracterul și emoția și puteți obține un anumit sentiment dacă sunt de încredere sau nu, ceea ce este despre prima impresie.

Totuși, tendința de design le-a prins și pe acestea, iar acum seamănă mult mai mult cu orice alt site de acolo:

Shopify a creat o listă cu 100 de modele de comerț electronic frumoase, care conțin companii cu primele impresii distincte.

Asistență cheie : puteți (și ar trebui) să comunicați o identitate de marcă unică fără a fi atât de inovator încât să derutați sau să deranjați utilizatorii.

2. Inspirați vizitatorii site-ului pentru a crea mai întâi o versiune mai puternică impresie.

Un studiu privind rolul primelor impresii pe site-urile de turism a constatat că elementele legate de inspirație au avut cel mai mare impact prima impresie s.

Acest lucru sugerează că stimulii atrăgători din punct de vedere vizual sunt un instrument important pentru a determina oamenii să rămână mai mult pe un site și, astfel, să transforme mai mulți vizitatori în cumpărători.

vedere inspirată a naturii pe site-ul de călătorie chilian

Usabilitatea a fost al doilea factor semnificativ al formării primei impresii, urmat de credibilitate.

Una peste alta, acest lucru ne spune că călătorii vor să se inspire despre o destinație (imagini). Ei nu vor să irosească energia mentală pentru a descoperi lucruri (utilizare) și vor să fie siguri că furnizorul de călătorii este legitim (credibilitate).

Cheie de luat masa: Dacă vindeți un vis (de exemplu, ideea de a merge într-o vacanță în Chile), fotografia inspirată este cel mai important creator de prima impresie.

3. Asigurați-vă că zona de deasupra pliației se învârte.

De-a lungul anilor, problema de mai sus a fost dezbătută intens. Cercetările indică faptul că oamenii nu au probleme cu derularea și, de fapt, preferă acest lucruîmpărțind conținutul în multe pagini. Ce legătură are asta cu primele impresii?

9 Killers de credibilitate a site-ului web

De Alex Birkett

Aflați cum să creați o pagină web care inspiră încredere, nu scepticism - care ajută o achiziție în loc să o descurajeze.

  • Acest câmp este destinat validării și ar trebui lăsat neschimbat.

Iată un nou mod de a gândi problema de mai sus: trebuie să fie cea mai bună parte a site-ului dvs. web. Primele impresii se formează în 0,05 secunde. Utilizatorii nu vor derula în jos în acel moment.

Prin urmare, ceea ce văd imediat fără derulare este ceea ce determină dacă derulează vreodată în jos. Avand in vedere…

Acordați o atenție suplimentară navigării dvs.

exemplu de navigare clară pe site

Numeroase studii ale hărții de căldură au arătat că navigarea este de obicei printre primele și cele mai vizualizate zone ale unui site web. Dar dincolo de categoriile tipice, ce ar trebui să includeți ?

Potrivit unui studiu realizat de Business Insider cu privire la motivele pentru care oamenii abandonează coșurile de cumpărături, 25% dintre oameni au declarat că „site-ul web este prea complicat” (adică navigarea este dificil de utilizat) și aproape 60% au menționat „costuri ascunse” (adică costurile de expediere) ) ca motiv principal pentru care au plecat fără pa ying .

grafic care arată de ce cumpărătorii pleacă fără să plătească la magazinul de comerț electronic
Costurile ascunse și site-urile web complicate sunt două motive cheie pentru care utilizatorii părăsesc site-urile fără a plăti.

Într-un alt studiu realizat de eConsultancy, vizitatorii au întrebat despre cumpărarea de pe un site de comerț electronic necunoscut a remarcat faptul că „designul profesional”, „site-ul conține mărci cunoscute” și „având vizibile informații de contact” toate au influențat decizia lor de a cumpăra (sau de a nu cumpăra) ).

studiați rezultatele cumpărăturilor cu un comerciant cu amănuntul pe care nu îl cunoașteți.

Gata, navigarea unui site poate include unele sau toate lucrurile care, dacă sunt absente, descurajează vizitatorii să cumpere.

Uitați-vă cât de mult este comunicat în navigarea pe unul dintre site-urile mele preferate, ThinkGeek, fără a intra vreodată în conținutul site-ului:

navigare pe site care transmite o mulțime de informații valoroase.

Fără a fi nevoit să vâneze prea mult, este ușor de găsit:

  • Sensibil la timp promotii;
  • Mai multe modalități de a naviga mai adânc în site (categorii, interese, căutare);
  • Produse noi, de top și exclusive, precum și un indiciu al produselor pe care le transportă (cadouri, tricouri, electronice, certificate de cadou);
  • Un program de recompense;
  • Produse în vânzare;
  • Pragul lor de „Livrare gratuită”;
  • Disponibilitatea asistenței pentru clienți (prin butoanele „Chat live” și „Ajutor”).

Comparați-l cu un exemplu extrem, cum ar fi Zara, și veți vedea de ce este important acest lucru:

exemplu de navigație minimalistă

Studiu de caz: Alight mărește căutările pe site cu 16% și achizițiile cu 25%

Old Alight

Alight (acum CurvyHQ) știa că site-ul lor se simte datat. Retailerul pentru femei de dimensiuni mari și-a făcut navigarea la nivel de site mai modernă.

Au mărit dimensiunea barei de căutare, au eliminat simbolul de încredere, au încorporat categoriile „vânzare” și „noi” în zona de navigare roz și și-au clarificat propunerea de valoare, printre alte actualizări minore.

navigare actualizată a paginii de pornire cu bara de căutare

Rezultatul a fost o creștere a căutărilor pe site cu 16% și o creștere a achizițiilor generale cu 25%, toate făcând ca navigarea să facă parte dintr-o primă impresie puternică.

Primele impresii - pe site-uri web sau în NBA - pot dura ani de zile.

Cercetările efectuate de economiștii Barry Staw și Ha Hoang au analizat impactul proiectului de ordine în NBA. Au observat cariera jucătorilor timp de cinci ani după ce au fost redactați. Cinci ani sunt suficienți pentru a vă dovedi în multe feluri, așa că proiectul de ordine nu ar trebui să joace un rol, nu?

Gresit. Potrivit studiului, jucătorii au timp de joc corelat cu ordinul lor de proiect. Echipele au acordat mai mult timp de joc jucătorilor foarte pregătiți și i-au reținut mai mult, chiar și după ce au controlat performanțele jucătorilor pe teren, leziunile, statutul de schimb, poziția jucată și alți factori.

Fiecare creștere a numărului de draft (adică obținerea unui draft al nouălea în loc de al optulea) a redus timpul de joc cu până la 23 de minute. În mod incredibil, proiectul de ordine a continuat să prezică timpul de joc până în al cincilea an al jucătorului în NBA, ultimul an măsurat în studiu. Jucătorii recrutați în prima rundă au avut și cariere mai lungi; au jucat încă 3,5 ani mai mult decât restul.

exemplu de pagină de pornire care face prima impresie clară și puternică

Un alt studiu a analizat persistența primelor impresii. A descoperit că noile experiențe care contrazic o primă impresie devin „legate” de contextul în care au fost făcute. Cu toate acestea, primele impresii încă domină alte contexte.

Creierul nostru stochează experiențele care încalcă speranța ca „excepții de la regulă”. Regula (adică prima impresie) este tratată ca fiind valabilă, cu excepția contextului specific în care a fost încălcată.

Asistență cheie: dacă o primă impresie este negativă, aceasta ar putea prejudicia utilizatorul împotriva ta de ani de zile.

Concluzie

Apelul vizual contează. Mult. Sfatul meu: Nu încercați niciodată să economisiți bani pe design. Am văzut de nenumărate ori cum o revizuire „simplă” a designului a dus la creșteri semnificative ale conversiei.

Oamenii își formează părerea despre site-ul dvs. în milisecunde. Prima secundă de pe site-ul dvs. web ar putea conta mai mult decât toate secundele care urmează (dacă există). Asigurați-vă că o secundă face o primă impresie excelentă.