Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Arquitectura de la información

No description
by

Cesar Fidalgo

on 13 November 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Arquitectura de la información

El pié de web ocupará el espacio de la web de izquierda a derecha, situándose debajo de cualquier otro contenido.
TEMA 5
ARQUITECTURA DE CONTENIDOS
PARTE 1
ARQUITECTURA DE LA INFORMACIÓN Y ELEMENTOS DE NAVEGACIÓN
No exixte una sóla definición sobre la Arquitectura de la información, una de las más aceptadas es la de Louis Rosendfeld:

Combinación articulada de los sistemas de organización, etiquetado, navegación y búsqueda encaminada a mejorar su aprovechamiento por el usuario.

En este tema nos centraremos únicamente en los tres primeros sistemas: organización, etiquetado y navegación
SISTEMAS DE
ORGANIZACIÓN
ESQUEMA
DE ORGANIZACIÓN
ESTRUCTURA
DE ORGANIZACIÓN
Divide y clasifica los contenidos.
Organiza los contenidos mostrando las dependencias lógicas entre ellos.

Se plasman en los sistemas de navegación y conforman la manera en que el usuario navega por la red y accede a los contenidos.
EXACTOS
U OBJETIVOS
Dividen los contenidos de un sitio web (o de una parte) en grupos bien definidos y autoexcluyentes.
AMBIGUOS
ALFABÉTICOS
CRONOLÓGICOS
GEOGRÁFICOS
http://www.elmundo.es/elmundo/hemeroteca/2011
http://forums.steampowered.com/forums/forumdisplay.php?f=267
http://www.abogacia.es/servicios-abogacia
Organizan la información a partir de categorías para las que no existe una definición exacta.

Aportan una información extra al usuario pero requieren de un cierto aprendizaje por su parte.

Han de reformularse continuamente por la inclusión de nuevos items.
TEMA
http://www.elcorteingles.es
TAREA
http://www.blogger.com/blogger.g?blogID=2165050324140848704#editor
AUDIENCIA
HÍBRIDA
http://forums.steampowered.com/forums/forumdisplay.php?f=267
Aquel sobre el que versan los contenidos.
Necesitan que tengamos en cuenta el dominio que abarcan.
Aquel sobre el que versan los contenidos.
Necesitan que tengamos en cuenta el dominio que abarcan.
Se basa en el perfil del usuario.

Busca personalizar los contenidos ofrecidos cuando dichos perfiles son muy definidos.
Articulan en una misma web varios criterios de forma paralela.
http://h20386.www2.hp.com/SpainStore
http://www.bankinter.com/www2/particulares/es/inicio/bienvenida
JERÁRQUICA
Estructura en forma de árbol invertido que clasifica en base al criterio de “ser parte de”.










Son entendidas como taxonomías: conjunto de categorías dispuestas jerárquicamente dentro de la interfaz de usuario.

Son faciles de entender por el usuario.

Permiten que obtenga un modelo mental claro del contenido de la web mediante la navegación.

Sus categorías deben ser autoexclusivas.

Es importante mantener una proporcionalidad entre anchura y profundidad.
BASADA EN REGISTROS O MODELO BASE DE DATOS
http://www.ubu.es/bubu/es?locale=es_ES
La información se presenta como registros que agrupan los diferentes campos que la definen, los cuales componen una base de datos.








Permite la interacción con el contenido (introducción o extracción) a partir de un fichero índice.
HIPERTEXTUAL
Forma no lineal de estructuración de la información mediante enlaces establecidos entre los distintos contenidos sin seguir otro tipo de estructura.








Suele derivar en una falta de itinerarios claros o en una sobreabundancia de enlaces.
El sistema de estructura hipertextual puede seguir criterios jerárquicos o no. (ej.:Wikipedia)

Son un elemento fijo en la AI pero no son buenos como modelos principales de organización.

Sus problemas son:

Cualitativos: Responden a los criterios del autor.

