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

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, apelul vizual poate fi evaluat în termen 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 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.

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-vă 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ă.

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

Durează 2,6 secunde până când ochii utilizatorului ajung în zona unui site care influențează cel mai mult prima lor impresie.

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

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

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 94% legate de design.

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.

Un studiu britanic a constatat că majoritatea criticilor site-ului web se bazau pe percepția proiectării site-ului, nu pe conținut.

Dintre 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;
• Literă mică;
• 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 respingerea rapidă și neîncrederea 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 s-au găsit în cercetarea pentru Consumer WebWatch, realizată 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 o 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, a atracției designului vizual, incluzând 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 de dobândă” ridicate site-urilor cu o atracție ridicată și „ratinguri de utilizare și de dobândă” scăzute site-urilor cu recurs redus. 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.

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 al 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., aceștia vă vor reduce slăbiciunea. Acest tip de amorsare poate funcționa și în sens invers: o primă impresie negativă 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 grozavă 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 „par că funcționează” pentru competiție sunt adoptate.

Desigur, când noul site va fi lansat, toată lumea este prea ocupată să-și dea unii pe alții pentru a observa că noul design este o copie aproape de carbon a unui concurent major sau că ați neglijat complet să întrebați clienții existenți de ce le-a plăcut să facă cumpărături cu compania dvs. în primul loc.

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 elicitare 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. Cheskin Research & Studio Archetype 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ă pe voi în fața 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 și 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.

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 prezintă 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 o primă impresie mai puternică.

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

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.

Utilitatea a fost al doilea cel mai semnificativ factor de formare a 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). 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ă divizarea conținutului în mai multe pagini. Ce legătură are asta cu primele impresii?

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.

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 principal motiv pentru care au plecat fără să plătească.

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 studiu diferit realizat de eConsultancy, vizitatorii au întrebat despre cumpărarea de pe un site de comerț electronic necunoscut a remarcat 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) ).

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:

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

• Promoții sensibile la timp;
• 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:

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

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.

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 de proiectare. 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, accidentări, statutul de schimb, poziția jucată și alți factori.

Fiecare creștere a numărului de draft (adică obținerea unui draft nou în loc de opt) 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 3,5 ani mai mult decât restul.

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 domină încă 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 a designului „simplă” 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ă este cazul). Asigurați-vă că o secundă face o primă impresie excelentă.