Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

UX process design for mobile

953 visualizaciones

Publicado el

Presentación sobre el proceso de diseño UX de apps móviles en FDV Solutions.

Publicado en: Diseño
  • Sé el primero en comentar

UX process design for mobile

  1. 1. UX MOBILE Proceso de diseño en mobile apps. Barbara Lyschenko Lic. en Diseño y Comunicación visual (UNLa) UX & UI Sr Designer at FDV SOLUTIONS.
  2. 2. FDVSOLUTIONS Empresa argentina especializada en desarrollo de software a medida para diversos segmentos y tipos de empresas. La misión de la compañía es formar un equipo de buenas personas, talentosas e innovadoras que generen un cambio profundo en el mercado y en la sociedad. Tiene 8 años y ha desarrollado más de 150 aplicaciones para clientes como Toyota, CitiBank, Telecom, Kraft Foods, Merck, P&G, Nextel, entre otros. www.fdvsolutions.com
  3. 3. El objetivo de la charla es dar a conocer nuestro proceso de diseño.
  4. 4. Empecemos a hablar de UX.
  5. 5. “La experiencia del usuario abarca todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos.” by JAKOB NIELSEN and DON NORMAN
  6. 6. USUARIO PRODUCTO NEGOCIO PROCESO BÁSICO DE UX
  7. 7. BUEN UX FÓRMULA DEL BUEN UX
  8. 8. Proceso de diseño Son 4 etapas dinámicas pero no necesariamente lineales.
  9. 9. PLAN DISEÑO DESARROLLO ENTREGA
  10. 10. PLAN ¿Cómo nos llega la información?
  11. 11. El PL brinda un Kick Off para conocer la idea. La idea puede ser un concepto definido ó puede pasar que sea un concepto abstracto. Concepto definido: El proyecto está delimitado cómo va a ser. Concepto abstracto: Hay una idea pero se debe pulir para que sea un proyecto.
  12. 12. Conceptualización y Definición
  13. 13. Conceptualización: En este paso el resultado es la Idea, del cual se consideran la necesidades del producto y se arma un concepto del proyecto a realizar. Cuando hay conceptos abstractos aplicamos ciertas técnicas para aclarar el panorama. Brainstorming, Mapeo, Card sorting.
  14. 14. Definición: Con la idea definida, se arma el alcance del proyecto: OS + Dispositivos y versiones + Modelo mental y tipo de usuario + Funcionalidades.
  15. 15. DISENO ¿Cómo empieza a pensarse la app? ~
  16. 16. ● Definimos casos de uso y diagrama de actividades. ● Flujo de navegación (workflow) ● Wireframes de baja fidelidad (bocetos) ● Iteración (Testeo) Este no es proceso lineal, se definen los pasos correlativos pero depende de los resultados de la Iteración. (cíclico)
  17. 17. Ejemplo de Workflow
  18. 18. Ejemplo de wireframes | bocetos de baja fidelidad
  19. 19. Ahora… Iteramos El test se hace sobre bocetos.
  20. 20. La fase de iteración puede o no hacerse una vez sola. Según el número de tareas cumplidas y de errores se evalúa repetir la fase. Cuando tenemos resultados que convencen pasamos a la siguiente etapa donde le damos color a la app.
  21. 21. DESARROLLO El diseño visual
  22. 22. ● Wireframes de alta fidelidad ó Prototipos visuales ● Iteración (Testeo) Así como en el anterior paso, de acuerdo a los resultados de la iteración puede haber un ida y vuelta con los prototipos.
  23. 23. Ahora… Iteramos nuevamente El test se hace sobre los prototipos de alta fidelidad.
  24. 24. Si hay errores, la iteración se repite sobre estos. Es decir, se vuelve a iterar en la pantallas y elementos que hubo error, no en toda la app. Ahora cuando tenemos resultados que convencen , y luego de un feedback con el cliente, se empieza a "recortar" y "especificar".
  25. 25. ENTREGA Assets y especificaciones
  26. 26. Recortes y detalles de las pantallas según OS y Device.
  27. 27. Pero… ¿Cuándo el producto está listo?
  28. 28. Gráfica de esfuerzo
  29. 29. Luego de la publicación en el store que corresponda… Nuestro diseño cobra vida
  30. 30. ¿Dudas? Muchas Gracias

×