Pentru un design UX mai bun: pot face clic pe acesta?

Cum modificările subtile vă pot crește CTR

Toată lumea vrea mai multe clicuri. Mai multe atingeri. Mai mulți utilizatori spunând „da, îmi place orice îmi oferiți”. Am vrut să analizăm câteva moduri prin care utilizatorii de fapt doresc să facă clic mai mult, aici intervine designul UX !

Este destul de bine plasat pe tot web: atunci când îi convingeți pe utilizatori să dea clic, o schimbare subtilă poate merge foarte mult. Am analizat care ar putea fi exact acele modificări subtile și efectul pe care l-ar putea avea asupra conversiilor dvs.

Fonturi

Fonturile pot avea un efect enorm nebunesc. De exemplu, în 2009, Tropicana și-a rebranșat în mare măsură și o mare parte din asta a fost refacerea fontului. Amintiți-vă că fontul Tropicana este și logo-ul lor.

Imagine prin Vital Design

Vânzările au scăzut rapid cu 20%.

Fonturile sunt, de asemenea, unul dintre cele mai stabile lucruri pe care te poți baza atunci când îi convingi pe oameni să facă clic.

În general, un font îndrăzneț, sans serif, cu contrast ridicat, se va descurca grozav.

De ce? Este cel mai ușor de citit. Exemple în acest sens sunt peste tot pe internet. Basecamp, BaseCRM, Evernote, mHelpDesk - toate aceste companii au aceleași CTA-uri - contrast ridicat, font aldine sans serif. Este ușor de văzut, este ușor de citit. De aceea, companiile tind să-l folosească peste fonturi serif. (Același lucru este valabil și pentru afișe - îl puteți citi de la vârste departe). De asemenea, sans serif este mai ușor de citit pe computer, motiv pentru care vrei să-l folosești atunci când vrei ca cititorul să facă clic - trebuie să știe ce spui înainte de orice altceva.

Umbre plasate + efecte 3D

Este uimitor cum umbrele și realizarea de ceva 3D îi pot face pe oameni să facă clic pe el. Este într-adevăr singurul dezavantaj major al designului plat. (În prezent. Celălalt este că, în cele din urmă, va fi nebunesc.) Când lucrurile sunt cu adevărat plate, arată grozav, dar nu este atât de ușor de știut ce se poate face clic și ce nu. Jakob Nielsen a discutat despre acest lucru când a evaluat Windows 8 în 2012.

Pentru că oamenii dau clic mai mult atunci când lucrurile arată de fapt ca niște butoane, margini rotunjite sau o umbră, fac foarte ușor să știi ce se poate face clic și ce nu.

(sfat pro: acestea se numesc butoane stil chioșc).

Acest lucru prezintă de fapt o problemă interesantă. Butoanele în stil chioșc au fost folosite inițial în arcade și în alte locuri pe vremuri. Așa că, atunci când am trecut la digital, acea normă a continuat. Acest lucru are sens, dar la un moment dat, ele devin butoane teșite și 3D de dragul de a fi butoane 3D teșite, nu pentru că cineva își amintește efectiv de unde provin. Este ca pictograma de salvare a dischetei – rădăcina skeuomorfă devine în cele din urmă arbitrară și nu mai este skeuomorfă.

Toate acestea pentru a spune că oamenii sunt mai confortabil să facă clic pe butoanele în stil chioșc în acest moment, dar am putea vedea o îndepărtare constantă dacă un design plat poate rămâne acolo câțiva ani în plus.

Circulaţie

Mulți oameni se angajează să creeze ceva care să fie 3D pe care se poate face clic, dar cred că este suficient de important pentru a garanta o categorie în sine, mai întâi din perspectiva UX și, în al doilea rând, din cauza a ceea ce înseamnă pentru designul plat.

Din perspectiva UX

Utilizatorii au nevoie de feedback pentru acțiunile lor. Este modalitatea numărul 1 de a ajuta utilizatorii să înțeleagă unde se află și ce trebuie să facă.

Prima sarcină de a face ceva pe care se poate face clic este să le spui utilizatorilor că se poate face clic.

Când vine vorba de butoane, de exemplu, doar cea mai mică schimbare de gradient poate face minuni. De exemplu, pagina de pornire Eventbrite folosește o ușoară modificare de gradient pe pictogramele sale pentru a arăta că acestea pot fi făcute clic și pentru a consolida locul în care se află utilizatorul:

Un alt exemplu grozav este pagina de pornire a site-ului eTecc/Interactive. Ei folosesc de fapt aa fill pentru a-i anunța utilizatorului că ceva se poate face clic.