Cuantitativos: Tienden a un exceso de posibilades de exploración.
Organiza la información como una secuencia lineal, con un contenido de comienzo y otro de final.






Es propia del formato papel y raramente se usa en la web.

El ejemplo más claro sería la paginación de contenidos.
SECUENCIAL
http://www.bershka.com/webapp/wcs/stores/servlet/category/bershkaic/es/40109502/74501/New#all:false,page:0,cat:0,price:0:125,special,size,color
Estructura sus contenidos en forma de tabla o parrilla de forma que cada una de sus celdas sirva como enlace para ampliar los contenidos reseñados.







No sirve como estructura única de organización sino que complementa a otros tipos de estructura.
TABLA
ANEXO 1
LA EXPERIENCIA DE USUARIO
ANEXO 2
LA PÁGINA DE INICIO
ANEXO 3
LA PÁGINA DE PRODUCTO
http://www.ubu.es/es/estudios/licenciaturas-diplomaturas-ingenierias-ingenierias-tecnicas/licenciaturas-diplomaturas-ingenierias-ingenierias-tecnic-2/facultad-humanidades-educacion-curso-2012-2013/licenciatura-comunicacion-audiovisual/programas-asignaturas
Ofrecer los sistemas de organización incrustados en la página de portada.

Permitir el acceso a la página de portada desde cualquier página de la web.

Reducir al mínimo el contenido de la página de portada para potenciar la visualización del sistema de organizativo.
CONSEJOS GENERALES
Para un usuario cada página debe justificar la inversión de tiempo.

Nada certifica al usuarios que la página que ve merece su atención, es necesario convencerlos.

es la media de permanencia en página
Jakob Nielsen destaca algunos datos muy significativos:

es el porcentaje de usuarios finaliza con éxito una tarea predeterminada.

Aunque la tasa de éxito se refiere a sitios nuevos para el usuario, es dicho éxito el que condiciona su regreso.

es la tasa de éxito cuando la tarea comienza frente a un navegador en blanco.
El usuario suele tener una visión de la web mucho más favorable de lo que se podría deducir por la tasa de éxito obtenida.

Los usuarios desconocen el nivel de rendimiento que obtienen de la visita a un sitio web.

Si el usuario no accede al total de la información por falta de usabilidad, la web es un fracaso.
es el tiempo máximo que tarda un usuario en descartar un sitio web.

es la probabilidad de que un sitio web descartado sea visitado de nuevo es del 12%.
27seg.
66%
60%
2 min.
12%
La página principal de un sitio web es aquella que se muestra al acceder a través del dominio ( Ej.: yahoo.es)

Ofrece información general del sitio web y muestra la estructura de navegación del mismo.

Permite al usuario hacerse una idea de que puede encontrar en el sitio web

Según la tipología del sitio web, la página del sitio puede incluir todo tipo de noticias, enlaces, publicidad o contenidos de enlace profundo.
es el porcentaje de ocasiones en que la primera toma de contacto del usuario se hace a través de la página principal.

Suelen ir también a esta página cuando quieren saber de forma general que ofrece un sitio, independientemente de la página por la que entraron.

Por ello tiene que ser el resumen perfecto del trabajo hecho durante el diseño de la estructura de navegación y la arquitectura de contenidos.
40%
es el tiempo que permanece el usuario en la página principal

Sólo unos pocos de esos 30 seg. se dedican a leer el contenido, la mayoría del tiempo se usa en pensar el siguiente movimiento.

Tenemos que asumir que la información que no se lea en ese momento no será leída más tarde.

Los análisis dejan claro que las visitas posteriores son aún más breves.
30 seg.
Tiempo de permanencia en la página principal:

Primera visita

Segunda visita

Tercera visita

Cuarta y posteriores
31 seg.
Los usuarios raramente se desplazan por la página, ven lo que se les muestra en la pantalla del navegador y toman una decisión sin investigar la información que queda por debajo.

Porcentaje de usuarios que se desplazan por la página principal:

Primera visita

Segunda visita

Tercera visita

