Categorii: Tot - aplicacions - contingut - factors

realizată de Alba Martínez 12 ani în urmă

255

Disseny de Navegació Web

El text detalla els diferents tipus de navegació web i les seves característiques, basant-se en un capítol del llibre "Designing Web Navigation" d'O'Reilly Media. Es descriuen pàgines funcionals que permeten als usuaris completar tasques en línia amb poc text i enllaços incrustats.

Disseny de Navegació Web

Disseny de Navegació Web

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 Miralpeix

Estudiant de Periodisme, Universitat Pompeu Fabra

06/03/2012

Pàgines Funcionals

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.

Aplicacions Web

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.

Formularis informatius

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

Formularis de recerca

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.

Tipus de Pàgina

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.

Contingut

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

Visualització

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

Pàgines de Navegació

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 de resultats

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.

Galeria de pàgines

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 destinació

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.

Pàgines d'inici

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.

Navegació per utilitats

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.

Categories de pàgines
Pàgines de funcions

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

Pàgines de contingut

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

Pàgines de navegació

Dirigeixen els usuaris cap als continguts que estan buscant.

Problemes comuns

*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 que

poden 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).

Pàgina interna de navegació

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.

Selecció del llenguatge

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.

Logotip vinculat

Link que condueix a la Homepage.

Caixa d'eines

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

Extra Navegació

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

Google

Mail

Maps

Images

Navegació Associativa

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ó a peu de pàgina

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.

Links Ràpids

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ó Contextual

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ó Adaptativa

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 relacionats

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

Navegació incrustada

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

Pàgines de Contingut

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

Pàgines de productes

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.

Categories de Navegació

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

Per utilitats

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ó.

Associativa

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.

Estructural

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

Navegació Local

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

Vertical integrat

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

Horitzontal

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

L invertida

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

Navegació Principal

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ó.

Factors

Fluxes de treball que no poden ser interromputs

Objectius dels interessats (empreses)

Subtopic

Conducta i necessitats dels usuaris

Mida del lloc Web

Característiques

Definició dels límits del lloc Web

Eficiència en el recorregut

Orientació

Visió general

Recursos

Bibliografia dinàmica
Google Academy

Navegació adaptads

Navegació global

Scirus

Navegació associativa

Navegació estructural

Navegació Web

Informació i anàlisi
Formulari de recerca
Navegador web