(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
Usabilidad para Apicaciones Móviles
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
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