Folosirea principiilor AIDA în Web Design

În acest articol vom discuta modul în care putem folosi designul pentru a implementa principiile stabilite de AIDA (acronimul de marketing, nu operă italiană) și de a ajuta la crearea de pagini web orientate spre vânzări.

AIDA înseamnă Atenţie, Interes, Dorință și Acțiune; cele patru etape care aparțin procesului de vânzare, în conformitate cu E. St. Elmo Lewis, omul din spatele acestei școli de gândire. AIDA poate fi aplicată în diferite situații care implică vânzarea de produse sau servicii, dar în acest articol ne vom concentra pe modul în care putem realiza fiecare pas prin intermediul designului web.

Principiile AIDA sunt relevante în special pentru proiectarea paginilor de destinație, unde se întâlnesc de obicei marketing și web design on-line. Paginile de destinație vizează, în general, să vândă fie un produs, un serviciu sau un abonament.

Sa incepem.


R: Atenție

Atenția este primul pas al principiilor AIDA și cel pe care se bazează toate celelalte. La urma urmei, cum puteți obține un utilizator pentru a lua măsuri dacă nu ați prins ochiul pentru a începe cu?

Atragerea atenției este discutată foarte mult în cadrul designului web; clienții doresc ca site-ul lor să fie observat. Sunt discutate în mod regulat concepte cum ar fi "Above" și "Al doilea regulă", ambele axându-se pe necesitatea de a atrage rapid atenția utilizatorilor.


Viața mai mică de 600 de ani

Web-ul ca platformă este o modalitate excelentă de a atrage atenția; design bun sau unic de la sine va fi observat. Cu toate acestea, elementele individuale ale unui design pot fi utilizate pentru a atrage atenția utilizatorului și a-i conduce către anumite zone din pagină.

Merită totuși remarcat conotația negativă a faptului că prea multe elemente de pagină se luptă pentru atenția utilizatorului. Dacă totul este subliniat, nu va fi stabilit nici un sentiment de ierarhie și utilizatorul se poate simți intimidat și copleșit.

Metodele de atragere a atenției se schimbă în timp, pe măsură ce tendințele și tehnologia evoluează, dar aici sunt câteva metode populare utilizate în prezent.

Textul mare

Textul de mare amploare a fost în jur de ceva timp în cadrul designului web. În general, este folosit pentru a face o declarație îndrăzneață în avans, cum ar fi primirea utilizatorului sau explicarea naturii site-ului (de exemplu, Noi facem site-uri web). Dimensiunea exactă a textului față de restul paginii îl plasează ferm în partea de sus a ierarhiei vizuale.


Carsonified
Mark Hobbs
Big Cartel

Sliders

Dispozitivele alimentate cu Javascript au fost o tendință masivă în ultimii ani (verificați doar unele dintre fișierele populare de pe Themeforest) și pe bună dreptate - întrucât sunt excelente pentru a atrage atenția și pentru a face o primă impresie extraordinară. Ele permit folosirea imaginilor combinate cu mișcări și animații. Slide-urile au devenit treptat mai avansate, pornind de la tranzițiile simple și decupajele la efectele 3D capabile cu CU3ER și Piecemaker (chiar dacă se bazează pe Flash).


Marcs Design
Piecemaker
Modernizați tema

Animaţie

Pentru a crea o animație detaliată detaliată pe web, ar fi trebuit să se bazeze în mod tradițional pe Flash - nu mai este cazul însă. CSS3 animațiile devin din ce în ce mai avansate, iar suportul pentru browser crește odată cu acesta.

Animația, dacă este utilizată corect, este o modalitate excelentă de a distinge site-ul dvs. și de a atrage atenția utilizatorului.


Webul expresiv
Reverdand Danger
Quazar

I: Interes

Urmează interesul, al doilea dintre principiile AIDA. Am luat deja atenția utilizatorului, acum trebuie să-i facem interesați de ceea ce oferim. Cum facem asta??

