Taller presentado en mexico durante

1. Javier Velasco M. [email_address] Taller de Arquitectura de Informaci ón Monterrey, Guadalajara, Cd. México Febrero 2008 Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

5. Módulo 1: Conceptos Generales y Arquitectura de Información 2 Horas Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

6. Experiencia de Usuario Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

7. Problema Tecnología - Persona Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 “ Los productos tecnológicos que no funcionan de la manera que las personas esperan las hace sentir estúpidas – aun cuando efectivamente hayan logrado lo que se propusieron.” Jesse James Garett (2002)

9. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

11. Diseño de Experiencia de Usuario Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Peter Morville 2004

17. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Copyright 2004 Steve Krug God is My [VCR] Co-pilot

18. Arquitectura de Información y Usabilidad, un modelo c íclico Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Baeza-Yates & Velasco 2004

19. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Jess McMullin + Lou Rosenfeld

20. Proceso de Diseño de la Experiencia de Usuario Evaluaciones de Usabilidad Herramientas iterativas que se utilizan desde el inicio del proyecto. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

23. Estrategia Proceso de Diseño de la Experiencia de Usuario Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

38. Personajes Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Javier Tu Mike Will Peter - - - - - - Lou - - - - - - Claudia - - - - - - http://www.iawiki.net/action=browse&id=PersonaDesign&oldid=PersonasDesign

41. Análisis Comparativo Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Programacion Contacto Blog Directorio Mi Radio x x x x Radio 1 x x x Radio 2 x x x Radio 3 x x Radio 4 x x x

43. Mapa de Posicionamiento Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 www.marketingteacher.com

47. Arquitectura de Información Proceso de Diseño de la Experiencia de Usuario Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

48. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Rosenfeld y Morville

49. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Rosenfeld y Morville

58. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 http://www.flickr.com/photos/tags/fun/clusters/

66. Módulo 2: Sistemas de Navegaci ón y Diseño de Interacción 2 Horas Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

67. Sistemas de Navegación Proceso de Diseño de la Experiencia de Usuario Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

68. Sistemas de Navegación Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Navegación Global Navegación Local Navegación contextual ¿Dónde estoy? ¿Qué hay cerca? ¿Qué se relaciona con lo que hay aquí? ¿Dónde puedo ir? ¿Dónde puedo ir? ¿Dónde puedo ir? Louis Rosenfeld y Peter Morville (2002)

70. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Guías para el diseño de sistemas de navegación Web Navigation, Jennifer Flemming Designing Navigable Information Spaces, Mark A. Flotz Navegación que funciona debiera: Principios de diseño para Wayfinding Principios de diseño para un medio computacional - Ser fácilmente aprendida - Crea una identidad para cada locación, diferente de todas las otras - Usa un modo apropiado de presentación - Permanecer consistente - Usa hitos para entregar pistas de orientación y locaciones memorables - Permite diferentes velocidades de movimiento a través del espacio - Entregar feedback - Crea caminos bien estructurados - Usa data de ruta para visualización, dinamismo y corrección de errores - Aparecer en contexto - Crea regiones de distinto carácter visual - Cuando en inmersión, usa un mapa tipo “usted está aquí” - Ofrecer alternativas - No entregues al usuario demasiadas opciones de navegación - Personaliza el espacio - Requerir una economía de acción y tiempo - Usa vistas amplias (entrega a los visitantes mapas) - Usa el espacio como un repositorio de conocimiento en evolución - Usar rótulos claros y entendibles - Entrega signos en los puntos de decisión para ayudar a las decisiones de encontrar el camino (wayfinding) - Entrega capas de información en el mapa - Ser apropiada al propósito del sitio - Usa las líneas de visión para mostrar lo que hay adelante - Apoyar las metas y conductas de los usuarios

71. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

72. Navegación Global Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

73. Breadcrumbs – Migas Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

74. Footer – Pie de página Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

75. Paginación Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

76. Navegación Contextual Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

77. Mapa de Sitio Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

78. Indice Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

79. Diseño de Interacción Proceso de Diseño de la Experiencia de Usuario Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

83. Diseño de Interacción Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

84. Interacción Humano-Computador Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Computadores Increíblemente rápidos Libres de error Determinísticos Apáticos Literales Secuenciales Predecibles Amorales Estúpidos Humanos Increíblemente lentos Tienden al error Irracionales Emocionales Inferenciales Aleatorios Inpredecibles Éticos Inteligentes Alan Cooper, 1999

86. Diseño de Interacción Des aplicado Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

87. Diseño de Interacción Des aplicado Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Grabar Imprimir Cerrar

88. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Prototipos de Papel

92. Análisis de Tareas Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Christina Wodtke

93. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Peter Van Dijck

94. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Peter Van Dijck

95. Mapa de Arquitectura Documentación Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

96. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Rosenfeld y Morville

97. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Peter Van Dijck

98. Vocabulario visual de Jesse James Garrett Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Jesse James Garrett

99. Documentación: Vocabulario Visual JJG Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 http://www.jjg.net/ia/visvocab/spanish.html Jesse James Garrett

101. Módulo 3: Diseño de Información 4 Horas Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

102. Diseño de Información Proceso de Diseño de la Experiencia de Usuario Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

104. Regla #1: La Web tiene resolución pobre Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

108. Diseño de Información Aplicado Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 http://evolt.org/article/Web_Site_Architecture_101/

109. Wireframes ó esquemas de página, y documentación para RIAs. Documentación Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008

110. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Jesse James Garrett

111. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Rosenfeld y Morville

112. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Rosenfeld y Morville

113. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Rosenfeld y Morville

114. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Christina Wodtke / Noel Franus – Carbon IQ

115. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Christina Wodtke / Dan Brown

119. Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Bill Scott – Yahoo!

122. Wifreframes guiados Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008 Andres Zapata

125. Javier Velasco M. [email_address] Gracias Taller de Arquitectura de Informaci ón Taller de Arquitectura de Informaci ón UA Web, México, Febrero 2008