Disseny de Navegació Web

r

Mapa Conceptual basat en el capítol Designing Web Navigation (O'Reilly Media), sobre els tipus de navegació i les seves característiques.Alba Martínez MiralpeixEstudiant de Periodisme, Universitat Pompeu Fabra06/03/2012

Recursos

Informació i anàlisi

Navegador web

Formulari de recerca

Bibliografia dinàmica

Scirus

Navegació Web

Navegació estructural

Navegació associativa

Google Academy

Navegació global

Navegació adaptads

Categories de Navegació

r

La major part de tipus de navegació es divideixen en tres grups.

Estructural

r

Connecta una pàgina a una altra basant-se en la jerarquia del lloc.

Navegació Principal

r

La navegació principal representa les pàgines de nivell superior d'un lloc, just per sota de la pàgina d'inici. Els canvis en la navegació d'una pàgina a una altra solen ser petits quan s'utilitza la navegació principal. Aquest tipus de navegació es presenta en una àrea de navegació mundial, que sol incloure el logo del lloc i la utilitat de navegació.

Característiques

Visió general

Orientació

Eficiència en el recorregut

Definició dels límits del lloc Web

Factors

Mida del lloc Web

Conducta i necessitats dels usuaris

Subtopic

Objectius dels interessats (empreses)

Fluxes de treball que no poden ser interromputs

Subtopic

Navegació Local

r

La nevagació social s'utilitza per accedir a nivells més baixos de l'estructura, per sota les pàgines de navegació principals.En una pàgina determinada, la navegació local mostra altres opcions del mateix nivell de jerarquia, a més de les següents opcions de la pàgina actual.

Disposicions

L invertida

r

Llista d'enllaços vertical a la part esquerra de la pàgina en forma de L invertida.

Horitzontal

r

Segons fila d'opcions de la Navegació Global col·locada en horitzontal.

Vertical integrat

r

Integra la Navegació Local entre la Navegació Principal en una estructura semblant a un arbre.

Associativa

r

Connecta les pàgines amb temes i continguts similars, independentment de la seva ubicació en el lloc, els enllaços tendeixen a creuar els límits estructurals.

Per utilitats

r

Connecta les pàgines i funcions que ajuden a les persones a utilitzar el mateix lloc. Poden estar fora de la jerarquia principal del lloc, i la seva única relació és la seva funció.

Pàgines de Contingut

r

Les Pàgines de Contingut són allò que la gent està buscant, la divisa fonamental de la web.

Pàgines de productes

r

Les pàgines de productes són crítques amb els llocs de "e-comerç". Existeixen molts elements típics per produir pàgines com la producció d'imatges, descripcions, més detalls, productes relacionats. A més, sovint aquestes pàgines contenen alguns elements funcionals: comprar, guardar al carret de compra, veure imatges més grans o més petites, canviar el color o enviar la pàgina per email, entre d'altres.

Navegació Associativa

r

Conecta pagines amb temes i contingut similar sense tenir en compte la seva localització a la web, els links tendeixen a creuar els limits estructurals. Aquesta navegacio realitza conexions importants a través de diversos nivells de jerarquia en l'estructura de la web. D'aquesa manera, mentre l'usuari llegeix sobre un tema, pot accedir a altres temes.

Tipus

Navegació Contextual

r

Els links porten a pàgines similars al nivell de la que estem, però també porten a noves àrees de contingut o noves webs. En general, aquest tipus de navegació està situada sempre a contingut de la mateixa web, això crea una gran connexió entre el significat d'un text i les pàgines linkades.

Plans

Navegació incrustada

r

La Navegació Contextual pot estar incrustada en el mateix text.

Links relacionats

r

La Navegació Contextual pot aparèixer al final o en un costat del contingut textual amb els Links ja linkats.

Navegació Adaptativa

r

Els links d'aquest tercer tipus es generen per un procés que depèn del Rànking basat en el comportament dels usuaris: si molta llegeix ho llegeix, és bo. Així, el link adquireix molta rellevància a nivell social.Aquest tipus de navegació es fa servir per fer recomenacions a llocs del comerç electrònic.

Links Ràpids

r

Encara que són similars a la N avegació Contextual, els links rapids són contextuals per la web al complet, no tan sols per a una pàgina en concret. Sovint es fan servir per destacar els llocs més amagats de la web.Les transicions d'una pàgina a una altra fent srvir els links ràpids poden variar considerablement. Normalment, tendeixen a fer salts. En la home page, tenen una posició estratègica per a què es vegin, però en la resta de pàgines poden veure's reduts a un menú dinàmic.

Navegació a peu de pàgina

r

La Navegació a peu de pàgina sempre està al final de la pagina i normalment es representada per links de text. Aquesta dóna accés a pàgines sense més nivells estructurals en elles. Conté informació suplmentària que no té a veure amb el tema principal: clàusules, copyright, condicions i crèdits de la web. Així doncs, aquest tipus de navegació no està adreçada a necessitats específiques de l'usuari, però es tracta de requieriments legals necessaris.

Navegació per utilitats

r

Posa a disposició de l'usuari eines i funcions que els faciliten la cerca per la web. No solen formar part de la barra de cerca principal però són funcions de la pàgina.

Tipus

Extra Navegació

r

Permet als usuaris anar a les webs relacionades que pertanyen a un sol proveïdor. Molt important per les grans corporacions empresarials que tenen diversos negocis.

Exemples

Images

Maps

Mail

Google

Caixa d'eines

r

Links a pàgines funcionals, que no estan relacionades temàticament entre sí però que condueixen a llocs importants en la web.

Logotip vinculat

r

Link que condueix a la Homepage.

Selecció del llenguatge

r

Permet triar el llenguatge de la pàgina. Es pot anar a la mateixa pàgina però amb un idioma diferent o redirigir a la pàgina oficial de l'idioma escollit.Les opcions es poden estructurar en un mapa mundi o per un llistat en ordre alfabètic on és acceptable l'ús de banderes.

Pàgina interna de navegació

r

També es coneixen com "vincles d'anclatge o de salt". Permeten “saltar” d'una secció a una altra de la pàgina web. També permeten fer una mirada a tots els continguts de la web, com una taula de continguts o índex.

Problemes comuns

r

*Els principals problemes de la Navegació per utilitats són que els navegadors no distingeixen entre els links interns i els externs. També és un inconvenient el fet quepoden o no aparèixer com a links visitats, depenen de la seva construcció o del navegador. Un tercer problema comú és que totes les seccions d'una pàgina llarga han d'anar incloses en els links de salts o d'encaltge. A més, els links interns del principi de la pàgina ocupen molt d'espai valuós de la pantalla; i els links de “torna a l'inici” es poden incloure en totes les pàgines, fins i tot en aquelles que no es desplacen (no tenen scroll).

Categories de pàgines

Pàgines de navegació

r

Dirigeixen els usuaris cap als continguts que estan buscant.

Pàgines de contingut

r

Són la substància del lloc web i el perquè de l'ús pels usuaris.

Pàgines de funcions

r

Permeten als usuaris realitzar una tasca, per exemple: revisar el correu electrònic.

Pàgines de Navegació

r

Les Pàgines de Navegació porten als visitants al seu objectiu final: pàgines de contingut o funcionals. Aquestes inclouen una pàgina d'inici, pàgines de destinació, i galeries.

Pàgines d'inici

r

Proporciona una vista de l'escriptori. Una pàgina d’inici també pot contenir el contingut o la funcionalitat del text, però en general, només en un format abreujat (ex: llocs de notícies o de viatges). La pàgina d'inici és sovint vista com una oportunitat per comercialitzar productes o promoure una imatge de marca.

Pàgines de destinació

r

Proporcionen una vista prèvia de tot el lloc, i ofereixen un esquema pel contingut en una secció donada. D’aquesta manera, aconsegueixen proporcionar l’orientació local i global.

Galeria de pàgines

r

Proporcionen una visió general d'un grup específic de productes o continguts en lloc d'enllaços a un departament o secció del lloc. Les galeria de pàgines contenen informació comercial crítica i permeten als visitants comparar productes.

Pàgines de resultats

r

Es creen de forma dinàmica basant-se en paraules clau introduïdes per l'usuari. Depenent dels termes de cerca, els resultats poden o no ser d'un sol producte o tipus de contingut.

Pàgines Funcionals

r

Són pàgines que permeten a l’usuari completar tasques en línia, completant les necessitats d’aquest. Tenen poc text o gens, s’empren links incrustats o relacionats.

Factors

Visualització

r

Visualització de la pàgina en funció de la mesura de pantalla.

Contingut

r

Variació de l'impacte i significat segons la disposició. No s’ha de trossejar la informació en massa parts.

Tipus de Pàgina

r

S'ha de tenir en compte la temàtica de la pàgina o l'ús que els usuaris en fan d'aquesta, ja que és determinant.

Formularis de recerca

r

Són dissenys minimalistes, s’han d’aportar ajudes o explicacions en text breu o enllaç, però és aconsellable reduir o eliminar fins i tot mecanismes de navegació de la pàgina de recerca.

Formularis informatius

r

Permeten a l’usuari aportar informació a la pàgina.

Aplicacions Web

r

Característiques i funcions interactives. Els exemples on trobarem més aplicacions webs són pàgines d’e-mail o fulls de càlcul en línia.