Blog de Montaweb
Disseny web
Webshop
Posicionament Web SEO
Marketing Online
Analítica Web
Email Marketing
Social Media Marketing
Web 2.0
Reputació Online
Web per a Mòbils
Aplicacions iPhone
Aplicacions Android
Aplicacions iPad
Disseny Gràfic
Fotografia
Actualitat MONTAWEB.com
Google +
31/05/2012
10 principis d’usabilitat imprescindibles per una web
En la fase de disseny de qualsevol projecte web és molt important pensar en la seva usabilitat. Entenem usabilitat com la facilitat que tenen els usuaris de relacionar-se amb la interfície de la nostra pàgina i de navegar-hi en ella. Una bona usabilitat aportarà un augment de l’eficiència del nostre web, una reducció de costos i un augment de la fidelització dels usuaris/clients.
En aquest sentit proposem 10 principis d’usabilitat que cal respectar en el disseny web:
1. Mantenir un estàndard en la localització dels elements. Hi ha elements que sempre es troben en el mateix lloc de la web, fet que facilita la navegació dels usuaris. En una home sabem que normalment:
- El logo es troba a la part superior esquerra.
- Les eines de l’usuari a la part superior dreta (canvi idioma, xarxes socials, cistell de la compra, etc.)
- El menú es troba a la part superior de forma horitzontal o a l’esquerra de forma vertical. - El contingut de la pàgina està a la part central i varia en funció de l’apartat que ens trobem.
- El peu de pàgina hi ha les dades de contacte o d’interès general.
Ex: latiendadurex.com respecta tots aquests estàndards.
2. Coherència amb els disseny dels botons. Els botons amb el mateix disseny han de fer la mateixa funció. Un botó que obre un apartat no pot tenir el mateix disseny que un botó que obre un arxiu, cal diferenciar-los.
Ex: a relojeoclock.com els botons corporatius tipus “Tienda Barcelona” i els botons de productes tipus “Esferas” tenen un disseny completament diferent per facilitar la navegació.
3. Informar sempre al usuari en quina pàgina es troba. És important senyalitzar d’alguna manera en quin apartat o secció de la web es troba l’usuari. Es pot aconseguir marcant de forma diferenciada (color, tamany, etc.) el botó de l’apartat que estem actualment i/o posant un títol a totes les pàgines. En les més senzilles posant el nom de la pàgina és suficient, en les més complexes caldrà especificar la ruta.
Ex: a materialesbellasartes.com es destaca en negreta l’apartat on et trobes i hi ha la ruta a la part superior de la pàgina: Productos/Pinturas/Acuarelas
4. Estètica i disseny minimalista. Intentar simplificar, eliminar el contingut irrellevant perquè l’usuari només es fixi en allò realment important.
Ex: aliens4sale.com és un bon exemple de disseny minimalista.
5. Identificar elements del web amb el món real. Cal relacionar els apartats amb imatges o il·lustracions del món real per facilitar la comprensió de l’usuari. Per exemple el cistell de la compra amb el carro del supermercat, transport o enviament de productes amb un camió, etc.
Ex: a ecovida-tiendaecologica.com associem el concepte del carro de la compra amb el del món real, encara que per comprar online no sigui necessari.
6. Visibilitat de l’estat del sistema. La web ha de mostrar en tot moment a l’usuari què està passant i en quin punt del procés es troba.
Ex: a la versió mòbil de materialesbellasartes.com apareix un símbol indicant que està carregant la pàgina.
7. Mostrar pas que ens trobem d’un registre o compra. En tot moment cal indicar en quin pas es troba l’usuari en un procés de registre o compra i mostrar el total de passos que té el procés.
Ex: a la web de pressing.es veiem que l’usuari es troba en el pas “sol·licitud de presupuesto” d’un total de 4 passos.
8. Facilitar la compra. Especialment en les Shops Online cal oferir alguns recursos a l’usuari per millorar l’experiència de compra. Per exemple mostrant productes relacionats o dels seu possible interès, productes visitats anteriorment, productes destacats, productes més venuts, en oferta, etc.
Ex: a la Shop Online de lurdesbergueda.es es mostren els productes relacionats.
9. Ajuda i documentació. En alguns casos pot ser necessari que l’usuari necessiti ajuda. Cal que aquesta sigui fàcil de trobar, útil, i si pot ser no massa extensa.
Ex: la pàgina neonatural.es disposa d’un apartat de FAQ’s o preguntes freqüents per ajudar als usuaris a solucionar els dubtes més comuns.
10. Possibilitat d’accedir a tots els apartats. És molt important per tal de millorar la usabilitat que l’usuari pugui accedir a qualsevol apartat del web des de la pàgina on es troba amb un sol click.
Ex: a fontadvocats.com pots accedir a tots els apartats del web amb l’ajuda del menú desplegable dels serveis.
70 Comentaris