Este documento presenta los principios básicos de diseño de experiencia de usuario (UX) para aplicaciones móviles. Explora las diferencias clave entre diseñar para la web y para aplicaciones móviles, incluyendo el contexto de uso cambiante y las limitaciones del hardware. Luego describe el proceso típico de diseño de una aplicación móvil, desde el concepto inicial y el diseño de la interacción hasta la programación, el diseño visual y el lanzamiento final. Finalmente, enfatiza la importancia de probar iterativamente los prototipos con usu

1. PRINCIPIOS BÁSICOS DE
UX PARA MÓVILES
JAVIER «SIMÓN» CUELLO
millonestarde

2. JAVIER «SIMÓN» CUELLO
millonestarde

3. Barcelona, España

4. DISEÑANDO APPS
PARA MÓVILES

5. DISEÑO EN VIAJE
www.disenoenviaje.com

6. DE LA WEB A LAS APPS
Principales diferencias

7. Diseñando para web…

10. El contexto de uso

13. “El 88,5% de los españoles usa el móvil en el baño.”
— Encuesta Betfair

15. “…lectores apurados y ambientes
cambiantes… estas no son condiciones
nuevas y los diseñadores de información han
estado lidiando con ellas desde siempre.”
— Erik Spiekermann

18. La personalidad

23. Hardware

28. TABLEDRUM

29. EL PROCESO DE DISEÑO
Paso a paso

30. DISEÑADOR DESARROLLADOR

31. DISEÑO DE
INTERACCIÓN
CONCEPTO PROGRAMACIÓNDISEÑO VISUAL LANZAMIENTO
DISEÑADOR DESARROLLADOR

32. DISEÑO DE
INTERACCIÓN
CONCEPTO PROGRAMACIÓNDISEÑO VISUAL LANZAMIENTO
DISEÑADOR DESARROLLADOR

33. Lean Startup

34. Lean StartupUX

35. PROTOTIPOCONCEPTO
TEST
WIREFRAME

36. Mobile First

40. “…no sólo te prepara para el crecimiento
espectacular de los móviles y las nuevas
oportunidades, sino que también te obliga a
enfocarte y te permite innovar en maneras
que antes no podías.”
— Luke Wroblewski

41. SIMPLE

42. LA IDEA DEL MILLÓN DE DÓLARES
El concepto de la app

43. “Debería haber una app para esto.”
— Todo el mundo, alguna vez

48. MAILBOX

49. “Hacer algo con una app debería ser más fácil que
hacerlo sin ella.”
— Sentido común

50. PERO… ¿PARA QUIÉN DISEÑAMOS?
El usuario

53. CONSTRUYENDO EL PROTOTIPO
Diseño de interacción

54. Queremos apps intuitivasfamiliares

55. Queremos apps intuitivasfamiliaresfamiliares

56. RANITA

64. “Omitir este paso es extremadamente
peligroso porque te puede llevar a
concentrarte solo en los detalles de diseño…”
— Irene Pereyra, Fi

65. PROBAR, Y PROBAR…
Test de usabilidad

67. MR. TAPPY

69. POP

70. DISEÑO PARA TOCAR
Particularidades del mundo móvil

76. Tamaños mínimos

78. 10mm
2mm

79. 10mm
2mm

80. 10mm

82. Áreas de interacción

85. Manipulación directa

89. RISE

91. EL ESTILO DE LA APP
Diseño visual

92. iOS

99. Android

106. MATERIAL DESIGN

107. Windows Phone

111. Ni uno, ni el otro…

120. ¿Y AHORA QUÉ?
El futuro

121. Vienen más…

124. Más allá del celular

130. “El mercado es relativamente joven y
estamos empezando a ver cómo surgen
algunas convenciones, pero la innovación
aún se está extendiendo por todos lados.”
— Loren Brichter

131. ¡GRACIAS!
millonestarde