El proceso de creación de una app consta de varias fases. El diseño es la que más debemos cuidar si queremos que la experiencia de usuario sea satisfactoria. Para ello, hay que tener en cuenta la usabilidad.

1. DISEÑO DE APLICACIONES
PARA MÓVILES

2. EXPERIENCIA DE USUARIO
Y USABILIDAD

3. USABILITY ≠ USER EXPERIENCE

4. USABILITY

5. USER
EXPERIENCE

6. USABILITY
“la facilidad con que las
personas pueden utilizar
una herramienta con el
fin de alcanzar un
objetivo concreto”

7. USER
EXPERIENCE
“El objetivo es que los
usuarios se sientan
felices antes, durante
y después de usar el
producto”

9. USABILITY
FUNCIONALIDAD
• Poco esfuerzo mental para
usarlo
• Haypocos errores o
equivocaciones en su empleo
• Es
eficiente: permite hacer
más y más rápido
• Cuesta muy poco aprender a
usarlo

11. USER EXPERIENCE
SENTIMIENTOS
• Entorno • Confianza
• Colores • Branding
• Olfato • “Show-off ”
effect
• Tacto
• Practicalidad
• Sonido
• Efecto
• Vista emocional

12. Entonces, ¿por qué tenemos esto?

13. ... o esto

14. ouch!

15. y esto...

16. y esto otro...

17. En definitiva...

18. “USABLE HAPPINESS”
“Usable happiness: is a product that is simple to use, and makes
you smile every time you use it”
Thomas Baekdal

19. ESTADÍSTICAS

20. DISTRIBUCIÓN DE
DISPOSITIVOS

21. DISTRIBUCIÓN DE
DISPOSITIVOS

23. Android OS: 36%

24. Apple iOS: 26%
Android OS: 36%

25. Blackberry OS: 23%
Apple iOS: 26%
Android OS: 36%

26. Windows Mobile/WP7: 10%
Blackberry OS: 23%
Apple iOS: 26%
Android OS: 36%

27. Otros: 5%
Windows Mobile/WP7: 10%
Blackberry OS: 23%
Apple iOS: 26%
Android OS: 36%

28. DESCARGAS
29% 26%
41%
59%
71% 74%
48 por teléfono 35 por teléfono 15 por teléfono
De pago Gratis

29. 826.200 APPS
400.000
300.000
200.000
100.000
0
ne oi
d ad vi y 7
o dr iP O er
r
ne Palm
iPh n kb ho
A
Blac sP
ow
ind
W

30. USUARIOS SMARTPHONES

31. USUARIOS SMARTPHONES

33. MOBILE USERS

34. MOBILE USERS
MOBILE WEB ACCESS

35. MOBILE USERS
MOBILE WEB ACCESS
DESKTOP WEB ACCESS

36. EL MÓVIL NO ES
UN ORDENADOR
≠

39. • Trabajo sentado y en un ambiente cómodo
• Pantalla grande que permite multitarea
• Soporte de Ratón y Teclado

42. • Entorno variable
• Pantalla pequeña que dificulta la introducción de
datos
• Visualización de una única pantalla a la vez
• Difícil la multitarea y fácil perderse

43. NATIVAS VS WEB APPS

44. NATIVA

45. EXPLOTAR LAS
PRESTACIONES
DEL
DISPOSITIVO
GPS

46. EXPLOTAR LAS
PRESTACIONES
DEL
DISPOSITIVO
ACELERÓMETRO

47. EXPLOTAR LAS
PRESTACIONES
DEL
DISPOSITIVO
CAPTURA DE IMÁGENES

48. EXPLOTAR LAS
PRESTACIONES
DEL
DISPOSITIVO
AUDIO Y VÍDEO

49. EXPLOTAR LAS PRESTACIONES
DEL DISPOSITIVO
3D

50. EXPLOTAR LAS
PRESTACIONES
DEL
DISPOSITIVO
AGENDA DE CONTACTOS

51. EXPLOTAR LAS
PRESTACIONES
DEL
DISPOSITIVO
CALENDARIO

52. APROVECHAR
EL CANAL DE
DISTRIBUCIÓN

53. ENVÍO DE PUSH
NOTIFICATIONS

54. IN APP PURCHASE

55. USO OFF-LINE

56. MAYOR
EXPERIENCIA DE
USUARIO

57. WEB APP

58. WEB VIEW
SOLUCIÓN HÍBRIDA

59. WEB VIEW

60. WEB VIEWS QUE SIMULAN
A UNA APP NATIVA

61. ¿CÓMO DISEÑAR UNA
BUENA INTERFAZ IPHONE?

62. TIPOLOGÍAS DE APLICACIONES

63. 3
TIPOLOGÍAS DE APLICACIONES

64. PRODUCTIVITY
APPLICATIONS
•UX orientada a la tarea
•Ordenación de información
jerárquica
•Tareas complejas

65. UTILITY
APPLICATIONS
•Ricas gráficamente
•Validar el estado de algo o
mirarlo por encima
•Añaden controles standard

66. IMMERSIVE
APPLICATIONS
•Hay muchos datos pero no
se muestran al usuario
•Custom User Interface
•Pantalla completa

67. GESTURES,
NOT CLICKS

68. Touch and
Tap Double tap Drag
hold
Pinch open Pinch close Swipe Swipe

69. PROCESO DE TRABAJO

70. IDEA

71. REFERENTES

72. BOCETOS A
MANO

73. MAPA DE NAVEGACIÓN

74. DETALLES GRÁFICOS

75. GRÁFICA FINAL

76. REDISEÑO INFOVUELOS
TALLER PRÁCTICO

77. BUSCAR VUELO POR NOMBRE

78. BUSCAR POR SALIDAS

79. BUSCAR POR LLEGADAS

80. AÑADIR VUELO A FAVORITOS

81. ELIMINAR VUELO DE FAVORITOS

82. Mobility Everywhere