11 tehnici de design web care îmbunătățesc implicarea și conversia utilizatorilor

Publicat: 2016-08-22

Cum definesc profesioniștii UX optimizarea conversiilor?

Potrivit lui Jeff Gothelf, autorul cărții Lean UX, optimizarea conversiilor se referă la „găsirea combinației potrivite de propunere de valoare, îndemn la acțiune și punct de preț pentru a convinge un client să aibă un nivel mai profund de implicare cu produsul sau serviciul tău”.

Cu toate acestea, un „consultant de optimizare a conversiilor” este de obicei o persoană pe care o afacere contractează pentru a evalua un anumit flux de lucru. Acestea provin de obicei dintr-un fundal de analiză web și propun o serie de teste de rulat pentru a îmbunătăți conversia unui flux.

Un site web frumos ar putea face o primă impresie grozavă, dar dacă are o utilizare teribilă, utilizatorii nu își pot da seama ce să facă, formularele de pe site nu prea funcționează, mesajele de eroare nu sunt utile și copia de pe site este vag, experiența generală va fi destul de proastă.

Întrebarea este cum poți stimula implicarea utilizatorilor pe site-ul tău? Din punctul de vedere al unui web designer, haideți să aruncăm o privire la douăsprezece sfaturi grozave care vă vor ajuta în această direcție.

1) Faceți o primă impresie puternică

În fiecare zi, un potențial client vă vede interfața pentru prima dată. Acest lucru poate fi uitat în cadrul echipelor care proiectează mereu pentru ei înșiși. Primul ecran pe care îl văd utilizatorii dvs. are 3 locuri de muncă importante...

  1. Explicați cum funcționează aplicația dvs. web.
  2. Motivați-vă utilizatorii pentru a începe.
  3. Anunțați utilizatorii cum să obțină ajutor, dacă și când au nevoie.

Dacă cineva ajunge pe aplicația dvs. web și nu înțelege cum să se înscrie imediat, aceasta este o problemă uriașă. Ar trebui să fie evident pentru utilizator ce face site-ul dvs. și cum pot fi în afara acestuia.

Make a strong first impression

2) Folosiți o imagine erou

Imaginea eroului este o tendință populară pentru site-urile web minimale, receptive. Aceste site-uri au o fotografie sau un videoclip mare cu câteva rânduri de text sau un titlu care atrage privirea utilizatorului.

Asigurați-vă că Imaginea Eroului de pe site-ul dvs. este perfect potrivită scopului site-ului. În general, captarea atenției cititorului devine din ce în ce mai dificilă. Așadar, utilizarea unei imagini mari va face cititorul să se oprească sau să se „odihnească”, apoi îi va da voie să citească pagina.

Use a Hero Image

3) Efecte de defilare Parallax

Un concept bun conform căruia efectul de defilare paralaxă are un avantaj este povestirea. Efectele de paralaxă sunt folosite pentru a asambla produse chiar în fața ochilor tăi în timp ce derulezi în jos pe pagină într-un mod artistic și frumos. În ceea ce privește implicarea, derularea paralaxă îi duce într-adevăr pe utilizatorii inițiali într-o călătorie și le absoarbe complet atenția.

Parallax scrolling effects

4) Implementați strategic culorile de accent și butoanele de îndemn

Butoanele de îndemn (CTA) eficiente au capacitatea de a declanșa un client să se înregistreze, să se alăture, să cumpere acum, să partajeze, să descarce etc. Împreună, îndemnurile și culorile de accent au capacitatea de a atrage atenția, sporind implicarea și declanșând acțiune. Este vorba despre dimensiune, amplasare și culoare.

Implement accent colors and call-to-action buttons strategically

5) Videoclipuri introductive/ explicative

Videoclipurile explicative sunt videoclipuri scurte care explică povestea unei companii și modelul de afaceri al unei companii. Cu alte cuvinte, ei dau un răspuns la întrebarea „Ce faceți? Aceste videoclipuri pot fi în animație, desene digitale, desene de mână sau videoclipuri obișnuite. Oamenii nu sunt doar în mare parte cursanți vizuali, dar oamenii rețin cu 68% mai multe informații din videoclipuri decât din texte.

Videoclipurile explicative sunt o mișcare de marketing care vă ajută să vă evidențiați din mulțimea concurenților. Când utilizați Explainer Videos, oferiți un mediu prin care utilizatorii rămân pe site-ul dvs. web și probabil ajung la acțiunea dorită, cum ar fi cumpărarea produselor și serviciilor dvs.

Intro/explainer videos

6) Site-ul dvs. trebuie să fie proiectat pentru a fi la fel de puternic ca o pagină de destinație

Scopul unei pagini de destinație este de a convinge un vizitator al site-ului web să ia o acțiune, în timp ce fiecare pagină de pe internet este o pagină de destinație. Vizitatorii site-ului web nu își încep întotdeauna călătoria pe pagina dvs. de pornire, prin urmare, este important să rămâneți consecvenți și să furnizați informații cheie în partea de sus a tuturor paginilor.

