homepage usability, elemente cheie

Prima pagina a unui magazin online este vitrina, punctul de plecare al relatiei cu potentialul cumparator. Orice imbunatatire a acestei zone prin evidentierea elementelor cheie ii va creste gradul de utilizare si implicit valoarea business-ului.

La prima vedere, sa construiesti prima pagina a unui ecommerce este usor. Asa ar raspunde, poate 70% din managerii de astfel de proiecte daca i-ai suna.
Nimic mai corect, caci aparent daca ai o structura bine definita, e la indemana sa afisezi vandabilul, promotiile sau un program de fidelizare in zona cea mai fierbinte – mare, vizibil si eventual indeajuns de colorat incat sa indemne userul sa faca ceva…
Problema majora in ceea ce priveste gradul de utilizare este ca oferta ta este imensa si incluzand cate un mic preview la sectiunile importante, vei sfarsi prin a avea o insiruire verticala de produse, promotii, comentarii …samd.
E ca si cum te-ai uita la o vitrina inalta de 5m.

Si fie ca optezi pentru un homepage bazat in mare parte pe vizual sau pe altul ce pune accent pe listing-uri din arii bine delimitate, in termeni de usability, constructia primei pagini ar trebui sa faca uz de elementele de mai jos, tinand cont in acelasi timp ca un user rareori citeste mai mult de 20% din textul afisat pe prima pagina, zonele intens focusate  ‘desenand’ un tipar in F.

homepage usability

• logo-ul este asezat intr-o zona distincta, de maxima vizibilitate
• motto-ul este afisat in titlul paginii
• motorul de cautare este vizibil si indeajuns de mare pentru a cuprinde minim 25 de caractere
• categoriile sunt vizibile, structura arborescenta fiind evidentiata signalistic
• ofertele importante sunt afisate in zona de maxima vizibilitate cu mesajul cheie livrat in clar
• tot continutul dinamic este focalizat pe definitia de call to action
• linkurile text incep cu un cuvant cheie
• imaginile folosite ca vector de comunicare sunt relevante (recomandat este sa folosesti imagini din viata reala a unui produs)
• proportia dintre imagine si text este relativ egala
• numarul de fonturi folosite este maxim 3
• numarul de culori folosite este de maxim 3
• continutul este afisat pe verticala in ordinea importantei
• toata informatia corporatista este grupata intr-o singura zona(contact, despre…)
• design-ul are o tenta explorativa, incurajand userul sa navigheze
• ansamblul nu este aglomerat si reprezinta o previzualizare a continutului
• navigarea este intuitiva, userul putand sa-si dea seama rapid cum ajunge in zona dorita
• homepage nu inseamna pagina de categorie, deci listing-ul de produse ar trebui sa fie rezonabil [3-4 din fiecare categorie aleasa este suficient]
• elementele de securitate (daca exista) sunt afisate
• dimensiunea redusa permite o incarcare rapida
• coordonatele de contact direct sunt vizibile, afisate intr-o zona cu vizibilitate buna

Lista de mai sus este doar un punct de start pentru tot ce inseamna homepage usability. Realitatea cu siguranta cere mai mult, asa ca nu te rezuma la a decora sau a umple prima pagina cu o insiruire de produse.

tweet me