Introducción al Diseño de Interacción

Introducción al Diseño de Interacción

Se presentan conceptos básicos de IxD, definimos la disciplina, con quién trabajamos, con qué metodologías, qué documentos producimos y finalmente cómo validamos nuestro trabajo.

Esta charla tuvo lugar en la primer meetup de IxDA Montevideo (http://www.meetup.com/Interaction-design-Uruguay/).

6bbed4d8a26da005cfd4e9e179d50c9d?s=128

Vero Rebagliatte

March 18, 2013
Tweet

Transcript

  1. Introducción al Diseño de Interacción Verónica Rebagliatte

  2. Vero Rebagliatte @rebagliatte rebagliatte.com

  3. Forecast

  4. Vista de Águila de conceptos de IxD Ver lo que

    se nos viene
  5. ¿Qué es el Diseño de Interacción?

  6. Interaction Design (IxD) defines the structure and behavior of interactive

    systems. Interaction Designers strive to create meaningful relationships between people and the products and services that they use, from computers to mobile devices to appliances and beyond.
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. ¿Con quién trabajamos?

  14. Equipo multidisciplinario: Colaboración • Diseñadores gráficos/web • Copy editors •

    Arquitectos de información • Marketers • Psicólogos • Ingenieros/programadores • Managers • Clientes • Usuarios finales
  15. ¿Cómo lo hacemos?

  16. Metodologías • Waterfall Requerimientos, diseño, implementación, verificación, mantenimiento • Agile

    Sprints, las necesidades del cliente cambian • Lean Build, measure, learn • Custom
  17. ¿Qué documentos producimos?

  18. 1. Prototipos

  19. Fidelidad baja Lápiz y papel ©BenchPrep

  20. Fidelidad media Wireframes ©BenchPrep

  21. Fidelidad Alta Prototipo o release ©BenchPrep

  22. 2. Sitemaps Home Tienda Mujeres Mi Cuenta Hombres Niños Soporte

    Mi perfil Ordenes
  23. 3. Flowcharts

  24. 4. Personas

  25. ¿Qué son las personas? • Arquetipos de usuarios, representan necesidades

    especificas de los individuos • Se basan en patrones de conducta observados en la investigación • Herramientas que nos permiten pensar en gente real • Se generan a partir de la investigación, muchas veces los equipos de marketing lo hacen junto con la segmentación de mercado, si no se basan en investigación son solo provisional personas
  26. http://www.flickr.com/photos/jasontravis/

  27. http://www.flickr.com/photos/jasontravis/

  28. http://www.flickr.com/photos/jasontravis/

  29. ¿Cómo medimos/validamos lo que hacemos?

  30. ¿Cómo medimos/validamos lo que hacemos? • Inspección de Usabilidad •

    Paseo Cognitivo (Cognitive Walkthrough) • Evaluación Heurística (Heuristic Evaluation) • Pruebas con usuarios (User testing) presencial o remoto • Métricas • Analytics • A/B Testing
  31. Paseo Cognitivo • ¿Siendo realista, el usuario va a intentar

    hacer esta acción? • ¿El control para realizar esta acción está visible? • ¿Hay un enlace obvio entre el control y lo que va a pasar? • ¿El feedback es apropiado? Uno o más profesionales van por las tareas principales de un sistema, y a cada paso se hacen 4 preguntas sobre lo que esperan de la conducta de los usuarios:
  32. Evaluación Heurística • Visibilidad del estado del sistema • Paralelismo

    entre el sistema y el mundo real • Control y libertad para el usuario • Consistencia y estándares • Prevención de errores • Flexibilidad y eficiencia de uso • Reconocimiento antes que memoria • Estética y diseño minimalista • Ayuda para recuperarse de un error • Ayuda y documentación 3-5 profesionales evaluan el sistema en cuanto a principios de usabilidad establecidos, las heurísticas. Las siguientes son las de Nielsen:
  33. None
  34. Pruebas con Usuarios • Participan usuarios reales con tareas reales.

    El objetivo es observarlos interactuando con el sistema para descubrir errores y áreas de mejora. • Se mide como responden los usuarios al sistema en 4 áreas: • Eficiencia: ¿Cuánto tiempo y cuántos pasos le llevó la tarea? • Exactitud: ¿Cuántos errores cometió? • Recuerdo: ¿Cuánto se acuerda la persona luego de tiempo de no usarlo? • Respuesta emocional: ¿Cómo se siente el usuario al terminar la tarea?
  35. Pruebas con usuarios (...continuación) • Elegir a los usuarios •

    “Estamos evaluando el sistema y no a vos” • Plantear una tarea y proponer un protocolo “think aloud” • Observar en lugar de preguntar • Registrar el momento • Puede ser presencial o remoto (sincrónico o asincrónico)
  36. Analytics y A/B Testing • Ambas proporcionan datos cuantitativos sobre

    sistemas que están “en vivo” • Analytics: Considerar cambios en las métricas en cada iteración y reaccionar a ellos • En A/B Testing o Split testing se comparan dos versiones (A y B) y se ve cuál lleva a más conversions. Un caso típico es aplicarlo en el funnel de compra
  37. Conclusión • La Evaluación Heurística y el Paseo Cognitivo son

    análisis teóricos conducidos por expertos • El test de usabilidad es una medida objetiva y empírica de la usabilidad de un sistema • Los analytics y A/B testing aportan datos cuantitativos sobre sistemas en vivo • Todos son complementarios y se usan en etapas diferentes
  38. Resumen • Definimos IxD • Vimos una panorámica de •

    con quién trabajamos • qué metodologías usamos • qué documentos producimos • cómo validamos/medimos lo que hacemos
  39. Gracias! ¿Preguntas? @rebagliatte