Usabilidad para Apicaciones Móviles

596 views
536 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
596
On SlideShare
0
From Embeds
0
Number of Embeds
96
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Usabilidad para Apicaciones Móviles

  1. 1. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad ANDRÉS KARP
  2. 2. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad HASHTAG GENERAL #cw12 HASHTAG APP #appcw @andreskarp
  3. 3. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  4. 4. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad DESAPRENDER @andreskarp
  5. 5. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad LAS LEYES DE LA SIMPLICIDAD @andreskarp
  6. 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. 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. 8. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad 3. TIEMPO El ahorro de tiempo simplifica las cosas @andreskarp
  9. 9. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad 4. APRENDIZAJE El conocimiento lo simplifica todo @andreskarp
  10. 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. 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. 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. 13. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad 8. CONFIANZA Confiamos en la simplicidad @andreskarp
  14. 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. 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. 16. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad PREGUNTAS @andreskarp
  17. 17. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad 1. EFECTIVIDAD Capacidad de completar tareas @andreskarp
  18. 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. 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. 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. 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. 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. 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. 24. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad DISEÑO MÓVIL @andreskarp
  25. 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. 26. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad CONTEXTO Mensaje Look  &  feel Colores Layout Fuentes Gráficos @andreskarp
  27. 27. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Distracciones, ubicuidad, @andreskarp
  28. 28. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Contexto MENSAJE Look  &  feel Colores Layout Fuentes Gráficos @andreskarp
  29. 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. 30. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Contexto Mensaje LOOK & FEEL Colores Layout Fuentes Gráficos @andreskarp
  31. 31. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad El look & feel se utiliza para describir la apariencia @andreskarp
  32. 32. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Contexto Mensaje Look  &  feel COLORES Layout Fuentes Gráficos @andreskarp
  33. 33. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Tratamiento del color @andreskarp
  34. 34. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  35. 35. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Contexto Mensaje Look  &  feel Colores LAYOUT Fuentes Gráficos @andreskarp
  36. 36. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad ¿ES NECESARIO DISEÑAR PARA TODAS LAS PANTALLAS? @andreskarp
  37. 37. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  38. 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. 39. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Contexto Mensaje Look  &  feel Colores Layout FUENTES Gráficos @andreskarp
  40. 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. 41. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Contexto Mensaje Look  &  feel Colores Layout Fuentes GRÁFICOS @andreskarp
  42. 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. 43. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad GUÍAS DE DISEÑO @andreskarp
  44. 44. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad ANDROID User Interface Guidelineshttp://developer.android.com/guide/practices/ui_guidelines/index.html @andreskarp
  45. 45. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad ANDROID Android Design XDhttp://developer.android.com/design/index.html @andreskarp
  46. 46. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad iOS iOS Human Interface Guidelineshttp://fon.gs/ios-guidelines/ @andreskarp
  47. 47. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Windows User Experience design Guidelineshttp://fon.gs/windows-guidelines/ @andreskarp
  48. 48. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad DIAGRAMA DE GESTOS @andreskarp
  49. 49. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidadTouch Gesture Cardshttp://www.lukew.com/touch/TouchGestureCards.pdf @andreskarp
  50. 50. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidadTouch Target Sizeshttp://touchlab.mit.edu/publications/2003_009.pdf @andreskarp
  51. 51. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad HARDWARE @andreskarp
  52. 52. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  53. 53. Mobile  Marke;ng  Environment @andreskarpteclado  numérico  y  joys;ck Hardware #cmua
  54. 54. teclado  semi-­‐numérico  +  ball
  55. 55. Cursor
  56. 56. Tác;l  (mul;-­‐touch)
  57. 57. Teclado  completo  y  Tác;l  
  58. 58. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad CAPAS UX MÓVIL @andreskarp
  59. 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. 60. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  61. 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. 62. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  63. 63. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  64. 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. 65. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp Todos los derechos reservados por Cocoarmani
  66. 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. 67. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp http://www.flickr.com/photos/76074333@N00
  68. 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. 69. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  70. 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. 71. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  72. 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. 73. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  74. 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. 75. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp Algunos derechos reservados por camflan
  76. 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. 77. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp Algunos derechos reservados por Kai Hendry
  78. 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. 79. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp http://jonasraskdesign.com Algunos derechos reservados por Kai Hendry
  80. 80. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidadLLEGÓ EL MOMENTO DE LAS PREGUNTAS @andreskarp
  81. 81. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad SOLO 3 PREGUNTAS... @andreskarp
  82. 82. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad @andreskarp
  83. 83. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad GRACIAS TOTALES!!! @andreskarp

×