Usabilidad para Apicaciones Móviles

  • 7,427 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
7,427
On Slideshare
0
From Embeds
0
Number of Embeds
7

Actions

Shares
Downloads
116
Comments
0
Likes
7

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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 Guidelineshttp://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 XDhttp://developer.android.com/design/index.html @andreskarp
  • 46. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad iOS iOS Human Interface Guidelineshttp://fon.gs/ios-guidelines/ @andreskarp
  • 47. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidad Windows User Experience design Guidelineshttp://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 simplicidadTouch Gesture Cardshttp://www.lukew.com/touch/TouchGestureCards.pdf @andreskarp
  • 50. USABILIDAD EN EL DISEÑO DE APPS Las leyes de la simplicidadTouch Target Sizeshttp://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 @andreskarpteclado  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 simplicidadLLEGÓ 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