Taller teorico-practico presentado en el Seminario Internacional de Accesibilidad y Usabilidad en Monterrey, Mexico.

1. Arquitectura de la Comunicación: Sistemas de Información para la Comunicación Humana Javier Velasco M. [email_address]

3. Conceptos Generales

4. Experiencia de Usuario

5. Problema Tecnología “ 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. Diseño de Experiencia de Usuario Peter Morville 2004

14. Copyright 2004 Steve Krug God is My [VCR] Co-pilot

15. Arquitectura de Información y Usabilidad, un modelo c íclico Baeza-Yates & Velasco 2004

16. Jess McMullin + Lou Rosenfeld

17. Teor ía de la Comunicación

18. Internet, el nuevo medio

24. Diseño de Interacción: No podemos no comunicar

25. Paul Watzlawick & Palo Alto Group, 1960s Teoria de la Comunicación: Modelo Interaccional Axioma 3: Communicación = Contenido + Relación

27. Arquitectura de Información: Coordinación de Conducta Webs Corporativos e Institucionales Communidades Software Social

29. by: soldierant

30. Links en Blogs Noor Ali-Hasan and Lada Adamic, 2007

31. Interconexión en Blogs Noor Ali-Hasan and Lada Adamic, 2007

32. Blogs: H vs. M, Fechas Hugo Liu and Rada Mihalcea, 2007

33. Blogs: H vs. M, pronombres Hugo Liu and Rada Mihalcea, 2007

34. Proceso de Diseño Centrado en el Usuario Estrategia

40. Análisis Comparativo x x x Radio 4 x x Radio 3 x x x Radio 2 x x x Radio 1 x x x x Mi Radio Directorio Blog Contacto Programacion

42. Mapa de Posicionamiento www.marketingteacher.com

43. Mapa de Posicionamiento Ejercicio: Hacer un mapa de posicionamiento de 5 estados mexicanos. Seleccionar ejes en base a las percepciones más populares.

53. Personajes Javier Tu Mike Will Peter - - - - - - Lou - - - - - - Claudia - - - - - - http://www.iawiki.net/action=browse&id=PersonaDesign&oldid=PersonasDesign

59. Proceso de Diseño Centrado en el Usuario Arquitectura de Información

60. Evolución de sistemas de organización Louis Rosenfeld Peter Morville (2000)

66. Vocabularios controlados, taxonomía y tesauros Louis Rosenfeld y Peter Morville “ Al incorporar sinónimos, la recuperación de resultados pasó de 20% a 80%” “ La mayoría de las quejas que recibimos se debe a la manera en la que las personas buscan; usan las palabras equivocadas.” Furnas et al, 1987 Forrester Research

69. Metadata Aplicada

73. www.flickr.com (yahoo!) http://del.icio.us/ Suggested tagging Suggested tagging

74. www.flickr.com (yahoo!) http://www.flickr.com/ Autor Juego Tags (blind tagging)

75. www.flickr.com (yahoo!) http://www.flickr.com/photos/tags/fun/clusters/

77. Documentación: Vocabulario Visual JJG http://www.jjg.net/ia/visvocab/spanish.html Jesse James Garrett

78. Navegación Búsqueda Foto: British Blind Sport

79. Sistemas de Búsqueda Louis Rosenfeld y Peter Morville (2002)

80. Mapa de Sitio © Dynamic Diagrams, Inc.

81. Proceso de Diseño Centrado en el Usuario Diseño de Interacción

85. Diseño de Interacción

86. Interacción Humano-Computador 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

88. Diseño de Interacción Des aplicado

89. Diseño de Interacción Des aplicado Grabar Imprimir Cerrar

90. Prototipos de Papel

95. Sistemas de Navegación 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)

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

102. Proceso de Diseño Centrado en el Usuario Diseño de Información

104. Regla #1: La Web tiene resolución pobre

108. Diseño de Información Aplicado http://evolt.org/article/Web_Site_Architecture_101/

112. ¡Muchas Gracias! Arquitectura de la Comunicación: Sistemas de Información para la Comunicación Humana Javier Velasco M. [email_address]