Upgrade to Pro — share decks privately, control downloads, hide ads and more …

¿Cómo iniciar en UX/UI?

¿Cómo iniciar en UX/UI?

Gabriela Muñoz

August 10, 2020
Tweet

More Decks by Gabriela Muñoz

Other Decks in Design

Transcript

  1. Fundamentos • ¿Qué es diseño? • ¿Qué es diseño centrado

    en el usuario? • ¿Qué es usabilidad? • ¿Qué es UX? + artefactos de UX • ¿Qué es UI? + herramientas de UI 5
  2. ¿Qué es diseño? Diseño es un proceso, se trata de

    planear cómo va a ser o cómo va a funcionar algo. Siempre orientado a una necesidad. 6
  3. Diseño centrado en usuario Es un enfoque de diseño cuyo

    proceso está dirigido por información sobre las personas que van a hacer uso del producto. 7
  4. Usabilidad Es la facilidad con la que las personas utilizan

    una herramienta u otro objeto para conseguir un objetivo específico. 9
  5. Heurísticas Nielsen 11 ◍ Visibilidad del estado del sistema ◍

    Mismo lenguaje del usuario ◍ Consistencia en estándares ◍ Flexibilidad y eficiencia de uso ◍ Ayudar a los usuarios a identificar, diagnosticar y solucionar errores. ◍ Ayuda y documentación
  6. ¿Qué es UX? Es descubrir, investigar y mejorar la experiencia

    de una persona con un producto o servicio. 14
  7. UX ◍ Investigación ◌ Cuantitativa ◌ Cualitativa ◍ Pruebas de

    usabilidad ◍ Comunicación con marketing, comercial, desarrollo, negocio. 16
  8. Interfaz de usuario Es aplicar lo que se descubrió de

    a una interfaz de usuario, casi siempre es una interfaz gráfica. 18
  9. 30

  10. User personas Una persona es una descripción ficticia, pero realista,

    de un usuario típico o potencial de un producto. -Nielsen/Norman Group 31
  11. Site map Es la lista de páginas que tendrá un

    sitio web o una aplicación móvil 33
  12. Historias de usuario Descripción de tareas a realizar, desde el

    punto de vista del usuario ◍ Responden a las preguntas “Quién”, “Qué” y “Por qué” 34
  13. User Flow Es la ruta que sigue un usuario en

    un sitio web o aplicación para completar una tarea. 35
  14. Wireframes Es un boceto que tiene como objetivo definir el

    contenido y la posición de bloques de un producto digital. Incluye menús de navegación, bloques de contenido. 37
  15. Wireflows Combinan las metas del usuario, tareas e interacciones entre

    pantallas. Aprende más: https:/ /uxdesign.cc/when-to-use-user-flows-guide-8b26ca9aa36a 39
  16. Recomendaciones 50 Don’t make me think - Steve Krug About

    Face Jacob Nielsen Nielsen Norman Group UX Collective
  17. ◍ Identifica la funcionalidad que te enoja! ◍ ¿Cómo la

    mejorarías? ◍ Describe tu solución ◍ Dibuja ◍ Comparte en Twitter :-) 52
  18. Credits Special thanks to all the people who made and

    released these awesome resources for free: ◍ Presentation template by SlidesCarnival ◍ Photographs by Unsplash 55