Presentación de la charla de IxDA Mendoza, en el marco del Hackathon Mendoza - ToolUp Workshop 2016 en el Espacio Cultural Julio LeParc

1. ¿Diseñar para los usuarios
o diseñar con los usuarios?

2. ¡NO ESTÁS
SOLO!

3. ● Buenos Aires
● Córdoba
● Corrientes
● Mendoza
● Mar del Plata
● Rosario
IxDA es una red global dedicada a la
práctica profesional del Diseño de
Interacción.
● La Plata
● Santa Fé
● Tucumán

4. IxDA es una asociación creada para
difundir la disciplina del Diseño de
Interacción, que conforma junto con
otras disciplinas el ecosistema del
Diseño de Experiencias del Usuario.

5. Busca definir:
● las formas en que un usuario
puede tomar contacto con
maquinarias, sistemas y
servicios, las respuestas de
éstos,
● el flujo de los procesos que
resultan de ese diálogo
interactivo, teniendo como
meta lograr mejores
experiencias para la mayor
cantidad de usuarios.
El Diseño de Interacción
(abreviado IxD en inglés)
es una de las principales
disciplinas en el campo
de Experiencia de
Usuario (UX).

6. En su práctica, el Diseño de Interacción
tiene puntos de contacto con
Usabilidad, Diseño Industrial, Diseño
Gráfico, Arquitectura, Arquitectura de
Información, Comunicación y Ciencias
de la Computación.
De Dan Saffer, ”Las disciplinas de Experiencia de
Usuario” (2008).
http://www.ixda.com.ar/que-
es-diseno-interaccion/

7. Experiencia de usuario es...
El aspecto +
visual
Sensaciones
que provoca
+ Usabilidad
5 Things Everyone Should Know About UX Work by IDF

8. ¿CÓMO INCORPORAR AL
USUARIO EN EL PROCESO?

9. El proceso iterativo
del Diseño UX
03.Construí 02.Diseñá
Iterá tu
diseño de
acuerdo a las
restricciones
01.Investigá
al usuario
Iterá para
validar tus
ideas
5 Things Everyone Should Know About UX Work by IDF

10. Icons made by Dirtyworks is licenced by CC 3.0 BY
01.
Investigá al usuario
Why You Only Need to Test With 5 Users by Jacob Nielsen
Es necesario testear con al
menos 15 usuarios para descubrir
todos los problemas de
usabilidad en un diseño.
(Jakob Nielsen)
15 usuarios

11. X
=
5 usuarios
Más oportunidades
para aprender
3 estudios
Icons made by Dirtyworks is licenced by CC 3.0 BY
Why You Only Need to Test With 5 Users by Jacob Nielsen
Sin embargo es
recomendable testear con un
número menor de usuarios (5)
y dividir el presupuesto en
tres tests a lo largo del
proceso.
0 Usuarios = 0 insights
5 Usuarios = Número de oro

12. ➔ Focus groups
➔ Entrevistas
➔ Trackeo visual (Eyetracking)
➔ Card sorting
➔ A/B testing
Métodos de
User Research
01. Investigá al usuario
When to Use Which User-Experience Research Methods by Cristian Roher

13. Incluímos al usuario al comienzo del
proceso de diseño y desarrollo.
¿Qué es lo que hace?
¿Cómo usa el producto?
Tenemos una mirada enfocada y profunda.
01. Investigá al usuario

14. Lean Startup Methodology - Eric Ries
Diseñá el Producto
Mínimo Viable
02.
Construye lo mínimo
indispensable, para
poder testear con
usuarios.
Optimiza tu trabajo y
gana en tiempo.
Aprende
validando.

15. ¿Hay una necesidad para lo que estoy
construyendo?
¿Hay valor en la solución
que estoy ofreciendo?
¿Mi solución es usable?
02. Diseñá el PMV

16. ¿Quién interactuará
con el proyecto?
¿Qué es lo que esperás
aprender?
¿Cuánto tiempo tenés
para crearlo?
Lean UX - Jeff Gothelf - Josh Seiden
Construí el
prototipo
03.

17. Wireframe
(en todos sus niveles de
fidelidad)
Foto: https://flic.kr/p/9JMogL

18. Permiten analizar la estructura, arquitectura de
la información y flujos. Foto: http://blog.invisionapp.com/ux-team-core-values/

19. 03. Construí el prototipo
Foto: UX Porn by UXPin - The guide to wireframing

20. 03. Construí el prototipo
Foto: UX Porn by UXPin - The guide to wireframing

21. 03. Construí el prototipo
Foto: UX Porn by UXPin - The guide to wireframing

22. ● Invision
● UXPin
● Axure
● Proto.io
● Código deployado
Prototipo
navegable/funcional
Foto: https://dribbble.com/shots/1541056-Update-Flooz-App

23. Mantené la
consistencia
04.
La consistencia de la marca y
de la experiencia debe existir a
lo largo de todo el sistema.
Los usuarios no deberían tener
que preguntarse si diferentes
palabras, situaciones o
acciones significan lo mismo.
Respeta una de las normas
heurísticas: Consistencia y
estándares

24. La consistencia es uno de los principios de
usabilidad más poderosos Foto: http://airbnb.design/the-way-we-build/

25. 6. Aliviar la carga en memoria del usuario
7. Atajos, flexibilidad y eficiencia
8. Estética y minimalismo
9. Comunicar errores con claridad
10. Ayuda y documentación
10 Normas Heurísticas
Jakob Nielsen
1. Mostrar estado del sistema
2. Hablar el lenguaje del usuario
3. Control y libertad del usuario
4. Consistencia y estándares
5. Prevenir Errores
04. Mantené la consistencia

26. La información
necesaria, en el
momento preciso
05.
Iterar según la metodología de
trabajo (lean, agile)
seleccionada, según las
necesidades y características
propias del proyecto

27. Pero recuerda...

28. NO sos tu usuario
Cuidado con sentirse tentados a
diseñar para ustedes mismos.
El diseñar para usuarios significa
que debemos tener un
conocimiento y entendimiento
profundo y concreto de ellos.
Si no lo tienes, entonces es
necesario realizar algo de user
research.
Interviewing users: How to Uncover Compelling Insights - Steve Portigal

30. La experiencia de usuario es
responsabilidad de TODO el
equipo de trabajo.

31. Las mejores
experiencias no
pasan por accidente.
Las experiencias, también
pueden diseñarse.

32. Entonces...
diseñar para o
con los usuarios?

33. Interaction South
America
ISA es la conferencia de Diseño de
Interacción, Experiencia de Usuario,
Tecnología e Innovación más
importante de América del Sur.
3, 4 y 5 de NOVIEMBRE de 2016

34. ¡GRACIAS!
Silvana Corvalán
silvanaeleonora@gmail.com
@sileleo
Analía Basualdo
analiabasualdo@gmail.com
@anagraphics
www.ixdamza.com.ar