15
ARQUITECTURA DE INFORMACIÓN ARQUITECTURA DE INFORMACIÓN Y USABILIDAD Y USABILIDAD

ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

Embed Size (px)

Citation preview

Page 1: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

ARQUITECTURA DE INFORMACIÓNARQUITECTURA DE INFORMACIÓNY USABILIDAD Y USABILIDAD

Page 2: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

PASOS CAUSALES DE UN SITIO WEBPASOS CAUSALES DE UN SITIO WEB

1. Buscabilidad

2. Visibilidad y accesibilidad

3. Contenido

4. Estética

5. Fidelidad

Arquitectura

Ubicuidad

Usabilidad

Page 3: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

ELEMENTOS DE EXPERIENCIA DE LOS USUARIOS WEBELEMENTOS DE EXPERIENCIA DE LOS USUARIOS WEB

SUPERFICIE

ESQUELETO

ESTRUCTURA

ALCANCE

ESTRATEGIA

Hace concreta la estructura: ¿qué componentes son necesarios?

Une todo de manera visual: ¿cómo se verá el sitio?

Da forma al alcance: ¿cómo se unirán las piezas del sitio?

Cambia la estrategia en requerimientos: ¿qué elementos debe incluir el sitio?

Donde todo comienza: ¿qué quiero lograr? ¿para quienes?

Page 4: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

ARQUITECTURA DE INFORMACIÓNARQUITECTURA DE INFORMACIÓN

• El diseño estructural de ambiente de información

compartidos.

• El arte y ciencia de organizar y rotular sitios web,

intranets, comunidades virtuales y softwares bajo los

criterios de usabilidad y ubicuidad.

• Una emergente comunidad de práctica enfocada a

traer principios de la comunicación, el diseño y la

arquitectura al paisaje digital.

Page 5: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

ROTULADOROTULADO

• Rótulo: Término que representa un trozo mayor de

información.

• Textual / Icónico / Mixto

• Aplicaciones de rótulos

• Links contextuales

• Titulares

• Menús de navegación

• Botones de aplicación

• Términos de indexación

Page 6: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

ESQUEMAS DE ORGANIZACIÓNESQUEMAS DE ORGANIZACIÓN

• Exactos• Alfabético

• Cronológico

• Geográfico

• Ambiguos• Tema o materia

• Tareas

• Estilos

• Híbridos

Page 7: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

ESQUEMAS DE ORGANIZACIÓNESQUEMAS DE ORGANIZACIÓN

¿Cuál es el criterio más adecuado para clasificar estas sillas?

Page 8: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

ESQUEMAS DE ORGANIZACIÓNESQUEMAS DE ORGANIZACIÓN

• Taxonomía Reino > Tipo > Clase > Orden > Familia > Género > Especie

• Polijerarquía

Ciencias > Física > Física Teórica > Nicanor Parra

Artes > Literatura > Poesía > Nicanor Parra

• Clasificación facetada

Búsqueda de vinos por

Tipo / Cepa / Región / Precio / Ranking

Page 9: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

NAVEGACIÓNNAVEGACIÓN

• Browser

• Principal• Global• Local • Contextual• Paginación

• Suplementaria• Mapa del sitio• Índices• Guías

Page 10: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

NAVEGACIÓNNAVEGACIÓN Browser Global Guías (breadcrumbs) Rótulos icónicos

Local Hipertextual Paginación Relacionada Contextual

Page 11: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

DISEÑO DE SISTEMAS DE NAVEGACIÓNDISEÑO DE SISTEMAS DE NAVEGACIÓN

Una buena navegación debe: • Ser fácilmente aprendida• Permanecer consistente• Entregar retroalimentación• Aparecer en contexto• Ofrecer alternativas• Económica en cuanto a acción y tiempo• Usar rótulos claros y entendibles• Diseñada para los propósitos del sitio• Apoyar las metas y conductas de los usuarios

Page 12: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

USABILIDADUSABILIDAD

• Evalúa si un sitio es suficientemente bueno para

satisfacer las necesidades de los usuarios

• Es una medida para evaluar la calidad de la

experiencia del usuario al interactuar con un sistema.

EFICIENCIAEFICIENCIAEFECTIVIDADEFECTIVIDAD SATISFACCIÓNSATISFACCIÓN

Page 13: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

CLAVES DE USABILIDADCLAVES DE USABILIDAD

• Visibilidad del nivel de avance en navegación

• Similitud entre el lenguaje del sitio y el mundo real

• Control y libertad por parte del usuario

• Consistencia y cumplimiento de estándares

• Prevención de errores

• Reconocimiento antes que memorización

• Flexibilidad y eficiencia de uso

• Estética y diseño minimalista

• Ayuda y documentación

Page 14: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

DISEÑAR PENSANDO EN LOS USUARIOSDISEÑAR PENSANDO EN LOS USUARIOS

• Compatibilidad del navegador

• Diseñar para la diversidad

• Optimizar para una descarga rápida

• Diseñar para diversos tamaños de monitor

• Controlar la cantidad de scrolling

Page 15: ARQUITECTURA DE INFORMACIÓN Y USABILIDAD USABILIDAD Y ARQUITECTURA DE INFORMACIÓN PASOS CAUSALES DE UN SITIO WEB 1. Buscabilidad 2. Visibilidad y accesibilidad

USABILIDAD Y ARQUITECTURA DE INFORMACIÓNUSABILIDAD Y ARQUITECTURA DE INFORMACIÓN

PRINCIPALES AUTORES SOBRE EL TEMAPRINCIPALES AUTORES SOBRE EL TEMA

• ROSENFELD, Louis (www.louisrosenfeld.com)

• MORVILLE, Peter (www.semanticstudios.com)

• NIELSEN, Jacob (www.useit.com)