Your SlideShare is downloading. ×
0
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Usabilidad 2.0: Más allá de la Interfaz (gráfica)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Usabilidad 2.0: Más allá de la Interfaz (gráfica)

4,040

Published on

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,040
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
86
Comments
0
Likes
10
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Usabilidad 2.0: Más allá de la Interfaz (gráfica) Yusef Hassan Montero SCImago Research Group USID’09
  • 2. Objetivos Recorrido desde los principios de diseño y técnicas fundamentales de la usabilidad y el Diseño Centrado en el Usuario, hacia los nuevos retos de diseño planteados por la Web Social.
  • 3. Estructura <ul><li>0. Usabilidad </li></ul><ul><li>El factor humano </li></ul><ul><li>Diseño Centrado en el Usuario </li></ul><ul><li>Web Social </li></ul><ul><li>Diseño de interfaces sociales </li></ul>
  • 4. 0. Usabilidad
  • 5. 0. Usabilidad Usabilidad = Facilidad de uso
  • 6. 0. Usabilidad Usabilidad = Facilidad de uso Un sinónimo es una mala definición.
  • 7. 0. Usabilidad
  • 8. 0. Usabilidad Dimensiones: Relativa Empírica Ética Dependiente
  • 9. 0. Usabilidad : Relativa
  • 10. 0. Usabilidad : Empírica A mi no me parece que sea poco usable. Directivo anónimo
  • 11. 0. Usabilidad : Ética
  • 12. 0. Usabilidad : Dependiente Utilidad Usabilidad
  • 13. 0. Usabilidad Disciplinas relacionadas: Accesibilidad Arquitectura de Información Diseño de Interacción Diseño Gráfico SEO (Posicionamiento en buscadores)
  • 14. 1. El factor humano
  • 15. 1. El factor humano <ul><li>Percepción visual </li></ul><ul><li>Memoria </li></ul><ul><li>Procesamiento de información </li></ul><ul><li>Actividad motriz </li></ul><ul><li>Modelos mentales </li></ul><ul><li>Comportamiento condicionado por el medio y por las convenciones de diseño </li></ul>
  • 16. 1. El factor humano (percepción visual)
  • 17. 1. El factor humano (percepción visual)
  • 18. 1. El factor humano (percepción visual)
  • 19. 1. El factor humano (percepción visual)
  • 20. 1. El factor humano (percepción visual) dustincurtis.com
  • 21. 1. El factor humano (memoria)
  • 22. 1. El factor humano (memoria)
  • 23. 1. El factor humano (procesamiento de información)
  • 24. 1. El factor humano (procesamiento de información) “ Lo más”
  • 25. 1. El factor humano (actividad motriz)
  • 26. 1. El factor humano (actividad motriz)
  • 27. 1. El factor humano (actividad motriz)
  • 28. 1. El factor humano (actividad motriz)
  • 29. 1. El factor humano (modelos mentales) Nuestro cliente no es el usuario. Nosotros no somos el usuario. Los usuarios no son como creemos.
  • 30. 1. El factor humano (comportamiento condicionado)
  • 31. 1. El factor humano (comportamiento condicionado) Fuente: flickr.com/photos/evades
  • 32. 1. El factor humano (comportamiento condicionado)
  • 33. 2. Diseño Centrado en el Usuario
  • 34. 2. Diseño Centrado en el Usuario
  • 35. 2. Diseño Centrado en el Usuario Test de Usuarios http://www.jungleminds.com/publications/articles/effective_usability_testing_for_intranet
  • 36. 2. Diseño Centrado en el Usuario Test de Usuarios <ul><li>Pros : </li></ul><ul><li>Es una demostración con hechos </li></ul><ul><li>Acaba con discusiones estériles </li></ul><ul><li>Alto Retorno de Inversión </li></ul><ul><li>Contras : </li></ul><ul><li>Alto coste en el reclutamiento, ejecución y análisis </li></ul><ul><li>Laboratorio=Descontextualización </li></ul>
  • 37. 2. Diseño Centrado en el Usuario Eye-Tracking http://www.useit.com/alertbox/reading_pattern.html
  • 38. 2. Diseño Centrado en el Usuario Eye-Tracking <ul><li>Pros : </li></ul><ul><li>Es una demostración con hechos </li></ul><ul><li>Acaba con discusiones estériles </li></ul><ul><li>Ver con los “ojos del usuario” </li></ul><ul><li>Resultados “visibles” </li></ul><ul><li>Contras : </li></ul><ul><li>Muy alto coste </li></ul><ul><li>Dificultad en la interpretación </li></ul><ul><li>Datos cualitativos bajo la piel de datos cuantitativos </li></ul>
  • 39. 2. Diseño Centrado en el Usuario Card Sorting http://usalo.es/63/card-sorting-el-medio-es-el-mensaje/
  • 40. 2. Diseño Centrado en el Usuario Card Sorting <ul><li>Pros : </li></ul><ul><li>Arquitecturas de información centradas en el usuario </li></ul><ul><li>Permite excavar en el modelo mental del usuario </li></ul><ul><li>Ofrecen datos cuantitativos </li></ul><ul><li>Contras : </li></ul><ul><li>Alto coste en el reclutamiento de participantes </li></ul><ul><li>Diferentes factores pueden influir significativamente en los resultados </li></ul><ul><li>Complejidad matemática de las técnicas de análisis </li></ul>
  • 41. 3. Web Social
  • 42. 3. Web Social
  • 43. 3. Web Social
  • 44. 3. Web Social Usabilidad 2.0 = Usabilidad + Utilidad
  • 45. “No puedo entender por qué alguien querría hacer eso o por qué alguien querría leer eso” John Dvorak, PCMag, en referencia a Twitter 3. Web Social
  • 46. Fuente: Flickr Martineric 3. Web Social
  • 47. Fuente: Flickr Underbelly Limited 3. Web Social
  • 48. 4. Diseño de interfaces sociales
  • 49. 4. Diseño de interfaces sociales <ul><li>Identifica tu objeto </li></ul><ul><li>Socializa tu objeto </li></ul><ul><li>Identidad y Personalización </li></ul><ul><li>Explotar la inteligencia colectiva </li></ul><ul><li>Investigación </li></ul>
  • 50. 4.1. DIS: Identifica tu objeto Amazon – Libros Flickr – Fotos Youtube – Videos Delicious – Bookmarks Twitter – Mensajes de estado Wikis – Documentos Periódicos digitales – Noticias …
  • 51. 4.2. DIS: Socializa tu objeto
  • 52. 4.2. DIS: Socializa tu objeto Competitividad Curiosidad Reconocimiento Afectividad
  • 53. 4.3. DIS: Identidad y personalización
  • 54. 4.3. DIS: Identidad y personalización
  • 55. 4.4. DIS: Explotar la inteligencia colectiva
  • 56. 4.4. DIS: Explotar la inteligencia colectiva
  • 57. 4.4. DIS: Explotar la inteligencia colectiva
  • 58. 4.4. DIS: Explotar la inteligencia colectiva
  • 59. 4.4. DIS: Explotar la inteligencia colectiva
  • 60. 4.4. DIS: Explotar la inteligencia colectiva
  • 61. 4.4. DIS: Explotar la inteligencia colectiva
  • 62. 4.4. DIS: Explotar la inteligencia colectiva
  • 63. 4.4. DIS: Explotar la inteligencia colectiva
  • 64. 4.5. DIS: Investigación
  • 65. 4.5. DIS: Investigación
  • 66. 4.5. DIS: Investigación
  • 67. Concluyendo
  • 68. De interés … Jyri Engeström Bulding sites around social objects Gianandrea Giacoma & Davide Casali Is there a good motivation to hook the user on your social network? Joshua Porter The Psychology of Social Design Yusef Hassan y Sergio Ortega Informe APEI sobre Usabilidad

×