Presentacion diseño apps

607 views

Published on

Conferencia "La importancia del diseño como factor diferenciador de nuestras aplicaciones móviles", impartida en el Centro Cultural de España en El Salvador con el objetivo de impulsar a emprendedores IT a cuidar del Diseño como un factor de valor agregado que incremente el potencial de venta de sus productos de software.

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

No Downloads
Views
Total views
607
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Presentacion diseño apps

  1. 1. Como factor diferenciador de nuestras aplicaciones móviles LA IMPORTANCIA DEL DISEÑO
  2. 2. CEO ESTUDIO EXIMIUS ERNESTO OLMEDO
  3. 3. Emprendedor, diseñador, desarrollador, consultor, especializado en plataformas corporativas móviles. ERNESTO OLMEDO Quién @mr_olmedo www.estudioeximius.com/blog
  4. 4. Frase Good design is good business. -THOMAS WATSON (IBM)
  5. 5. Contenido Los contenidos de esta presentación son válidos para el diseño de apps para tablets y smartphones. 1 La importancia del diseño 2 3 ¿Qué es buen diseño? Fundamentos de UI/UX 4 Proceso de diseño 5 Herramientas & Recursos
  6. 6. Punto 1 .La importancia del diseño
  7. 7. El Caso Carlos Koji John Considera comprar a estos emprendedores una solución móvil para tu negocio:
  8. 8. Carlos 1 Diseño 2 3 Detalle Calidad Emprendedor salvadoreño con un equipo pequeño pero altamente profesional y capacitado. Su portafolio de proyectos es pequeño, pero variado y de alta calidad. Su proceso de diseño es consultivo y abierto. Top skills
  9. 9. Carlos El portafolio de Carlos está repleto de software bien diseñado, de fácil uso, y a un precio justo.
  10. 10. Koji 1 Experiencia 2 3 Eficiencia Bajo costo Emprendedor japonés con un amplio equipo de desarrolladores de excelente formación técnica. Su portafolio de proyectos es inmenso, pero encasillado en la mentalidad de su país. Top skills
  11. 11. Koji El portafolio de Koji es enorme, pero muestra el mismo concepto japonés de diseño en todas las aplicaciones.
  12. 12. John 1 Detalle 2 3 Experiencia Calidad Emprendedor estadounidense con un equipo pequeño pero altamente profesional y capacitado. El software que produce es de excelente calidad funcional, pero plano y “sin sabor” visual. Top skills
  13. 13. John El portafolio de John muestra software de buena calidad técnica, pero su proceso de diseño es plano y cerrado.
  14. 14. Innovación Comunicar ROI Eficiencia Precio justo Calidad
  15. 15. Frase Design is not just what it looks like and feels like. Design is how it works. -STEVE JOBS (APPLE)
  16. 16. Punto 2 .¿Qué es buen diseño?
  17. 17. Desconfíe de recetas mágicas. Hay demasiados factores a tener en cuenta. Veamos 3 de los más importantes.
  18. 18. Sencillez 1 Un buen diseño es sencillo. Por eso es complicado. Objetivos y propósitos claros. Espacios abarcables. Pocos niveles de complejidad.
  19. 19. Honestidad 2 Un buen diseño es honesto. Tiene claro su objetivo y no intenta ser otra cosa. Nada está escondido. Lenguaje claro y conciso. Sin segundas intenciones.
  20. 20. Apple, stop this madness.
  21. 21. Visual 3 Un buen diseño es visual. Saber usar imágenes y texto. Navegación por contenido. Decidimos con los ojos, no con la cabeza.
  22. 22. Un buen diseño es…
  23. 23. Punto 3 .Fundamentos de diseño UI/UX
  24. 24. 1 Fácil de aprender a usar 2 3 Eficiente Memorable 4 5 Recuperación de errores Simplicidad 6 Enrutamiento 7 8 Visibilidad Feedback 9 10 Consistencia Satisfacción Punto 3 Los diez mandamientos del diseño UI/UX
  25. 25. 1 TU DISEÑO DEBE SER FÁCIL DE USAR. •  Una interfaz debería ser fácil de aprender desde la primer vez que un usuario interactúa con ella. •  La cantidad de funciones que se presentan al usuario deberían limitarse exactamente a lo que el usuario necesita para cumplir su objetivo ¡Hazlo fácil!
  26. 26. 2 NO HAGAS AL USUARIO TRABAJAR DE MÁS. •  El número de pasos que le lleva al usuario para completar una tarea debe ser siempre menor a 3. •  Las tareas más importantes deben hacerse lo más eficiente que sea posible Sé Eficiente
  27. 27. 3 INTENTA DEJAR SIEMPRE UNA IMPRESIÓN AL USUARIO •  La interfaz debe ser más fácil de usar con cada uso subsecuente. •  La frecuencia de uso es el factor más importante para lograr una interfaz memorable. Memorable
  28. 28. 4 RECUPÉRATE DE MANERA ELEGANTE DE UN ERROR •  En una interfaz de usuario perfecta, nunca debería permitírsele al usuario cometer un error. Y deberás prevenirlo siendo amable y servicial. Amigable
  29. 29. 5 RECUERDA: MENOS ES MÁS. •  Las tareas usuales deben ser fáciles; las tareas menos comunes deben ser razonablemente complejas. •  SIEMPRE EVITA funciones innecesarias y mantén la retícula y diseño lo más limpio posible. Sé Simple
  30. 30. 6 NADA IRRITA MÁS QUE PERDERSE EN UNA APP. •  Lo que el usuario espera que pase cuando interactúan con la interfaz es exactamente lo que debe pasar. Enrutamiento
  31. 31. 7 AYUDA AL USUARIO A HALLAR LO QUE BUSCA. •  La información importante debería ser más visible y la información menos importante debería ser menos visible. •  Entender las metas de tus usuarios es crítico para decidir qué destacarás Visibilidad
  32. 32. 8 ¿ESTÁ PASANDO ALGO? DÍSELO AL USUARIO. •  El usuario siempre debe estar en control de la interfaz y no al contrario. •  Si necesitas hacer que el usuario espere, explícale por qué. Feedback
  33. 33. 9 MANTÉN CONSISTENTE TU LENGUAJE DE DISEÑO. •  Controles similares SIEMPRE deben mostrarse y actuar de la misma manera en toda la aplicación. •  Seguir los manuales de estilo de la plataforma para la que se está diseñando Consistencia
  34. 34. 10 ESCUCHA LO QUE TU USUARIO TIENE QUE DECIR •  Mantén en cuenta qué tanto disfruta el usuario tu aplicación. •  Corrige errores o implementa mejoras con esta información. Satisfacción
  35. 35. Punto 4 .Proceso de Diseño
  36. 36. USUARIO U Diseño conceptual Diseño e implementación Evaluación De UX Lanzamiento y mantenimiento Análisis de requisitos Diseño centrado en
  37. 37. Paso 1 •  Decide los objetivos del producto. •  Determina las necesidades de tus usuarios. •  Entrevista a tus usuarios. Análisis de requisitos Objetivo Tiempo Entorno
  38. 38. •  Boceta en alta calidad el diseño de tu producto. •  Crea representaciones visuales (mockups) o representaciones interactivas (prototipos) del producto. •  Evalúa la UX de estos diseños. •  Reinicia el proceso para mejorar los resultados de tu evaluación. Diseño Conceptual, Prototipos y Evaluación Paso 2
  39. 39. La bocetería es el punto de nacimiento de tu aplicación.
  40. 40. Mockups o Prototipos •  Te permiten visualizar la aplicación y presentársela a tu equipo de trabajo. •  Probar la aplicación en esta etapa te permitirá determinar si cumples con los 10 principios de diseño UX.
  41. 41. •  Boceta en alta calidad el diseño de tu producto. •  Crea representaciones visuales (mockups) o representaciones interactivas (prototipos) del producto. •  Evalúa la UX de estos diseños. •  Reinicia el proceso para mejorar los resultados de tu evaluación. Diseño e Implementación Paso 3
  42. 42. •  Haz evaluaciones de usabilidad al concluir el diseño final de tu aplicación. •  Trabaja con tu equipo de desarrollo y de diseño para mejorar el producto en base a los resultados de esta evaluación. •  Repite este proceso hasta que tu aplicación llegue al punto más alto de usabilidad en esta versión. Evaluación de usabilidad Paso 4
  43. 43. •  Recuerda documentar todo tu proceso creativo. •  Recolecta el feedback de tus usuarios y clientes para mejorar el producto en versiones futuras Lanzamiento y mantenimiento Paso 5
  44. 44. Punto 5 .Herramientas y Recursos
  45. 45. Mockups •  Gratuito •  Fácil de usar •  Varios diseñadores pueden trabajar en un documento al mismo tiempo Cacoo.com http://cacoo.com
  46. 46. Prototipos •  Gratuita •  Permite hacer prototipos de aplicaciones iOS de forma fácil y rápida •  Permite ejecutar los prototipos como si de aplicaciones se tratase. Esto facilita el análisis UX. Blueprint App App Store / Blueprint
  47. 47. Prototipos •  Gratuita •  Provee un espacio de discusión y feedback •  Integra listas de tareas pendientes por proyecto •  Permite el trabajo en equipo inVISION http://invisionapp.com
  48. 48. Inspiración •  Gratuito •  Posee muestras de UI para desktop, tablets y móviles •  Permite buscar por Estilos de diseño o por Tipo de elemento. Pattern TAP http://patterntap.com
  49. 49. ¡Gracias! Contacto 1 ernesto@estudioeximius.com 2 3 @mr_olmedo estudioeximius.com/blog

×