Unitat didàctica 3. Designing web navigation.

Mer av detta

Elementos Básicos de las Estructuras Administrativas

av rebeca aragon

CARTA COMERCIAL

av Nouhaila HA

LA CARTA

av elizabeth quispe huamantinco

LA CELULA: unidad de vida

av CRISTIAN JESÚS CURO LLENQUE

Unitat didàctica 3. Designing web navigation.

Tipus de pàgines

De què depén la llargada de la pàgina (Quan una pàgina s'hauria de convertir en dues?)

A la gent no li agrada llegir de la pantalla de l'ordinaor, és més cansat llegir online que en suport paper

Contingut (no té el mateix efecte si estpa dividit en parts diferents)

Mides de pantalla (no n'hi ha una de única)

Pàgines funcionals: per completar la recerca online. No acostuma a haver-hi text, sinó navegació incrustada i links relacionats

Pàgines de presentació, de registre, per crear comptes... No tenen una navegació perquè no s'interrompi el procès (s'hauria de tornar a començar)

Pàgines de cerca avançada, que normalment estan en pàgines serparades

Pàgines de contingut: són les pàgines que busca la gent: històries, articles, blocs, notícies...

Pàgines de producte

Enviar per correu a un amic

Canviar la mida i el color

Veure les imatges en gran

Guardar en una llista de preferits

Afegir al "carro de comprar" o al "moneder"

Productes relacionats

Detalls

Descripcions

Imatges

Pàgines de navegació: mostren al visitant el seu objectiu, si és una pàgina de contingut o funcional

Pàgines de resultat de cerca: es crea basant-se en les "keywords" utilitzades per l'usuari

Pàgines-galeria: com les de destinació però amb contingut gràfic enllaçat a d'altres pàgines

Pàgines de destinació: diferents categories de la pàgina principal

"Home page": pàgina principal, ens redirigeix cap allà on vulguem anar

Aspectes que distingeixen els diferents tipus de cerca

La posició de la navegació a la pàgina

El tractament visual de les opcions de navegació

Les maneres de buscar els mecanismes de suport

Comportament dels enllaços de navegació i la transició a la següent pàgina

El tipus de mecanisme d'accès als continguts

Categories de navegació

Utilitat: connecta amb pàgines i eines que ajudin a l'usuari a utilitzar la pàgina. Acostumen a estar fora de la jerarquia d'enllaços principal de la pàgina i només es relacionen entre les de mateixa funció.

Tipus de navegació d'utilitat

Navegació interna

També proporciona una vista prèvia general de la pàgina

Enllaços que serveixen per saltar d'una pàgina a una altra dins la mateixa web sense haver de tornar enrrere

Selector de país o regió

Una mateixa pàgina pot tenir diferents producte segons la regió o el país

Selector d'idioma

Recordem que si tenim una web en més d'una llengua, ha de quedar marcat al codi HTML

Logo enllaçat, que pot mostrar-lo com a imatge o pot ser un enllaç ràpid a la "home page"

Caixes d'eines, per fer el que sigui al lloc web

Enllaços que duen a altres pàgines de la mateixa empresa o negoci, per exemple, o com les diferents utilitats de google, etc.

Sovint, la navegació principal i la d'utilitat apareixen juntes en una àrea global de navegació

Normalment apareix al top del web

No formen part de la jerarquia de la pàgina, enllacen amb altres pàgines dins d'aquesta però sense cap tipus de relació amb el tema, com per exemple, el perfil d'ususari, un "carro de compra"...

Proporciona eines per ajudar a l'ususari a navegar per la web

Associativa: connecta pàgines de temes semblants, dins el mateix nivell (com passar d'una subcarpeta a una altra guardades dins la mateixa carpeta principal).

Navegació de peu de pàgina

Tradicionalment, conté informació addicional que no pertany al tema principal, com els crèdits, llicències de copyright, etc.

Enllaços ràpids

Enllaç a una pàgina important del web que no surt a la navegació principal

Navegació d'adaptació

Subtopic

El més normal és fer llistes de top 10, perquè sovint, els enllaços més populars poden arribar a ser interminables

Normalment utilitzada per a fer recomanacions en webs de comerç online

Els links d'aquesta navegació estan creats per un procés basat en un rànquing algorítmic que analitza el comportament dels usuaris

Navegació contextual

Dóna la oportunitat d'ampliar la inforamció i una bona exploració

Relacionada: en un quadre a part, serveixen per a facilitar més temes semblants al consultat o enllaçar amb els articles més visitats sobre aquell tema

Incrustada: les paraules mateixes queden subratllades i servirien per donar més informació sobre la paraula enllaçada

Estructural: connecta una pàgina amb una altra de nivell inferior (com una subcarpeta).

Accessibilitat

Els usuaris amb problemes per a llegir la pantlla no necessiten que se'ls llegeixi el menú en veu alta a cada pàgina nova, ja que porta temps i molesta. Per a evitar això es pot posar un enllaç d'Skip Navigation o també tenir la navegació a la part inferior de la pàgina amb un enllaç d'Anar a la Navegació.

Disposicions comunes entre les dues navegacions

Verticals i adjuntes: en forma d'arbre, la local queda adjuntada, marcada amb tabulador, dins de la principal

Aquesta pot ser més dinàmica. Per exemple, actualment estem acostumats a veure pàgines amb la nav. principal vertical a cap de la pàgina i en reposar el cursor sobre de cada enllaç, es desplega una finestra amb la navegació local dins de cada apartat. Seria un tipus de navegació adjunta i dinàmica.

Les dues horitzontals, una sota de l'altra, potser de diferent mida, tipus de lletra, etc.

Com una L invertida: nav. principal horitzontal a sobre de la pàgina i nav. local vertical a l'esquerra

Navegació local

Pot ajudar a aclarir de què tracta la pàgina

Relaciona temes i els agrupa

A diferència que la principal, la nav. local pot, a vegades, enllaçar fora de la pàgina web

Extensió de la navegació principal

Per accedir a nivells inferiors de l'estrucutura del web, a continuació de les pàgines de navegació principal

Navegació principal

De què depén la mida i la persistència de la navegació principal?

Procès de navegació (si es pot interrompre o no, etc.)

Objectius dels interessats (empreses, dissenyadors...)

Comportament i necessitats de l'usuari

Mida del lloc web

Serveix per moure's fàcilment entre les pàgines sense haver de recomençar des de la pàgina principal

És una orientació constant molt útil

Dóna una vista prèvia de la pàgina i respon preguntes que pot tenir l'usuari principiant, per exemple, saber si trobarà el que està buscant

Els canvis que es produeixen en cada pàgina són mínims

S'espera que enllacin amb pàgines dins el lloc web, no que enllaci amb pàgines externes

Normalment es situa a la part superior de la pàgina

Important

No existeix una sola guia per a dissenyar la navegació d'una pàgina web. Nosaltres mateixos hem de ser capaços de veure què és allò que necesitem i què no. Una bona manera de fer aquest exercici és veure la pàgina com si fòssim els visitants i no els dissenyadors.