Presentación sobre usabilidad para Aplicaciones Móviles que realice en el Congreso Web de Zaragoza 2012

1. USABILIDAD EN EL DISEÑO DE APPS
Las leyes de la simplicidad
ANDRÉS KARP

2. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
HASHTAG GENERAL #cw12
HASHTAG APP
#appcw
@andreskarp

3. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

4. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
DESAPRENDER
@andreskarp

5. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
LAS LEYES DE LA SIMPLICIDAD
@andreskarp

6. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
1. REDUCIR
La manera más sencilla de alcanzar la simplicidad es mediante la reducción razonada
@andreskarp

7. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
2. ORGANIZAR
La organización permite que un sistema complejo parezca más sencillo
@andreskarp

8. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
3. TIEMPO
El ahorro de tiempo simplifica las cosas
@andreskarp

9. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
4. APRENDIZAJE
El conocimiento lo simplifica todo
@andreskarp

10. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
5. DIFERENCIAS
La simplicidad y la complejidad se necesitan entre sí
@andreskarp

11. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
6. CONTEXTO
Lo que se encuentra en el límite de la simplicidad también es relevante
@andreskarp

12. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
7. EMOCIÓN
Es preferible que haya más emociones a que haya menos
@andreskarp

13. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
8. CONFIANZA
Confiamos en la simplicidad
@andreskarp

14. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
9. FRACASO
En algunos casos nunca es posible alcanzar la simplicidad
@andreskarp

15. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
10. LA ÚNICA
La simplicidad consiste en sustraer lo que es obvio y añadir lo específico
@andreskarp

16. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
PREGUNTAS
@andreskarp

17. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
1. EFECTIVIDAD
Capacidad de completar tareas
@andreskarp

18. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
1. EFECTIVIDAD
Capacidad de completar tareas
2. EFICIENCIA
Esfuerzo necesarias para completarlas
@andreskarp

19. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
1. EFECTIVIDAD
Capacidad de completar tareas
2. EFICIENCIA
Esfuerzo necesarias para completarlas
3. SATISFACCIÓN
Gusto percibido durante la interacción
@andreskarp

20. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
QUIENES SON LOS USUARIOS
¿Qué sabe de ellos?
¿Qué comportamiento puede predecir?
¿Cultura?
@andreskarp

21. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
¿QUÉ ESTÁ SUCEDIENDO?
¿Están en línea?
Absorben bien los contenidos
@andreskarp

22. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
¿CUÁNDO INTERACTUAN?
En casa con tiempo
En el trabajo con poco tiempo
Períodos libres mientras hacemos tiempo
@andreskarp

23. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
¿DÓNDE ESTÁN LOS USUARIOS?
Espacios públicos o privados
Exterior o interior
De día o de noche
@andreskarp

24. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
DISEÑO MÓVIL
@andreskarp

25. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
EL DISEÑO MÓVIL ES LA
CREACIÓN DE EXPERIENCIAS
DE USUARIO PARA EL
CONTEXTO MÓVIL
@andreskarp

26. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
CONTEXTO Mensaje
Look
&
feel
Colores
Layout
Fuentes
Gráficos
@andreskarp

27. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Distracciones, ubicuidad,
@andreskarp

28. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Contexto
MENSAJE Look
&
feel
Colores
Layout
Fuentes
Gráficos
@andreskarp

29. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Lo que usted está tratando de decir sobre su sitio o aplicación visual
@andreskarp

30. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Contexto
Mensaje
LOOK & FEEL
Colores
Layout
Fuentes
Gráficos
@andreskarp

31. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
El look & feel se utiliza para describir la apariencia
@andreskarp

32. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Contexto
Mensaje
Look
&
feel
COLORES
Layout
Fuentes
Gráficos
@andreskarp

33. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Tratamiento del color
@andreskarp

34. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

35. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Contexto
Mensaje
Look
&
feel
Colores
LAYOUT
Fuentes
Gráficos
@andreskarp

36. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
¿ES NECESARIO DISEÑAR PARA TODAS LAS PANTALLAS?
@andreskarp

37. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

38. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density
@andreskarp

39. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Contexto
Mensaje
Look
&
feel
Colores
Layout
FUENTES
Gráficos
@andreskarp

40. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Que tipos se representa en las pantallas de los móviles
@andreskarp

41. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Contexto
Mensaje
Look
&
feel
Colores
Layout
Fuentes
GRÁFICOS
@andreskarp

42. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
El uso de imágenes que se utilizan para crear o ayudar a una experiencia visual
@andreskarp

43. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
GUÍAS DE DISEÑO
@andreskarp

44. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
ANDROID
User Interface Guidelines
http://developer.android.com/guide/practices/ui_guidelines/index.html @andreskarp

45. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
ANDROID
Android Design XD
http://developer.android.com/design/index.html @andreskarp

46. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
iOS
iOS Human Interface Guidelines
http://fon.gs/ios-guidelines/ @andreskarp

47. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Windows
User Experience design Guidelines
http://fon.gs/windows-guidelines/ @andreskarp

48. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
DIAGRAMA DE GESTOS
@andreskarp

49. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Touch Gesture Cards
http://www.lukew.com/touch/TouchGestureCards.pdf @andreskarp

50. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Touch Target Sizes
http://touchlab.mit.edu/publications/2003_009.pdf @andreskarp

51. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
HARDWARE
@andreskarp

52. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

53. Mobile
Marke;ng
Environment @andreskarp
teclado
numérico
y
joys;ck
Hardware
#cmua

54. teclado
semi-­‐numérico
+
ball

55. Cursor

56. Tác;l
(mul;-­‐touch)

57. Teclado
completo
y
Tác;l

58. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
CAPAS UX MÓVIL
@andreskarp

59. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
IDEA
Necesidades
Contextos
Estrategia
Plataformas
Diseño
Proto;po
Desarrollo
Testear
Monitorizar
@andreskarp

60. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

61. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Idea
NECESIDADES Contextos
Estrategia
Plataformas
Diseño
Proto;po
Desarrollo
Testear
Monitorizar
@andreskarp

62. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

63. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

64. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Idea
Necesidades
Contexto Estrategia
Plataformas
Diseño
Proto;po
Desarrollo
Testear
Monitorizar
@andreskarp

65. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp
Todos los derechos reservados por Cocoarmani

66. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Idea
Necesidades
Contexto
Estrategia
Plataformas
Diseño
Proto;po
Desarrollo
Testear
Monitorizar
@andreskarp

67. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp
http://www.flickr.com/photos/76074333@N00

68. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Idea
Necesidades
Contexto
Estrategia
Plataforma Diseño
Proto;po
Desarrollo
Testear
Monitorizar
@andreskarp

69. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

70. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Idea
Necesidades
Contexto
Estrategia
Plataforma
Diseño Proto;po
Desarrollo
Testear
Monitorizar
@andreskarp

71. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

72. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Idea
Necesidades
Contexto
Estrategia
Plataforma
Diseño
Prototipo
Desarrollo
Testear
Monitorizar
@andreskarp

73. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

74. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Idea
Necesidades
Contexto
Estrategia
Plataforma
Diseño
Proto;po
Desarrollo Testear
Monitorizar
@andreskarp

75. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp
Algunos derechos reservados por camflan

76. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Idea
Necesidades
Contexto
Estrategia
Plataforma
Diseño
Proto;po
Desarrollo
TestearMonitorizar
@andreskarp

77. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp
Algunos derechos reservados por Kai Hendry

78. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
Idea
Necesidades
Contexto
Estrategia
Plataforma
Diseño
Proto;po
Desarrollo
Testear
Optimización
@andreskarp

79. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp
http://jonasraskdesign.com
Algunos derechos reservados por Kai Hendry

80. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
LLEGÓ EL MOMENTO DE LAS PREGUNTAS
@andreskarp

81. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
SOLO 3 PREGUNTAS...
@andreskarp

82. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
@andreskarp

83. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad
GRACIAS TOTALES!!!
@andreskarp