Se sugerează că, în loc să comunicăm caracteristicile produsului sau serviciului nostru, explicăm beneficiile și avantajele acestuia. Această abordare schimbă focalizarea spre utilizator, mai degrabă decât pentru produs sau serviciu, și permite utilizatorului să se identifice cu acesta la nivel personal.

În ceea ce privește modul în care putem aborda acest lucru prin proiectare, este vorba despre prezentarea clară și succintă a acestor beneficii. Utilizatorii nu vor să citească paragrafele unui câmp de vânzări pentru a afla ce este în el pentru ei. Bucăți de informații, pași, liste, puncte bullet, icoane și multe altele pot fi folosite pentru a comunica rapid informațiile.


Evernote afișează trei beneficii mari, împreună cu imaginile, de îndată ce încărcați pagina.
Pagina de destinație pentru Basecamp cu 37 de semne devine direct la punct prin listarea a trei beneficii cheie.
Pagina de web pentru Sparrow folosește secțiuni clar definite pentru a afișa beneficiile aplicației lor.

D: Dorință

OK, așa că le-am atras atenția, le-am făcut interesate, acum trebuie să le punem pe utilizatori vrei ceea ce oferim. Trebuie să generăm dorință.

Generarea dorinței este un subiect larg, întreprinderile angajează divizii de marketing întregi pentru a crea campanii elaborate și angajante pentru a realiza acest lucru. Ne vom concentra, totuși, asupra modului în care putem face acest lucru prin intermediul designului web.

În această etapă, aveți atenția și interesul utilizatorului și veți fi dispuși să investească mai mult timp pe site. Această răbdare permite prezentarea unor informații mai detaliate, sub formă de imagini, video sau text. Nu este nevoie să grăbiți acest pas.

Afișați-l oprit

Este de la sine înțeles că trebuie să prezentați produsul în cea mai bună lumină. Oamenii vor face judecățile pur pe baza esteticii și vor asocia un design bun cu un nivel mai ridicat de calitate generală. Nu numai atunci, designul site-ului trebuie să fie de până la par, dar produsul real (dacă există unul) trebuie să arate bine, de asemenea.


Videoclipul scurt pentru Clear este excelent și arată într-adevăr aplicația.

Imaginile de înaltă calitate, captivante și videoclipurile bine realizate pot fi extrem de puternice pentru a face produsul să arate bine. Site-ul Apple face o treabă excepțională de a-și expune toate produsele folosind imagini de dimensiuni mari combinate cu animație.

Luați în considerare cel mai bun mod de a vă prezenta produsul sau serviciul. Cei care vând produse digitale, cum ar fi aplicațiile sau designul web, le afișează adesea pe dispozitive precum monitoare, laptopuri și telefoane.

Dovada sociala

Dovada socială este una dintre cele mai puternice și comune modalități de a genera dorința. Ea poate lua multe forme și de multe ori o veți întâlni de mai multe ori în viața de zi cu zi.

Dovada socială poate fi un concept psihologic complex, dar la un nivel de bază descrie faptul că oamenii își iau indicațiile de la alte persoane. Dacă alții găsesc ceva acceptabil, un individ are mai multe șanse să se gândească în felul acesta.

Martorile și recenziile reprezintă un excelent exemplu, deoarece vor demonstra că alții au avut deja o experiență bună cu un serviciu sau un produs. Știind că alții au folosit un produs și că îl recomandă să elimine sentimentul de risc și, la rândul său, să sporească dorința.

Este mai bine să includeți opiniile și opiniile experților sau celebrităților. Aceste tipuri de persoane au un mare succes și opinia lor are o mulțime de valoare și încredere în spatele ei.

Același concept poate fi văzut atunci când un studio de design afișează companii mari, de succes ca și clienți sau când un autor prezintă cu mândrie locul în care a fost prezentată munca lor.