Cuarta y posteriores
25 seg.
22 seg.
19 seg.
23%
16%
16%
14%
Al margen de esto Nielsen constata que los buscadores están produciendo un cambio en la forma de acceder a la web.

Se ha pasado de una búsqueda de sitios web a una búsqueda de respuestas, donde lo importante es acceder a una información específica independientemente del sitio web de donde proceda.

Este uso de la red no invalida el hecho de que el usuario siga acumulando un bagaje de sitios preferidos pero marca una tendencia importante que es necesario tener en cuenta.
Un elemento recurrente en las páginas de inicio es el enlace profundo (o enlace directo).

Estos enlaces llevan a páginas que con una navegación normal están a 3 ó 4 pasos (clicks) de distancia.
Como hemos dicho, el usuario ya no accede directamente escribiendo la URL.

La única referencia que tendrá al llegar serán los elementos de navegación definidos previamente en la portada.
Los elementos principales tienen que ser estáticos y claros evitando la navegación complicada y confusa.
Ningún diseño innovador justifica una navegación complicada, es el contenido el que influye en el diseño artístico y no al revés.
No hay que dar áreas de navegación múltiples para el mismo tipo de enlaces.

Crear enlaces con nombres similares obliga a buscar diferencias entre ellos y aumenta la confusión.
Hay que evitar siempre las páginas de portada tipo presentación o animación en flash.
Tampoco tienen sentido aquellas en las que únicamente se deja ejecutar una acción (como elegir un idioma).
CABECERA.

Contiene la imagen corporativa y define el producto que ofrece a través del sitio web. Situaremos la marca y un lema explicativo.

Es el sitio adecuado para los datos de contacto y opcionalmente para cambio de idiomas, acceso restringido, buscador...

La publicidad se situará siempre POR ENCIMA de cualquier elemento de la estructura de navegación.
Dado que el usuario suele no desplazarse por la página de portada, es imprescindible controlar qué contenidos pueden no verse al entrar en la página de portada.
No hay una medida exacta para la altura pero a partir de 550/600px podemos perder información en pantalla.
Si algo es importante deberá mostrarse por encima de estos límites
Ir a la página de portada para definir una estrategia de navegación es algo habitual en los usuarios.
Su efectividad se ve mermada por el abuso en su uso o la inclusión en zonas no visibles.
CONSEJOS GENERALES
ESTRUCTURA BÁSICA DE LA PÁGINA DE PORTADA
En todo caso, se envía al usuario a la página de localización más probable y se le deja cambiar de forma clara.
ESTRUCTURA DE NAVEGACIÓN

Conjunto de menús que han de mantenerse a lo largo del sitio web.

Define también el espacio en el que se cargarán los submenús y las zonas dedicadas a enlaces directos.

La zona habitual para la situación de los menús es la parte superior (bajo la cabecera) o la zona lateral izquierda.

La zona lateral derecha puede utilizarse como zona de navegación pero únicamente para contener enlaces directos y publicidad.
ZONA DE CONTENIDOS

Zona dedicada a la información. Ha de optimizarse para ocupar siempre el máximo posible de espacio en pantalla.

Contendrá un título como elemento principal y más destacado visualmente.
PIE DE WEB

Contiene enlaces a “Aviso legal” y/o “Política de privacidad” además de contener el Copyright, empresa realizadora del sitio o Webmaster y enlaces técnicos como RSS y otras soluciones técnicas aplicadas.

La estructura comentada no es incuestionable, se adapta a las necesidades y casos particulares, teniendo siempre presentes los problemas que pueden conllevar.

En cualquier caso, planteamientos diferentes a los comentados no se admitirán como válidos en vuestros trabajos.
La estructura definida en la página de portada ha de mantenerse a lo largo del sitio web, cambiar la navegación entre páginas obliga al usuario a parar y reubicarse.

En ningún caso será admisible cambios en la situación de menús y submenús, así como la desaparición de elementos como la cabecera.

La mejor navegación es aquella que es predecible.
Full transcript