Este documento discute la importancia del diseño centrado en el usuario. Señala que los sitios web que no consideran a sus usuarios están destinados al fracaso. Luego analiza algunos problemas comunes en sitios web colombianos como el uso excesivo de Flash y diseños centrados en la organización en lugar de los usuarios. Finalmente, presenta una metodología de 8 pasos para realizar arquitectura de información centrada en el usuario que incluye la creación de perfiles de usuario, inventarios de contenido, card sorting y wireframes.

1. Arquitectura de Información y
Diseño Centrado en el Usuario
Juan David Saab
Arquitecto de Información

2. Un sitio web que desde su
concepción no esté
pensado en sus usuarios
está destinado al fracaso

3. 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 1
151. Democracia en línea para el 2012 (En
Teoría)

4. ¿En quién se está centrando el diseño?
Diseño centrado “A mí no me gusta eso. El verde no va conmigo”
en el Cliente
Diseño centrado en “Su página web en Joomla y con foro por solo
la Tecnología 700.000”
Diseño centrado en “Hicimos que el logotipo girara para hacerlo más
el diseñador impactante”

5. Es necesario hacer un diseño
centrado en el usuario

6. Usabilidad
¿Qué tan fácil de usar es mi sitio?
Frecuencia de actualización
Formularios Arquitectura de Información
Tiempo de carga
Desplazamiento Contenidos
Rotulado Legibilidad
Navegación Enlaces
Controles Prevención de errores
Diseño Interacción
Texto falso Ruta de migas

7. Arquitectura de Información
Una metodología

8. “La arquitectura de
Información es la ciencia
que hace fácil lo complejo”

9. ¿Cómo se hace Arquitectura
de Información?

10. Una de las tantas formas de
hacerla...
en 8 pasos

11. 1
Documento Guía
El fundamento
● Antecedentes.
● Objetivos del sitio (Cliente)
● Usuarios y sus motivaciones

12. Benchmarking
2
Aprendiendo de su competencia
● Sitios a evaluar
● Evaluación cuantitativa
● Evaluación cualitativa

13. Personajes y Escenarios
3
Detallando a los futuros usuarios
● Perfiles de usuario
● Motivaciones
● Factores de riesgo

14. Inventario de
4
Contenidos
Lo importante es el contenido. ¿Con cuál contamos?
● Contenido actual
● Contenido de la competencia
● Contenido sugerido

15. 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

16. CardSorting
6
Conociendo el mapa mental de los usuarios
● Definición de usuarios
● Definición de tarjetas
● Ejecución y análisis de
resultados

17. Blueprints
7
Mapas de navegación de su sitio (Planos)
● Investigación previa
● Definición preliminar
● Pruebas de usuario
● Blueprint definitivo

18. Wireframes
8
Bocetos en baja resolución (maquetas)
● Investigación previa
● Definición preliminar
● Pruebas de usuario
● Wireframe definitivo

19. ¡Gracias!
@juansaab
Juan David Saab
juansaabvanegas@gmail.com
Skype: juan.saab
Visita: http://usabilidadaldia.com

20. Recursos de interés y bibliografía.
● Artículo sobre arquitectura:
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
● Sitio sobre Usabilidad: http://usabilidadaldia.com
● Libro: Usabilidad Prioridad en el diseño Web. Jakob Nielsen,
Ediciones ANAYA Multimedia