titlu si pret sau starsky si hutch – o chestie de viziune

Mi-a placut serialul. Starsky si Hutch erau baieti buni si rai in acelasi timp. Depinde de unde priveai. Nu-mi amintesc care era mai ‘brav’ dar in mod cert fiecare excela in zona lui. Impreuna, formau o echipa imbatabila.
Cam asa e si cu titlul si pretul. Sau H1 si un div/class ‘aparent’ banal, pentru cunoscatori. Titlul lucreaza sa aduca omul in pagina de produs iar pretul pentru a il convinge sa cumpere. Generic vorbind, in pagina mentionata alaturi de imagine cantaresc cel mai mult, …dar totul depinde de cum vezi tu arhitectura magazinului tau. O chestie de viziune.

Exista o regula nescrisa in design-ul web care spune ca jocul proportiilor in elementele folosite este extrem de important pentru usability si va conta foarte mult economia navigatiei. Incipient, la nivel de constructie, din motive de vizibilitate, marimea fontului ales pentru un titlu sau un pret este capitala.
Densitatea paginii, dinamica ei … si cam tot ce intra la capitolul grad de utilizare, vor fi influentate in primul rand de cele 2 elemente.
Asta pentru ca ele vor fi focusate incipient.
Si daca la momentul implementarii viziunea viitorului proprietar implica si notiunea de optimizare pentru motoarele de cautare, atunci unul din cei 2 mici “eroi” va trebui ajustat putin.
Cum? Urmariti cele 3 exemple de mai jos.

target.com
- titlu -  H1, font marime mare, pozitionare excelenta in de vizibilitate maxima, contrast puternic
- pret – font marime mare(22px), culoare puternica, contrast maxim, vizibilitate excelenta

amazon.com
- titlu – H1, font marime medie, pozitionare in cea mai buna zona de focus, vizibilitate buna, contrast puternic
- pret – font marime medie ce prin jocul proportiilor in raport cu ‘vecinii’ de rand iese in evidenta, culoare medie-puternica, contrast bun, vizibilitate excelenta

zappos.com
- titlu – H1, font marime medie-mica, pozitionare in coltul din stanga sus, in zona de maxima vizibilitate, constrast bun
- pret – font marime medie-mica ce prin pozitionare si lipsa de continut in jurul sau iese in evidenta, culoare puternica, vizibilitate excelenta

Toate cele 3 exemple sunt construite pe o reteta de succes, combinand argumentele seo cu usability. Nu in ultimul rand, design-ul simplist si aerisit potenteaza cele 2 caractere principale, dandu-le putere si greutate in economia paginii. Altfel spus, facandu-le imposibil de ratat.

Important de retinut este ca la reteta in cauza s-a ajuns dupa multiple teste. Ca si cum ai face un casting pentru Starsky si Hutch, incercand sa gasesti cei mai buni actori pentru a interpreta cele 2 roluri.
Orice ai construi, testeaza pe useri. Intai cu 5, apoi fa eforturi si mareste numarul. Difersifica profilul userului si testeaza din nou.
Rezultatul va fi definitoriu.

tweet me