Coaching Diseño para dispositivos móviles

En este Coaching se mostró un panorama general de todos los pasos que se deberían seguir para tener un buen proceso en el diseño y desarrollo de aplicaciones móviles. Organizado por la empresa GeneXus.

Transcript

1. Coaching Diseño móvil Lucía Guedes de Rezende Diseñadora UX/UI www.urraca.uy @urracauy
2. Diseño móvil Introducción e ideas básicas #1 - ¿Por qué el diseño móvil es diferente a web? #2 - ¿A quién le vamos hablar? User Experience (UX) / Experiencia de usuario #3 - ¿Qué es UX? #4 - ¿Qué podemos hacer nosotros para aplicar UX? #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas User Interface (UI) / Interfaz de usuario #6 - ¿Por qué es importante tener una buena UI? Q&A Tips
3. Introducción e ideas básicas #1 - ¿Por qué el diseño móvil es diferente al web?
4. Introducción e ideas básicas #1 - ¿Por qué el diseño móvil es diferente al web? Desktop / Escritorio
5. Mobile / Móvil Introducción e ideas básicas #1 - ¿Por qué el diseño móvil es diferente al web?
6. Mobile / Móvil Desktop / Escritorio Determinados contextos de uso Teclado o mouse Tareas específicas Diferentes contextos de uso Touch Diversas tareas a la vez Introducción e ideas básicas #1 - ¿Por qué el diseño móvil es diferente al web?
7. #2 - ¿A quién le vamos hablar? Introducción e ideas básicas
8. Introducción e ideas básicas #2 - ¿A quién le vamos hablar? Mi negocio vs. Mis usuarios
9. Introducción e ideas básicas #2 - ¿A quién le vamos hablar?
10. Introducción e ideas básicas #2 - ¿A quién le vamos hablar?
11. Introducción e ideas básicas #2 - ¿A quién le vamos hablar?
12. Introducción e ideas básicas #2 - ¿A quién le vamos hablar? vs
13. Introducción e ideas básicas #2 - ¿A quién le vamos hablar? Debe de haber un mix entre lo que mis usuarios precisan y lo que mi negocio o mi aplicación debe tener ¿Qué les voy a mostrar? ¿Cómo? ¿Cómo mi aplicación les va a ser útil? ¿Cúal es la mejor manera de hacerlo?
14. #3- ¿Qué es UX? User experience (UX) / Experiencia de usuario
15. Introducción e ideas básicas #2 - ¿A quién le vamos hablar?
16. User experience (UX) / Experiencia de usuario #3 - ¿Qué es UX?
18. User experience (UX) / Experiencia de usuario #3 - ¿Qué es UX?
19. #4 - ¿Qué podemos hacer nosotros para aplicar UX? User experience (UX) / Experiencia de usuario
20. User experience (UX) / Experiencia de usuario #4 - ¿Qué podemos hacer nosotros para aplicar UX? Trabajar en equipo para definir quién será nuestro público objetivo
21. Definir un alcance mínimo de la aplicación y armar la navegación User experience (UX) / Experiencia de usuario #4 - ¿Qué podemos hacer nosotros para aplicar UX?
22. Dibujar cada una de las pantallas en papel - Prototipo rápido User experience (UX) / Experiencia de usuario #4 - ¿Qué podemos hacer nosotros para aplicar UX?
23. Pasar a testear interacción, tamaños reales, y navegación por ej. Balsamiq Mockups User experience (UX) / Experiencia de usuario #4 - ¿Qué podemos hacer nosotros para aplicar UX?
24. Primera etapa de diseño de wireframes User experience (UX) / Experiencia de usuario #4 - ¿Qué podemos hacer nosotros para aplicar UX?
25. ETAPA DE UI User experience (UX) / Experiencia de usuario #4 - ¿Qué podemos hacer nosotros para aplicar UX?
26. #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas User experience (UX) / Experiencia de usuario
27. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 1 - Usar lo ya aprendido
28. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 1 - Usar lo ya aprendido
29. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 1 - Usar lo ya aprendido
30. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 1 - Usar lo ya aprendido
31. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 2 - Brindar ayuda Coach marks
32. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 2 - Brindar ayuda Walkthroughs
33. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 3- Mantener una coherencia
34. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 3- Mantener una coherencia
35. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 4- Brindar feedback
36. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 4- Brindar feedback
37. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 5- El mismo lenguaje
38. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 5- El mismo lenguaje vs.
39. User experience (UX) / Experiencia de usuario #5 - 5 consejos para que nuestras aplicaciones sean más intuitivas 5- El mismo lenguaje
40. #6 - ¿Por qué es importante tener una buena UI? User interface (UI) / Interfaz de usuario
41. User interface (UI) / Interfaz de usuario #6 - ¿Por qué es importante tener una buena UI?
42. User interface (UI) / Interfaz de usuario #6 - ¿Por qué es importante tener una buena UI? vs.
43. User interface (UI) / Interfaz de usuario #6 - ¿Por qué es importante tener una buena UI?
44. User interface (UI) / Interfaz de usuario #6 - ¿Por qué es importante tener una buena UI?
45. User interface (UI) / Interfaz de usuario #6 - ¿Por qué es importante tener una buena UI?
46. User interface (UI) / Interfaz de usuario #6 - ¿Por qué es importante tener una buena UI?
47. User interface (UI) / Interfaz de usuario #6 - ¿Por qué es importante tener una buena UI?
48. Tips
49. Tips UX ux.stackexchange.com www.smashingmagazine.com/category/uxdesign/ www.nngroup.com/articles
50. Tips Mockups y prototipos balsamiq.com www.invisionapp.com
51. Tips UI www.pttrns.com androidniceties.tumblr.com patterntap.com
52. Tips Test de usuario www.usertesting.com
53. Tips Videos www.youtube.com/watch?v=6MOeVNbh9cY www.youtube.com/watch?v=s0HIP8EdlnE&x-yt-cl=84359240&x-yt-ts=1421782837 developer.apple.com/videos/wwdc/2014/?id=223
54. Q&A
55. Muchas gracias