Introducción al Diseño de Interacción

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Vero Rebagliatte @rebagliatte rebagliatte.com

Slide 3

Slide 3 text

Forecast

Slide 4

Slide 4 text

Vista de Águila de conceptos de IxD Ver lo que se nos viene

Slide 5

Slide 5 text

¿Qué es el Diseño de Interacción?

Slide 6

Slide 6 text

Interaction Design (IxD) deﬁnes 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.

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

¿Con quién trabajamos?

Slide 14

Slide 14 text

Equipo multidisciplinario: Colaboración • Diseñadores gráﬁcos/web • Copy editors • Arquitectos de información • Marketers • Psicólogos • Ingenieros/programadores • Managers • Clientes • Usuarios ﬁnales

Slide 15

Slide 15 text

¿Cómo lo hacemos?

Slide 16

Slide 16 text

Metodologías • Waterfall Requerimientos, diseño, implementación, veriﬁcación, mantenimiento • Agile Sprints, las necesidades del cliente cambian • Lean Build, measure, learn • Custom

Slide 17

Slide 17 text

¿Qué documentos producimos?

Slide 18

Slide 18 text

1. Prototipos

Slide 19

Slide 19 text

Fidelidad baja Lápiz y papel ©BenchPrep

Slide 20

Slide 20 text

Fidelidad media Wireframes ©BenchPrep

Slide 21

Slide 21 text

Fidelidad Alta Prototipo o release ©BenchPrep

Slide 22

Slide 22 text

2. Sitemaps Home Tienda Mujeres Mi Cuenta Hombres Niños Soporte Mi perﬁl Ordenes

Slide 23

Slide 23 text

3. Flowcharts

Slide 24

Slide 24 text

4. Personas

Slide 25

Slide 25 text

¿Qué son las personas? • Arquetipos de usuarios, representan necesidades especiﬁcas 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

Slide 26

Slide 26 text

http://www.ﬂickr.com/photos/jasontravis/

Slide 27

Slide 27 text

http://www.ﬂickr.com/photos/jasontravis/

Slide 28

Slide 28 text

http://www.ﬂickr.com/photos/jasontravis/

Slide 29

Slide 29 text

¿Cómo medimos/validamos lo que hacemos?

Slide 30

Slide 30 text

¿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

Slide 31

Slide 31 text

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:

Slide 32

Slide 32 text

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 eﬁciencia 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:

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

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: • Eﬁciencia: ¿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?

Slide 35

Slide 35 text

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)

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

Resumen • Deﬁnimos IxD • Vimos una panorámica de • con quién trabajamos • qué metodologías usamos • qué documentos producimos • cómo validamos/medimos lo que hacemos

Slide 39

Slide 39 text

Gracias! ¿Preguntas? @rebagliatte