arquitectura de la información de sitios web
DESCRIPTION
Información general sobre la arquitectura de la contenidos de un sitio webTRANSCRIPT
Arquitectura de la información Web
M.C. Christian Fernando Bonner Barbosa
linkedin.com/in/bonnermx
@christianbonner
@christianbonner
Arquitectura de la Información Web
@christianbonner
¿Qué es? (1/3)
El estudio de la organización de la información con el objetivo de permitir al usuario encontrar su vía de navegación hacia el conocimiento y la comprensión de la información.
- Richard Saul Wurman (1975)
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
@christianbonner
¿Qué es? (2/3)
El arte y la ciencia de estructurar y clasificar sitios web e intranets con el fin de ayudar a los usuarios a encontrar y manejar la información.
- Louis Rosenfeld y Peter Morville (1998)
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
@christianbonner
¿Qué es? (3/3)
Es la disciplina y arte encargada del estudio, análisis, organización, disposición y estructuración de la información en espacios de información, y de la selección y presentación de los datos en los sistemas de información interactivos y no interactivos.
- Wikipedia
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
@christianbonner
¿Quién la desarrolla?
El arquitecto de información es quien se encarga de organizar grandes cantidades de contenidos con el objetivo de que el usuario pueda manejarlos, navegar por ellos fácilmente y satisfacer sus necesidades de información.
- Yusef Hassan Montero Yusef y Ana Núñez Peña
.
Arq
uite
ctu
ra d
e la
Info
rmació
n W
eb
@christianbonner
¿Para qué sirve?
Ayuda al desarrollo y producción de espacios de información en sitios web, con el fin de que la asimilación de contenidos por parte del usuario sea eficiente y efectiva, y para que el sitio sea accesible y usable.
- Wikipedia
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
@christianbonner
Objetivos Internos
Accesibilidad:
• Múltiples dispositivos (pc, tablets y móviles)
• Contenidos claros y simples
• Mecanismos sencillos de navegación
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
Objetivos Externos
Posicionamiento en buscadores:
• Ser encontrado rápidamente.
• Audiencia relevante
• Generación de leads
Usabilidad
• Organización de contenidos consistente
• Facilidad de uso.
• Rapidez para encontrar contenidos
Branding
• Mayor alcance.
• Reforzamiento de la marca
• Interacción con la audiencia
@christianbonner
¿Cuándo iniciar?
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
Objetivos del sitio basado en necesidades
Requerimientos de contenido
Arquitectura de la información
Diseño de la información: navegación
Diseño visual
Brief del sitio web Mapa del sitio web Bocetos/Wireframes Diseño del sitio web
EntregablesAq
uíDiagrama Basado en: Los Elementos de la Experiencia de Usuario – Jesse James Garrett
@christianbonner
¿Cómo?
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
1. Agrupar y Etiquetar el Contenido
2. Identificar Requerimientos
Funcionales
3. Análisis de Sitios Similares
(Benchmark)
R. Arquitectura de Contenidos: Mapa
del Sitio
Documentos de referencia:• Brief del sitio web• Personas y Escenarios (buyer persona)• Pauta de comparación de sitios web
@christianbonner
Agrupar y Etiquetar el contenido (1/2)
Una de las técnicas más populares utilizadas por los arquitectos de información, es la conocida como card sorting u ordenamiento de tarjetas.
Se generan tarjetas con categorías, subcategorías y contenidos individuales de las distintas secciones que tendría el sitio web.
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
1
Mapa del Sitio
@christianbonner
Agrupar y Etiquetar el contenido (2/2)
• La técnica de 'card sorting' se basa en la observación de cómo los usuarios agrupan y asocian entre sí un número predeterminado de tarjetas etiquetadas con las diferentes categorías temáticas del sitio web. • De esta forma, partiendo del comportamiento de los
propios usuarios, es posible organizar y clasificar la información de un sitio web conforme a su modelo mental.
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
1
Producto de trabajo:Mapa del sitio preliminar
@christianbonner
Identificar los requerimientos funcionales
Definición de lo que se busca que el sitio haga, es decir, los tipos de interacción que se busca incluir, tales como:
• Formulario de Contacto para envío de mensajes electrónicos
• Sistema de envío de una noticia por mail a un amigo o compartir en redes sociales
• Chat
• Registro de usuarios
• Galerías fotográficas
• Descarga de archivos
• Carrito de compras y pagos en línea
• Etc.
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
2
Producto de trabajo:Lista de requerimientos funcionales
@christianbonner
Análisis de Sitios Similares: Benchmark
Buscar sitios en Internet que sean similares en contenidos, funcionalidad o incluso de nuestra competencia, con el fin de revisar de qué manera han resuelto los mismos problemas que deberemos atender.
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
3
Documento:Pauta de comparación de sitios web
@christianbonner
Mapa del sitio
Buscar sitios en Internet que sean similares en contenidos, funcionalidad o incluso de nuestra competencia, con el fin de revisar de qué manera han resuelto los mismos problemas que deberemos atender.
Arq
uite
ctu
ra d
e la
info
rmació
n W
eb
R
Documento:Mapa del sitio web consolidado
@christianbonner
Bibliografía- Yusef Hassan Montero y Francisco J. Martín Fernández. - Qué es la Arquitectura de la Información
Ref: http://www.nosolousabilidad.com/articulos/ai.htm
- Yusef Hassan Montero y Ana Núñez Peña. - Diseño de Arquitecturas de Información: Descripción y Clasificación
Ref: http://www.nosolousabilidad.com/articulos/descripcion_y_clasificacion.htm
- Wikipedia – Arquitectura de la información, Accesibilidad Web
Ref: http://es.wikipedia.org/wiki/Arquitectura_de_la_informaci%C3%B3n
Ref: http://es.wikipedia.org/wiki/Accesibilidad_web
- Jesse James Garrett – Los Elementos de la Experiencia de Usuario
Ref: http://www.jjg.net/elements/translations/elements_es.pdf
- Peter Morville & Louis Rosenfeld - Information Architecture for the World Wide Web 3rd Edition, O'Reilly Media
- Guía digital del gobierno de Chile - Definición de Contenidos del Sitio
Ref: http://www.guiadigital.gob.cl/articulo/definicion-de-contenidos-del-sitio
- Iconografía
Ref: http://icons8.com/download-windows-8/
Gracias!