El documento habla sobre cuándo y cómo usar prototipos digitales. Explica que los prototipos sirven para probar hipótesis, resolver problemas, experimentar, comunicar ideas y obtener retroalimentación. También describe los diferentes niveles de fidelidad visual y funcional que pueden tener los prototipos, así como las herramientas que se pueden usar dependiendo del objetivo, esfuerzo y conocimientos requeridos.

1. ¿Cuándo usar
prototipos
digitales?
Carlos Elías Ochoa
@carluxdsn
Guadalajara

2. Carlos Elías
Ochoa

4. Lo que me
gustaría
dejarte
1. ¿Cómo hacer una hipótesis ?
2. ¿Para qué sirve un prototipo?
3. ¿Qué fidelidad y proceso
utilizar?
4. ¿Cuándo utilizar una
herramienta digital?
5. ¿Qué herramienta utilizar?

5. ¿Qué es
un prototipo?

6. Del Griego. πρωτότυπος prōtótypos.
1. m. Ejemplar original o primer molde en que se fabrica
una figura u otra cosa.

7. -Kara Pierce
Senior Vice President at Nielsen Norman Group
“A user interface prototype is a
hypothesis — a candidate design solution
that you consider for a specific design
problem”

8. ¿Diseñar con
hipótesis?

9. “Sometimes science is a lot more art
than science”
Wikipedia

10. Esteban García
Hackathon booking
Basado en [prior] creemos que el cambio [condición] para
los usuarios [muestra] les hará [ comportamiento ]. Lo
sabremos cuando veamos [efecto(s)] suceda a [métrica (s)].
Esto será bueno para los clientes, socios y nuestro negocio
porque [ motivación].

11. ¿Por qué hacemos
prototipos?

12. 1. Comprobar Hipótesis
2. Entender problemas y resolverlos
3. Experimentar
4. Comunicar y colaborar
5. Obtener retroalimentación
6. Prioridades de diseño

13. ¿Cómo
empiezo?

14. Tiempo esfuerzo
y conocimiento
Objetivos
Fidelidad
Visual vs
Funcional

15. OBJETIVOS

16. Fidelidad
Visual VS
Funcional

17. ¿Fidelidad?

18. Photo Credit: Marcin Treder, UXPin
Based on: Integrating Prototyping Into Your Design Process by Fred Beecher

19. Paper prototype/ Most wireframes
Bajo visual +
Bajo funcional

20. Definir y entender el proyecto
Identificar características necesarias
¿El flujo tiene sentido?
Conceptos de UX funcionan mejor
Validar la dirección del diseño de UX con los Stakeholders

21. Alta visual +
Bajo funcional
Mockups

22. Línea base de diseño
Impresionar stakeholders
Aspecto visual afecta en la facilidad de uso

23. Baja visual +
Alta funcional
Mockups

24. Wireframes animados
Rápido
Eficiente
Experiencia , no en entregables
Evaluar usabilidad para nuevos sistemas
Obtener validaciones de los stakeholders
Complementar la documentación
Diseño de interacción

25. Alta visual +
Alta funcional
Mockups

26. A un paso MVP
Evaluar de usabilidad para sistemas existentes
Estimaciones más exactas
Realizar de pruebas de usabilidad remotas
El equipo está en diferentes partes
Complementar la documentación

27. Tiempo
Esfuerzo
y Conocimiento

28. Tiempo
Esfuerzo
Low Visual +
High Functionality
High Visual +
High Functionality
Low Visual +
Low Functionality
High Visual +
Low Functionality
Conocimiento técnico

29. ¿Qué
herramienta usar?

30. Tiempo esfuerzo
y conocimiento
Objetivos
Fidelidad
Visual vs
Funcional

31. Colaborar
Integrarlo con
mi flujo de
trabajo
Que quiero
conocer

32. "Traversing the UX Prototyping Landscape – Lucid Software Design ...." 7 jun.. 2016,
https://medium.com/lucid-software-design/traversing-the-ux-prototyping-landscape-33edc700c1bd. Se consultó el 23 mar..
2017.

33. "Traversing the UX Prototyping Landscape – Lucid Software Design ...." 7 jun.. 2016,
https://medium.com/lucid-software-design/traversing-the-ux-prototyping-landscape-33edc700c1bd. Se consultó el 23 mar..
2017.

39. Buenas
Practicas

40. Evitar LOREM IPSUM
Usar Información Genérica
Información real

41. Conclusiones

42. ¿Cómo hacer una hipótesis ?
¿Para qué sirve un prototipo?
¿Qué fidelidad y proceso utilizar?
¿Cuándo utilizar una herramienta digital?
¿Qué herramienta utilizar?

43. @carluxdns
carlos.ochoa.uxnights@gmail.com
GRACIAS

44. ● "MF212: Figure 6.16 |Rosenfeld Media" 22 mar.. 2012, https://www.flickr.com/photos/rosenfeldmedia/7171777152. Se consultó el 25 mar..
2017.
● "Wireframes | VFS Digital Design." 8 feb.. 2011, https://www.flickr.com/photos/vfsdigitaldesign/5431725069. Se consultó el 25 mar.. 2017.
● "Traversing the UX Prototyping Landscape – Lucid Software Design ...." 7 jun.. 2016,
https://medium.com/lucid-software-design/traversing-the-ux-prototyping-landscape-33edc700c1bd. Se consultó el 23 mar.. 2017.
● "Traversing the UX Prototyping Landscape – Lucid Software Design ...." 7 jun.. 2016,
https://medium.com/lucid-software-design/traversing-the-ux-prototyping-landscape-33edc700c1bd. Se consultó el 23 mar.. 2017.
● Jerry Cao (co-written by Kamil Zieba & Matt Ellis), (2005).The Ultimate Guide to Prototyping. The best prototyping methods, tools and
processes. UXPin Inc. https://www.uxpin.com/studio/ebooks/guide-to-prototyping/
● "Integrating Prototyping Into Your Design Process « Boxes and Arrows." 22 sept.. 2009,
http://boxesandarrows.com/integrating-prototyping-into-your-design-process/. Se consultó el 23 mar.. 2017.
● "High-Fidelity Prototypes | Silicon Valley Product Group." 29 abr.. 2008, http://svpg.com/high-fidelity-prototypes/. Se consultó el 29 mar..
2017.
● "Traversing the UX Prototyping Landscape – Lucid Software Design ...." 7 jun.. 2016,
https://medium.com/lucid-software-design/traversing-the-ux-prototyping-landscape-33edc700c1bd. Se consultó el 23 mar.. 2017.
● https://commons.wikimedia.org/wiki/File:Wlm_flows_draft4_2.png