类别 全部 - funciones - accesibilidad - menú - navegación

作者:sandra tello grau 11 年以前

176

Sistema de Navegació Web

Un sistema de navegación web se compone de varios tipos de navegación, como la estructural y la local. La navegación estructural se basa en una jerarquía bien definida, mientras que la local se organiza por categorías.

Sistema de Navegació Web

Sistema de Navegació Web

Recusos de navegació

“Navigation Systems,” Chapter 7 in Information Architecture for the World Wide Web, by Peter Morville and Louis Rosenfeld (O’Reilly, 2006).
World Wide Web Consortium
HTML multilingüe

S'ha d'especificar cada llengua en l'HTML de la pàgina així:

<html lang=”en” xml:lang=”en” xmlns=”http://www.w3.org/1999/xhtml”>

Tipus de navegació

Utilitat de navegació

No se la considera part de la navegació principal, més aviat són funcions que té la pàgina.

exemples: carro de la compra, formulari de cerca, informació sobre els fundadors de la pàgina, etc.

Pàgina de navegació interna
Selecció de regions/països

A partir d'un mapa.

Si els països són multilingües es pot combinar (google news). A la part inferior apareix el nom del país (en el seu idioma) i amb l'alfabet que utilitzen (i entre parèntesi en anglès)

Selecció d'idiomes

Utilitzar el nom original de la llengua, no totes en anglès i tampoc les banderes (per a no discriminar, la oficialitat d'una llengua pot ser vigent a molts països diferents).

Logotip enllaçat com a home page
Caixa d'eines

Eines útils per utilitzar a la web, també inclouen pàgines de navegació, però majoritàriament són funcionals

Extra-site navigation

Google és el gran exemple. Webs que tenen diversos productes i situen una barra superior per tal de tenir-los tots a l'abast. (Google tradcutor, Gmail, Google Drive, Google books, etc)

Navegació associativa

Connexions a través de la jerarquia de la pàgina (hipertext)

Navegació a peu de pàgina

Hi trobem links textuals, els més comuns referents a la pàgina. Els drets de la web, legalitat, contacte, ajuda, etc.

Enllaços ràpids

S'acostumen a trobar en menús desplegables. Temes d'importància que potser a la vista de la navegació principal queden amagats.

exemple Princeton University

Navegació d'adaptació

Basada en la rellevància dels links. Procés que es construeix a partir del comportament dels usuaris, ranking de links.

Navegació contextual

links relacionats

exemple Washington Post

links incrustats

exemple Information Architect Institute

Navegació estructural

Basada en la jerarquia.

Accescibiltat: Skip navigation

L'usuari tampoc li és útil que els menús es vagin repetint a totes les pàgines. És per això que cal situar l'opció de "sortir", "enrere", o fins i tot, si l'usuari està a la parti inferior de la pàgina, una opció que el desplaci fins a la part superior

Navegació local

Navegació categoritzada. Disposicions comunes de la navegació principal i la local:

L invertida: navegació principal a la part superior i a l'eix lateral es desplega la navegació local.

Horitzontal: representada a sota de la n. principal, barra de menú

Incrustat vertical: si el menú principal està situat a un lateral de manera vertical, el menú local es desenvolupa com l'estructura d'un arbre (a sota d'aquest)

exemple menú dinàmic

Navegació principal

Ddóna forma a la pàgina, delimita les seves fronteres; el què l'usuari trobarà en aquesta web. És on s'inclou el logo, les opcions de navegació principal (pestanyes), la barra de cerca.

Per a un sistema de navegació vàlid cal tenir en compte:

- la mida de la pàgina

- el comportament de l'usuari iles seves necessitas

- objectius dels interessats

- fluxes de treball sense interrupció

exemple opodo

Tipus de pàgines

Pàgines funcionals

Completar tasques online (enviar un mail/consulta)

Llargària de la pàgina

Tenir en compte que la gent no acostuma a llegir textos llargs per internet. No obstant, fragmentar molt els continguts tampoc ajuda al lector que ha d'anar saltant (i a més, col·lapsa el servidor).

Pàgines llargues útils pel context, és a dir, per relacionar conceptes.

Pàgines curtes per a visualitzacions ràpides i per captar l'atenció de l'usuari.

Web applications (ex:: mail,excel)
Formulari d'accés
Formulari de cerca
Pàgines de continguts

Articles, blogs, notícies, etc.

El text és la base del contingut. Per fer-lo més dinàmic, s'ha de fer ús dels gràfics, enllaços, imatges, etc.

pàgines de productes
Pàgines de navegació
Pàgina de resultats de cerca
Gallery pages
Landing pages

proporcionen el contingut d'una secció determinada, "com una home page dins d'una secció"

Home page