Este o modalitate atât de ușoară de a descoperi cum să informezi utilizatorii ce se poate face clic și ce nu. Și pe măsură ce lucrurile devin din ce în ce mai plate, acest feedback vizual este din ce în ce mai important. În mod ciudat, acesta este ceva la care Apple ar putea îmbunătăți. Consultați pagina de pornire Apple.ca.

Se pare că linkurile din partea de sus se pot face clic, ceea ce sunt, și există o mică schimbare de gradient pentru a reafirma aceste cunoștințe pentru utilizator. De asemenea, putem presupune că opțiunea de vizualizare a galeriei se poate face clic și, din nou, există o schimbare de culoare pentru a consolida acest lucru.

Dar problema este că întregul ecran este de fapt pe care se poate face clic! Este extrem de neintuitiv pentru utilizator și, în calitate de persoană care se întâmplă să facă clic mult , mi-a luat ceva timp să îmi dau seama de ce pagina s-a tot schimbat. Nu este deloc o interfață intuitivă.

Dintr-o perspectivă plată

Deci, deși Apple nu a reușit 100% din timp, sunt destul de aproape. Iar mișcarea permite designerilor să construiască interfețele plate pe care le doresc, în timp ce le permite utilizatorilor să știe ce se poate face clic și ce nu. Observați cum toate exemplele au fost modele excepțional de plate? Dezvăluirea completă Am plănuit asta. Acesta ilustrează faptul că designul plat poate funcționa pentru un buton, atâta timp cât există feedback.

Iată un exemplu de design plat (ish) fără feedback - deși este clar pentru mine că este un buton, fără feedback se simte puțin ca și cum computerul meu nu funcționează.

Contrast + Culoare

Din păcate, nu există un anumit cod RGB care să garanteze oamenilor să facă clic. Dar există câteva reguli excelente de urmat care te vor ajuta. Dacă doriți ca utilizatorii să facă clic pe ceva, doriți ca acesta să iasă în evidență. Asta înseamnă că ai nevoie ca acesta să contrasteze dramatic cu orice altceva este în jur, chiar dacă înseamnă să rupi din paleta de culori a unui brand.

De exemplu, David Hamill recomandă utilizarea unei culori pentru hyperlinkuri care nu este folosită pentru nimic altceva. Pe site-ul său, fiecare link este făcut în roz. Este ușor ca utilizator să știe ce este un link și ce nu. Combinat cu o modificare atunci când treceți cu mouse-ul peste el, este foarte evident pentru utilizator când puteți face clic pe ceva.

Acest tip de problemă de culoare și contrast vine cel mai adesea cu îndemnuri (CTA) și butoane, iar o mică schimbare a culorii poate aduce o schimbare uriașă a profiturilor. De exemplu, Vibethink a scris despre CTA și butoane și a raportat că schimbarea culorii și formei unui buton a crescut conversiile (a se citi: clicuri) cu 35%. Ei au simțit că contrastul crescut a făcut ca utilizatorii să facă clic mai ușor.

Dar au schimbat două lucruri, așa că nu este absolut științific. Hubspot a publicat în 2011 rezultatele unor teste A/B pe butoanele roșii și verzi și a constatat că butonul roșu îl depășește pe cel verde cu 21%.

Prin urmare, culoarea și contrastul pot juca un rol important în a-i determina pe utilizatori să facă clic pe lucruri.

Învelire

Diavolul e în detalii. În calitate de designeri, dezvoltatori, utilizatori UX și marketeri, ori de câte ori facem ceva pe care se poate face clic, îi cerem utilizatorului să facă ceva. Click aici. Depune cererea. Contactaţi-ne. Cumpără acum. Orice ar fi, este ceva ce au ei de care avem nevoie. Deci de ce să nu simplificăm asta? Cel mai bun mod de a-ți ajuta utilizatorii să facă clic (și, astfel, probabil, de a te ajuta) este să faci clic mai ușor. Făcând butoanele să se potrivească așteptărilor cu un design în stil chioșc, făcând fonturile ușor de citit pe un ecran (chiar dacă sunt mici) și oferind feedback asupra butoanelor și conținutului pe care se poate face clic, faceți viața utilizatorilor mai ușoară.

Asta e, într-adevăr. Când faceți ceva pe care se poate face clic, faceți viața utilizatorilor mai ușoară în același timp.

Ți-a plăcut această postare? De asemenea, poate doriți să citiți postarea noastră Înțelegeți-vă utilizatorii pentru a vă îmbunătăți site-ul UX Design sau Produsele noastre grozave pe care fiecare designer UX ar trebui să le dețină !