Să vedem un exemplu de site web al mărcii americane de stil de viață O'Neill, care este perfect clar cu o pagină de destinație cu imagini care vă vinde gamele sale de îmbrăcăminte și echipamente sportive prin fotografii uimitoare cu valuri mari și munți acoperiți de zăpadă.

landing page

7) Adăugarea de widget-uri și butoane sociale

Widgeturile sociale cresc traficul și implicarea utilizatorilor pe site-ul dvs. Ei au capacitatea de a aduna noi clienți sau de a extinde comunitățile nou create, permițând utilizatorilor să se conecteze cu ei pe rețelele sociale precum Facebook și Twitter pentru a aduce mai mulți vizitatori recomandați.

Știați că Dropbox a cheltuit foarte puțin pe publicitate? Au implementat multe hack-uri de creștere. De exemplu, un truc de creștere este de a stimula unii dintre utilizatorii actuali să-i recomande pe alții. Acest stimulent poate veni sub forma unui swag al companiei sau a unei luni gratuite de serviciu.

Dropbox a făcut ceva puțin diferit. Cu fiecare urmărire pe Twitter, conectare cu Facebook sau Twitter, Dropbox oferă utilizatorului o creștere de 125 MB în spațiu:

Adding social widgets and buttons

La momentul scrierii acestui articol, Dropbox avea puțin peste 720.000 de urmăritori pe Twitter. Deși nu toate pot fi atribuite acestui hack. Dropbox stimulează utilizatorii să se conecteze cu ei pentru a răspândi produsul Dropbox.

8) Adăugați un formular de abonare pe fiecare pagină

Formularele de abonare sunt, în general, doar o casetă cu un loc în care utilizatorul poate introduce numele și adresa de e-mail. Când fac clic pe butonul „abonare”, sunt adăugate automat la lista ta de e-mail. Oferind mai multe oportunități cititorilor blogului de a se înscrie pentru actualizări prin e-mail, veți crește mai rapid numărul de abonați la e-mail dacă adăugați o opțiune lightbox pe fiecare pagină.

Pe lângă un formular de înscriere în bara laterală, puteți pune unul în postarea dvs. sau în partea de jos. Introducerea formularului de înscriere în conținut va fi ușor de convins pe cineva să se alăture dacă deja se bucură de conținutul dvs.

Add a subscription form on every page

9) Folosiți mai mult spațiu alb

Spațiul alb este un element important de design din motive întemeiate. Dacă este folosit bine și corect, poate transforma un design și poate oferi multe avantaje site-ului dvs.

Spațiul alb care se află între paragrafe și în jurul blocurilor de text și imagini ajută de fapt oamenii să înțeleagă ceea ce citesc și adaugă la o experiență de utilizator mai bună în general. De asemenea, va ajuta la creșterea gradului de implicare, deoarece utilizatorii au șanse mai mari să rămână pe pagină mai mult timp. Folosirea mai multor spațiu alb ajută la crearea unui design cu aspect mai profesionist și la creșterea lizibilității conținutului.

Use more white space

Use more white space

10) Atrageți publicul cu un site web prietenos cu dispozitivele mobile

Faceți mai ușor pentru utilizatori să interacționeze cu site-ul dvs. pe un smartphone. Lucruri precum utilizarea unei dimensiuni de font care este lizibilă pe ecrane mici sau posibilitatea ca acestea să vă sune cu un singur clic, contribuie în mare măsură la îmbunătățirea experienței utilizatorului.

Engage audience with mobile friendly website

11) Hărțile termice arată implicarea

Instrumentele de hărți termice sunt suprapuneri grafice ale site-ului dvs. web, care indică ce conținut este fierbinte și ce nu. Acest lucru se realizează în principal prin urmărirea clicurilor de mouse ale vizitatorului.

Învățarea despre comportamentul vizitatorilor este importantă pentru succesul site-ului dvs.

Maparea termică răspunde la multe întrebări. Sunt vizitatorii tăi distrași de prea multe alegeri? Îți părăsesc pagina înainte de a se abona la o opțiune de abonament prin e-mail? Puneți suficient accent pe paginile care sunt cele mai importante pentru utilizatori? Ce imagini și anunțuri de pe paginile de destinație evocă cele mai bune răspunsuri și generează conversii la vânzări?

Heat maps show engagement

Concluzie

Sper că acest articol vă poate face să începeți să vă gândiți la câteva tehnici comune de web design care îmbunătățesc implicarea utilizatorilor. Cel mai bun lucru pe care îl puteți face este să vă puneți în pielea unui utilizator obișnuit și să încercați să determinați defectele majore ale unei interfețe.

Pe măsură ce consumatorii devin mai inteligenți și au mai mult control asupra experienței lor de cumpărare, este necesar ca strategiile dvs. de marketing să țină pasul cu tendințele. Există multe beneficii ale utilizării marketingului de implicare pentru afacerea dvs.

O mai bună conduită de implicare a utilizatorilor la un raport de conversie mai bun, rate mai mici de abandon și, probabil, o creștere a vânzărilor. Aveți vreunul dintre propriile sfaturi? Spuneți-ne în comentariul de mai jos?