Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
-
Upload
juan-david-saab -
Category
Technology
-
view
3.770 -
download
4
description
Transcript of Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
![Page 1: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/1.jpg)
Arquitectura de Información y Diseño Centrado en el Usuar io
Juan David SaabArquitecto de Información
![Page 2: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/2.jpg)
Un sitio web que desde su concepción no esté pensado en sus usuarios está destinado al fracaso
![Page 3: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/3.jpg)
Un vistazo rápido a la web colombiana
Sitios hechos completamente en flash, casi por completo inaccesibles.
Sitios del estado pensados desde la organización, difíciles de comprender y utilizar por el usuario al cual está dirigido.
Amplia oferta de desarrollo web en poco tiempo y por precios irracionales.
Decreto 1151. Democracia en línea para el 2012 (En Teoría)
![Page 4: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/4.jpg)
¿En quién se está centrando el diseño?
Diseño centrado en el Cliente
Diseño centrado en la Tecnología
Diseño centrado enel diseñador
“A mí no me gusta eso. El verde no va conmigo”
“Su página web en Joomla y con foro por solo 700.000”
“Hicimos que el logotipo girara para hacerlo más impactante”
![Page 5: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/5.jpg)
Es necesario hacer un diseño centrado en el usuario
![Page 6: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/6.jpg)
Usabilidad
Formularios
Rotulado
Arquitectura de Información
Ruta de migas
Navegación
Tiempo de carga
InteracciónDiseñoPrevención de errores
Contenidos
Controles
Texto falso
Frecuencia de actualización
Legibilidad
Enlaces
Desplazamiento
¿Qué tan fácil de usar es mi sitio?
![Page 7: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/7.jpg)
Arquitectura de Información
Una metodología
![Page 8: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/8.jpg)
“La arquitectura de Información es la ciencia que hace fácil lo complejo”
![Page 9: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/9.jpg)
¿Cómo se hace Arquitectura de Información?
![Page 10: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/10.jpg)
Una de las tantas formas de hacerla...
en 8 pasos
![Page 11: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/11.jpg)
Documento Guía
1 El fundamento
● Antecedentes.
● Objetivos del sitio (Cliente)
● Usuarios y sus motivaciones
![Page 12: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/12.jpg)
Benchmarking
2Aprendiendo de su competencia
● Sitios a evaluar
● Evaluación cuantitativa
● Evaluación cualitativa
![Page 13: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/13.jpg)
Personajes y Escenarios
3Detallando a los futuros usuarios
● Perfiles de usuario
● Motivaciones
● Factores de riesgo
![Page 14: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/14.jpg)
Inventario de Contenidos
4 Lo importante es el contenido. ¿Con cuál contamos?
● Contenido actual
● Contenido de la competencia
● Contenido sugerido
![Page 15: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/15.jpg)
SEO y SEM
5¿Cómo me van a ver los buscadores?
● Consideraciones de la competencia
● Análisis de palabras clave
● Definición de estrategia
![Page 16: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/16.jpg)
CardSorting
6Conociendo el mapa mental de los usuarios
● Definición de usuarios
● Definición de tarjetas
● Ejecución y análisis de resultados
![Page 17: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/17.jpg)
Blueprints
7Mapas de navegación de su sitio (Planos)
● Investigación previa
● Definición preliminar
● Pruebas de usuario
● Blueprint definitivo
![Page 18: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/18.jpg)
Wireframes
8Bocetos en baja resolución (maquetas)
● Investigación previa
● Definición preliminar
● Pruebas de usuario
● Wireframe definitivo
![Page 20: Arquitectura de Información y DCU (Diseño Centrado en el Usuario)](https://reader036.fdocuments.co/reader036/viewer/2022082702/5561c728d8b42ab33f8b478c/html5/thumbnails/20.jpg)
Recursos de interés y bibliografía.
● Art ículo sobre arqui tectura: http://www.astrolabio.com.co/arquitectura-de-informacion/1-arquitectura-de-informacion/21-arquitecto-de-informacion-colombia.html
● Otra presentación sobre AI : http://www.slideshare.net/geosdigital/conferencia-arquit-de-la-inform-planeacion-de-portales-web
● Sit io sobre Usabilidad: http://usabilidadaldia.com
● Libro: Usabilidad Pr ior idad en el diseño Web. Jakob Nielsen, Ediciones ANAYA Multimedia