actualizat pe 9 iulie 2019
cât de important este designul site-ului dvs. web? Când utilizatorii au fost rugați să descrie de ce nu au încredere într-un site web, 94% din comentarii au fost direct legate de designul site-ului. Un site web bine construit generează un trafic mai bun pentru clienți, iar o interfață de utilizator îmbunătățită duce la creșterea conversiilor.
creativitatea este importantă, dar există câteva reguli de bază despre design și experiența utilizatorului care vă vor ajuta să vă dezvoltați site-ul web. Când creați sau reproiectați site-ul dvs., țineți cont de următoarele sugestii.
câștigă încredere cu un design de site web curat și captivant
lumea designului digital a îmbrățișat simplitatea, îndepărtându-se de clopote și fluiere și concentrându-se pe elementele de bază. Din perspectiva utilizatorului, acest lucru a făcut site-urile web mai ușor de navigat pentru o experiență mai plăcută. Încorporați aceste 8 Reguli de proiectare în site-ul dvs. web pentru a vă implica mai bine publicul.
1 păstrați aspectul simplu.
cu cât este mai simplu aspectul site-ului dvs. web, cu atât mai bine. Asta nu înseamnă că trebuie să fie plictisitor, dar înseamnă că ar trebui să se concentreze asupra elementelor esențiale. Aspectele curate și funcționale fac site-ul dvs. mai ușor de încărcat, navigat și utilizat pe diferite platforme și dispozitive.
site—ul lui Harry plasează cele mai importante informații—produsele lor-față și centru. Acestea includ imagini cu text minim pentru a facilita interacțiunea cu conținutul.
2 Faceți Navigarea ușor de urmărit.
dacă doriți ca vizitatorii să petreacă timp pe site-ul dvs., trebuie să le ușurați deplasarea. Poate fi tentant să faci ceva creativ cu designul meniurilor de navigare, dar simplitatea și arhitectura intuitivă a informațiilor sunt mai importante. Asigurați-vă meniurile standard în aparență ajută cititorii să se simtă confortabil în timp ce se deplasează pe tot site-ul.
Vogue are meniuri de navigare descriptive și proeminente pentru a vă ajuta să găsiți și să interacționați cu tipul de conținut pe care îl căutați.
3 Utilizați apeluri clare la acțiune.
ce doriți să facă vizitatorii site-ului? Cumpărați produse? Înscrieți-vă pentru un buletin informativ prin e-mail? Donați pentru o cauză? Gândește-te la apelurile tale la acțiune. Proiectați-le într-un mod care le face să iasă în evidență pentru un vizitator care scanează site-ul dvs. web. Dacă utilizați butoane în design, asigurați-vă că textul este scurt și direct.
World Wildlife Fund folosește butoane luminoase alături de bara de navigare, îndemnând vizitatorii să „doneze” și „să adopte”, împreună cu apeluri puternice la acțiune în tot conținutul lor.
4 cu conținut, mai puțin este mai mult.
folosiți ceea ce știți despre vizitatorii dvs. pentru a minimiza opțiunile și a vă concentra atenția asupra produselor dvs. Afișați numai textul și elementele vizuale pe care doriți să le acționeze.
Site—urile web pentru aplicații mobile—cum ar fi Pocket-fac o treabă excelentă în acest sens. Se concentrează pe explicarea aplicației, includ apeluri puternice la acțiune pentru a o instala. Conținutul mai puțin important, cum ar fi secțiunea Despre și blogul lor, sunt mai puțin proeminente și sunt legate în subsol.
5 nu vă temeți de spațiile albe.
spațiul alb este pur și simplu spațiu gol pe o pagină. Nu trebuie să fie de fapt alb—trebuie doar să nu conțină text sau imagini. Dacă este făcut bine, poate îmbunătăți lizibilitatea și poate elimina dezordinea din designul site-ului dvs. web. Spațiul alb poate ajuta, de asemenea, concentrarea și atenția directă. Oferă o modalitate de a separa caracteristicile și ideile, astfel încât vizitatorii să poată discerne exact ceea ce doriți să vadă dintr-o privire rapidă, mai degrabă decât să fie nevoiți să sorteze vizual printr-un aspect zgomotos și aglomerat.
Google este ultimul exemplu de utilizare a spațiului alb. Nu poate fi mai curat—doar o pagină goală cu un logo și o casetă de căutare.
6 îmbunătățiți designul site-ului dvs. web cu culori atrăgătoare.
alegeți o culoare care va oferi fundamentul întregului design al site-ului dvs. web, apoi alegeți o culoare de accent contrastantă pentru butoanele importante și alte elemente de interfață. Puteți afla mai multe despre alegerea paletei de culori potrivite pentru marca dvs.
Whole Foods Market folosește verde pentru culoarea principală a mărcii, iar micile POP-uri ale portocaliului secundar atrag atenția către apelurile la acțiune prezentate.
7 încorporează fonturi atractive, Ușor de citit.
utilizați un tip atractiv, care este echilibrat vizual și unic pentru a face textul site-ului dvs. clar și interesant. Patru fonturi de top sunt Brandon Grotesque, Museo Sans, Railway și Playfair Display.
site-ul Belgian de îmbrăcăminte pentru copii Studio Aimee folosește Brandon Grotesque pentru o experiență de cumpărături curată și lizibilă.
8 angajați utilizatorii cu imagini video și bogate.
videoclipurile și imaginile sunt mai captivante decât textul singur—de fapt, paginile de destinație cu videoclipuri pot spori conversiile cu mai mult de 80%. Utilizați imagini scalabile (SVG) pentru a asigura o experiență de utilizator de înaltă calitate atât pe desktop, cât și pe dispozitive mobile.
caritate Nonprofit: water afișează un videoclip pe pagina lor de pornire, făcându-l unul dintre primele lucruri pe care le vedeți când vizitați site-ul lor web pentru un impact maxim.
mențineți vizitatorii angajați cu un site web ușor de utilizat
puteți avea cel mai atractiv site web din lume, dar dacă este greu de utilizat, vizitatorii dvs. nu se vor converti în clienți. Aceste șapte reguli vă vor asigura că publicul dvs. are o experiență de utilizator lină.
1 Asigurați-vă site-ul dvs. mobil-friendly.
știați că până la 70% din traficul web provine de pe un dispozitiv mobil? Asta înseamnă că există șanse mari ca cineva care vă vizitează site-ul pentru prima dată să folosească smartphone-ul. Și dacă experiența mobilă este negativă, tocmai ați pierdut un client. Aflați de ce și cum să faceți site-ul dvs. web mai prietenos cu dispozitivele mobile.
experiența de cumpărături mobil Everlane este curat și ușor de utilizat. Designul include conținut modular, astfel încât este receptiv și se traduce bine pe dispozitivele mobile. Site-ul include, de asemenea, apeluri pentru a descărca aplicația de cumpărături fără a vă face să simțiți că obțineți o experiență mai mică pe site.
2 eficientizați navigarea.
cu cât cineva trebuie să navigheze mai multe pagini pe site-ul dvs. web pentru a găsi ceea ce caută, cu atât este mai probabil ca clientul să părăsească site-ul dvs. din frustrare. De fapt, pentru un site web Mediu, 40% dintre vizitatori vor pleca după ce vor vedea o singură pagină!
conținutul nu trebuie îngropat. Nu-ți face vizitatorii să vâneze pentru ceea ce au venit. Navigarea dvs. ar trebui să fie bine organizată și logică din perspectiva utilizatorului. De asemenea, ar trebui să se simtă familiar, astfel încât utilizatorii dvs. să nu aibă o curbă de învățare abruptă.
Tilda Inc. are o bară de navigare simplă în partea de sus a site-ului său web, cu punctele importante legate mai jos cu o scurtă explicație în secțiunea „Ce facem”. Acest lucru îl face ușor de a găsi ceea ce căutați.
3 Folosiți îndemnuri pentru a face lucrurile mai ușor de găsit.
gândiți-vă unde puteți plasa butoane pe site-ul dvs. pentru a face lucrurile importante mai ușor de găsit pentru vizitatori. Dacă sunteți un site de comerț electronic, a avea butoane care spun „Cumpărați acum” va avea un impact mult mai mare decât un simplu link de navigare; dacă sunteți o organizație nonprofit, un buton „donați” alături de bara de navigare va face donarea o briză pentru vizitatori.
Square are un simplu apel la acțiune care încurajează proprietarii de afaceri să înceapă să vândă. Butonul lor CTA citește „începeți un cont pătrat.”Nu este mult mai ușor decât atât.
4 oferă utilizatorilor capacități de căutare robuste.
gândirea la modul în care vizitatorii vor căuta pe site-ul dvs. și la modul în care vor fi afișate rezultatele este la fel de importantă. Experiența de căutare ar trebui să reflecte experiența dvs. de navigare cu modul în care sunt organizate rezultatele. Încorporarea unor funcții precum completarea automată va facilita căutarea și din perspectiva utilizatorului.
Zappos are un instrument de căutare inteligent, care este foarte precis și actualizează, de asemenea, filtrele din partea stângă pe baza termenilor de căutare.
5 împărțiți conținutul cu anteturile secțiunii.
când aveți de-a face cu zone cu conținut ridicat de pe site-ul dvs., împărțiți-l cu anteturi. Indiferent dacă este vorba despre un articol sau o descriere a produsului, anteturile oferă structura conținutului dvs. și facilitează scanarea.
WebMD face o treabă eficientă de a-și împărți conținutul în bucăți digerabile cu o mulțime de anteturi de secțiune, astfel încât să puteți găsi informațiile pe care le căutați.
6 vorbește ca o persoană reală.
cu cât utilizatorii trebuie să descifreze mai mult jargonul și vorbirea de marketing atunci când vizitează site-ul dvs. web, cu atât este mai puțin probabil să se angajeze cu marca dvs. Un ton prietenos, conversațional, va facilita vizitatorilor să citească și să înțeleagă conținutul dvs., precum și să navigheze pe site-ul dvs.
Zipcar face serviciul lor mai ușor de înțeles—și site—ul lor mai ușor de navigat-cu vocea lor de brand ușor.
7 confirmați acțiunile vizitatorilor.
dacă vizitatorii dvs. achiziționează un produs de la dvs., vă abonați la un buletin informativ sau chiar vă împărtășesc conținutul, o bună practică este să afișați un ecran de confirmare care să le arate că acțiunea lor a trecut cu succes. Nu strică să folosești acel ecran pentru a le mulțumi.
TheSkimm felicită și vă urează bun venit după ce vă înscrieți pentru newsletter-ul lor, cu un prompt pentru a partaja pe social media.
Testați—vă site—ul web înainte de lansare
există întotdeauna ciudățenii pe care va trebui să le rezolvați atunci când lansați-sau relansați-un site web. Este important să vă faceți timp pentru a testa site-ul dvs. și pentru a aduna feedback înainte de a intra în direct.
1 Efectuați teste de asigurare a calității (AC).
dacă aveți resurse, angajați o echipă de asigurare a calității, astfel încât să poată testa toate aspectele site-ului dvs. Dacă nu puteți angaja persoane special pentru rolul de asigurare a calității, atunci solicitați persoanelor atât interne, cât și externe companiei dvs. să vă testeze site-ul înainte de lansare. Aceștia pot face clic pe toate linkurile, pot completa toate formularele și pot încerca toate serviciile. Practic, dacă există ceva de făcut pe site, ar trebui să o facă. În acest fel, puteți remedia orice bug-uri înainte de lansare.
2 colectați feedback-ul utilizatorilor înainte de a vă împinge site-ul în direct.
invitați un grup select de testeri beta pentru a oferi feedback cu privire la elemente precum navigarea, designul și fluxurile majore de utilizatori. Este posibil să nu efectuați modificări pe baza tuturor feedback-urilor pe care le-ați primit înainte de lansare, dar poate doriți să țineți cont de sugestii pentru modificări pe parcurs.
crearea unui site web de la zero—chiar dacă ați înrolat o agenție pentru a vă ajuta—nu este o faptă mică. Am creat 3 pași la îndemână pentru a crea o listă de verificare captivantă a designului site-ului web (PDF), astfel încât să vă asigurați că verificați toate elementele importante de pe listă pe măsură ce mergeți.