Disseny de barres o menús de navegació
La teva pàgina web des de ZERO (X)
per M.Benítez (13/12/02) En un dels articles anteriors, Anticipa't al teu usuari vaig parlar de com la planificació i disseny de l'estructura de navegació del web podia ser crítica per a les accions de l'usuari una vegada arriba a la pàgina web. Vegem ara alguns consells bàsics per a planificar una bona barra de navegació, que compleixi el seu únic objectiu: orientar i guiar a l'usuari durant la seva visita. En els menús o barres de navegació, vam col·locar símbols o text amb els seus corresponents enllaços als distints continguts del web, perquè l'usuari pugui fàcilment trobar el que està buscant. Del paràgraf anterior es desprèn que el disseny d'aquesta navegació ha de complir 2 requisits claus: simplicitat i claredat
Claredat.
Quan l'usuari entra en la web, seguint un esquema mental que ha après de les seves visites a altres webs, buscarà la barra d'orientació (lateral, superior, inferior). L'estructura de navegació deu poder ser fàcilment identificable com a tal, en tan només uns segons, i una vegada localitzada en la pàgina, ràpida de comprendre i d'utilitzar.
Simple.
Un cop d'ull a aquesta estructura de navegació ha de permetre a l'usuari fer-se una idea del que pot trobar en el web, li ajuda a decidir si es queda o bé es marxa a buscar en altra pàgina o si li convé més començar la visita per un determinat enllaç o un altre. Com més simple sigui l'estructura de navegació, més ràpid i fàcil serà interpretar-la i reconèixer així les distintes alternatives que ofereix la web.
Seguint amb la idea de claredat, els continguts de l'estructura de navegació, que seran habitualment o text o imatges o símbols, requeriran:
El text en els enllaços (l'etiqueta), deu facilitar informació suficient i inequívoca dels continguts que es trobaran al fer clic sobre ell.
Si col·loques expressions estranyes o misterioses (com diu Jakob Nielsen "de la teva collita"), desconcertants o difícils de reconèixer, o bé noms propis de productes o serveis que l'usuari no pot reconèixer, aquest enllaç no compleix el seu objectiu d'orientar i només faran clic en ell per eliminació dels altres enllaços o per deducció.
Facilita'ls el treball de localització de continguts ràpidament i tindràs més oportunitats que trobin el que tu vols que llegeixin. En les etiquetes a vegades serà contraproduent ser molt creatiu. Els usuaris ja han après el significat de "Política de Privacitat", \"Site Map", "Homepage", "Sobre nosaltres" com norma general que siguin el més curtes possible però que alhora aportin el màxim d'informació.
Els símbols o icones haurien de ser també fàcils d'interpretar visualment o si no, incloure una text alternatiu que mostra l'etiqueta corresponent al col·locar el ratolí al seu damunt.
Més necessitats a tenir en compte per a l'estructura de navegació:
Consistent.
Una vegada l'usuari ha "après" com usar el menú de navegació, aquesta estructura ha de mantenir-se de manera consistent en totes les pàgines per a facilitar la comoditat i velocitat per a trobar la informació.
La consistència ha de ser tant en la seva localització en la pàgina, colors i fonts i etiquetes i per als distints submenús que pugui ser necessari desplegar.
Els continguts de la barra de navegació han de ser adequats al comportament que anticipem de l'usuari.
Ja que pretenem conèixer a l'usuari que usarà el web, anticipem les seves necessitats d'informació i la resposta a les preguntes més habituals que li sorgiran, per a decidir quins enllaços inclourem en el menú de navegació i quin nom els hi donarem.
També l'ordre dels continguts deu intentar seguir una lògica per a l'usuari, segons les pàgines de major interès o una agrupació coherent dels enllaços del web.
Ajudar l'usuari
És important que l'usuari pugui distingir quins símbols tenen un enllaç i els quals no, per a estalviar-li el temps d'anar-los provant.
Cal estudiar la profunditat d'enllaços que s'inclouran en la barra de navegació, a vegades serà bé incloure distints nivells de carpetes o directoris que despleguen més enllaços successivament però també serà important mantenir la claredat i així no intentar mostrar tot en el menú, no sigui que tantes opcions despistin al fer a l'usuari dubtar en la seva decisió ràpida d'on fer clic.
Incloure sempre un enllaç a la pàgina principal i un Mapa del Lloc (site map) per si l'usuari es troba desorientat o en pàgines molt profundes en l'estructura i desitja retornar a nivells superiors.
A l'ajudar a l'usuari a orientar-se no només optimitzes el seu temps sinó que li pots dirigir a aquelles pàgines que t'interessi que vegi, encaminar-lo inconscientment cap a l'objectiu que buscaves. Tots els camins han de dur a Roma :-)
©Copyright Magali Benítez
La teva pàgina web des de ZERO (X)
per M.Benítez (13/12/02) En un dels articles anteriors, Anticipa't al teu usuari vaig parlar de com la planificació i disseny de l'estructura de navegació del web podia ser crítica per a les accions de l'usuari una vegada arriba a la pàgina web. Vegem ara alguns consells bàsics per a planificar una bona barra de navegació, que compleixi el seu únic objectiu: orientar i guiar a l'usuari durant la seva visita. En els menús o barres de navegació, vam col·locar símbols o text amb els seus corresponents enllaços als distints continguts del web, perquè l'usuari pugui fàcilment trobar el que està buscant. Del paràgraf anterior es desprèn que el disseny d'aquesta navegació ha de complir 2 requisits claus: simplicitat i claredat
Claredat.
Quan l'usuari entra en la web, seguint un esquema mental que ha après de les seves visites a altres webs, buscarà la barra d'orientació (lateral, superior, inferior). L'estructura de navegació deu poder ser fàcilment identificable com a tal, en tan només uns segons, i una vegada localitzada en la pàgina, ràpida de comprendre i d'utilitzar.
Simple.
Un cop d'ull a aquesta estructura de navegació ha de permetre a l'usuari fer-se una idea del que pot trobar en el web, li ajuda a decidir si es queda o bé es marxa a buscar en altra pàgina o si li convé més començar la visita per un determinat enllaç o un altre. Com més simple sigui l'estructura de navegació, més ràpid i fàcil serà interpretar-la i reconèixer així les distintes alternatives que ofereix la web.
Seguint amb la idea de claredat, els continguts de l'estructura de navegació, que seran habitualment o text o imatges o símbols, requeriran:
El text en els enllaços (l'etiqueta), deu facilitar informació suficient i inequívoca dels continguts que es trobaran al fer clic sobre ell.
Si col·loques expressions estranyes o misterioses (com diu Jakob Nielsen "de la teva collita"), desconcertants o difícils de reconèixer, o bé noms propis de productes o serveis que l'usuari no pot reconèixer, aquest enllaç no compleix el seu objectiu d'orientar i només faran clic en ell per eliminació dels altres enllaços o per deducció.
Facilita'ls el treball de localització de continguts ràpidament i tindràs més oportunitats que trobin el que tu vols que llegeixin. En les etiquetes a vegades serà contraproduent ser molt creatiu. Els usuaris ja han après el significat de "Política de Privacitat", \"Site Map", "Homepage", "Sobre nosaltres" com norma general que siguin el més curtes possible però que alhora aportin el màxim d'informació.
Els símbols o icones haurien de ser també fàcils d'interpretar visualment o si no, incloure una text alternatiu que mostra l'etiqueta corresponent al col·locar el ratolí al seu damunt.
Més necessitats a tenir en compte per a l'estructura de navegació:
Consistent.
Una vegada l'usuari ha "après" com usar el menú de navegació, aquesta estructura ha de mantenir-se de manera consistent en totes les pàgines per a facilitar la comoditat i velocitat per a trobar la informació.
La consistència ha de ser tant en la seva localització en la pàgina, colors i fonts i etiquetes i per als distints submenús que pugui ser necessari desplegar.
Els continguts de la barra de navegació han de ser adequats al comportament que anticipem de l'usuari.
Ja que pretenem conèixer a l'usuari que usarà el web, anticipem les seves necessitats d'informació i la resposta a les preguntes més habituals que li sorgiran, per a decidir quins enllaços inclourem en el menú de navegació i quin nom els hi donarem.
També l'ordre dels continguts deu intentar seguir una lògica per a l'usuari, segons les pàgines de major interès o una agrupació coherent dels enllaços del web.
Ajudar l'usuari
És important que l'usuari pugui distingir quins símbols tenen un enllaç i els quals no, per a estalviar-li el temps d'anar-los provant.
Cal estudiar la profunditat d'enllaços que s'inclouran en la barra de navegació, a vegades serà bé incloure distints nivells de carpetes o directoris que despleguen més enllaços successivament però també serà important mantenir la claredat i així no intentar mostrar tot en el menú, no sigui que tantes opcions despistin al fer a l'usuari dubtar en la seva decisió ràpida d'on fer clic.
Incloure sempre un enllaç a la pàgina principal i un Mapa del Lloc (site map) per si l'usuari es troba desorientat o en pàgines molt profundes en l'estructura i desitja retornar a nivells superiors.
A l'ajudar a l'usuari a orientar-se no només optimitzes el seu temps sinó que li pots dirigir a aquelles pàgines que t'interessi que vegi, encaminar-lo inconscientment cap a l'objectiu que buscaves. Tots els camins han de dur a Roma :-)
©Copyright Magali Benítez
tel.
902.361.344