arquitectura de informaciÓn y usabilidad usabilidad y arquitectura de informaciÓn pasos causales...
TRANSCRIPT
![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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/1.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/2.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/3.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/4.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/5.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/6.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/7.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/8.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/9.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/10.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/11.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/12.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/13.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/14.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4681a28abb57c914721/html5/thumbnails/15.jpg)
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)