Pe lângă utilizarea calității în avantajul dvs., cantitatea poate funcționa la fel de bine. Acest lucru poate fi văzut atunci când un număr mare de urmăritori Twitter, Persoane interesate pe Facebook sau Abonați RSS sunt afișați pentru ca toți să poată vedea.


Tuts + Hub

R: Acțiune

Am făcut toată munca grea și am făcut-o atât de departe, acum ajunge la pasul final - acțiune. Scopul final al unei pagini de destinație este de a converti pe cineva la un cumpărător sau la un abonat, iar ultimul lucru pe care îl dorim este să nu reușim în acest stadiu final.

Apel la acțiune

Elementul "Apel la acțiune" este destul de explicativ. Acestea sunt elemente, de obicei sub formă de butoane, care invită utilizatorul să efectueze un anumit tip de acțiune, cum ar fi "Cumpărați acum" sau "Înscrieți-vă". Ele sună destul de simplu, dar există câteva considerații care trebuie făcute în momentul proiectării.

În primul rând, cu orice element de apel la acțiune, trebuie să fie absolut clară și evident că utilizatorul poate interacționa cu acesta. Se așteaptă ca butoanele să aibă un anumit stil, cum ar fi o zonă bine definită sau un sentiment de adâncime.

Putem ajuta în continuare să distingem elementele de apel la acțiune folosind diferite metode. Utilizați culoarea, dimensiunea, detaliile și spațiul alb în avantajul dvs. și pentru a evidenția în continuare elementul.

Utilizați formularea directă a butoanelor pentru a încuraja acțiunea și a crea un sentiment de urgență. O limbă clară și concisă nu numai că va promova acțiunea, dar va fi evident pentru utilizator ce să se aștepte la interacțiunea cu elementul.

Trebuie, de asemenea, să facem cât mai ușor posibil ca utilizatorul să ia măsuri prin oferirea de oportunități multiple de a face acest lucru. Un element proeminent de apel la acțiune ar trebui să fie inclus în proiectul inițial, cu alte ocazii în întreaga pagină.

Este important, totuși, să menținem un echilibru bun. Nu vrem să copleșim utilizatorul și să îi facem să se simtă presați în vreun fel. Prea multe elemente de apel la acțiune vor părea exagerate și pot avea efectul opus al ceea ce vrem. Două până la trei sunt probabil un număr bun pentru a căuta.

Aspectul Z

"Z Layout" a fost discutat pe Webdesigntuts + anterior, dar merită menționat încă o dată, deoarece se aplică perfect paginilor de destinație pentru utilizatorii de top.

"Z Layout" este un aspect simplu, dar eficient al paginii web care direcționează utilizatorul prin diferite puncte dintr-o pagină și duce în cele din urmă la un element de apel la acțiune. Acest aspect este o modalitate perfectă de a implementa principiile AIDA, conducând utilizatorul prin fiecare pas la rândul său și prezentând în cele din urmă chemarea la acțiune la final.

Un avantaj al acestui aspect este faptul că este foarte adaptabil și poate fi utilizat în multe moduri diferite. Structura formei "Z" nu este rigidă și se poate extinde și contracta pentru a cuprinde diferite forme de conținut. Prin urmare, veți vedea adesea exemple ale acestui aspect, care pot arăta diferit unul de celălalt.

Iată câteva exemple ale aspectului "Z" în acțiune. Vedeți dacă puteți observa calea dorită.


Concluzie

Cunoașterea teoriei din spatele principiilor AIDA și modul de executare a fiecărui pas prin proiectare poate fi o cunoaștere foarte valoroasă pentru un designer web.

Tehnicile individuale discutate mai sus sunt relativ simple și obișnuite în cadrul designului web, dar este o abilitate diferită de a le putea combina în așa fel încât să creeze pagini web eficiente, orientate către obiective.

Dacă acest articol a dat naștere interesului pentru AIDA, consultați tutorialul Premium care însoțește Proiectarea unei pagini de destinație utilizând principiile AIDA ...

Vă mulțumim pentru lectură!