Navegació fàcil per als usuaris

1. Utilitza enallaços blaus i botons del sistema. Ajuden a l'usuari a reconèixer el que és pot clicar i el que no.
2. Oferix a l'usuari la informació necessària sobre on està i cap on pot anar de forma clara.
3. Ofereix guies l'usuari (1, 2 i 3, primer això, després allò, et recomanem això).
4. Els elements que recarreguen la pàgina han d'indicar-ho clarament.

Ordenats de mes a menys aquells elements que clarament indiquen acció de clicar i canviar de pàgina.
1. Els links en blau i els botons del sistema.
2. Els links en un altre color que no siga blau, perden part de la crida d'enllaç.
3. Els botons que no són del sistema. La pestanya potser serà l'exemple mes estés però hi han altres opcions.
4. Links sense subratllar que canvien de color o se subratllen al passar per damunt.
5. Fotos. La grandària de la foto ajuda a què es passi per damunt i s'evidencii l'opció de clicar. Una altra opció que ajuda a l'usuari a clicar en les imatges, és el perfil. Aquest perfil tindrà el mateix color que els links, per la qual cosa ajudara a l'usuari a reconéixer l'enllaç.
6. Text o imatges sense subratllar que no canvien de color.

Amb aquest orde recomanem que sempre s'usin enllaços blaus i botons del sistema.
L'usuari no és tonto, però tampoc és endeví i serà més fàcil per a la navegació si indiquem clarament quins elements tenen enllaç i quins no. Recorda que com més clars siguin, més pàgines visitarà, més productes mirarà....

Un dada important a l'hora de fer botons és la grandària dels mateixos. La relació de grandàries respecte a la pantalla ha de ser proporcional ja que ajudarem a l'usuari a encertar a l'hora de clicar.
Un altra dada important és evitar els espais en blanc en la navegació. Procura que els botons quedin clarament contornejats i que aquest contorn no es trenqui. Si poses una imatge sota un text que explica el que és, procura que l'espai entre el botó i el text també sigui clicable.

Botons ordenats, com a bon exemple de com fer botons que funcionin:
1. El quadrat proporciona un àrea major d'encert per a l'usuari.
2. El circular també dóna una àrea d'encert, però és menor i l'usuari se sol recolzar en els contorns.
3. Si no pintem l'àrea d'encert, l'usuari ha d'apuntar bé per a encertar el botó.

Exemple de botonera que ajuda a l'usuari a navegar:
1. Indicar clarament l'àrea on es pot clicar.
2. El botó indica clarament que es pot clicar a l'estar subratllat.
3. La separació entre botons ha de ser mínima per evitar així zones no clicables.
4. No usar icones, no són útils, no ajuden i només ocupen espai.

Hi ha casos en que botons gràfics pesen menys que el codi html. És un fet demostrat que entre el codi i el pes d'un gif idexat amb 2 colors quasi no hi ha diferència, i en apuntar-hi proporcionem un àrea major d'encert. Aquesta opció, només en el cas que el pes siga menor, només es recomana per a elements fixos de la navegació que l'usuari pugui emmagatzemar en el seu pas des de la primera pàgina.