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

Fundamentos de UX

Gabriela Muñoz
February 22, 2023

Fundamentos de UX

Gabriela Muñoz

February 22, 2023
Tweet

More Decks by Gabriela Muñoz

Other Decks in Design

Transcript

  1. ¡Hola soy Gabs! UX Designer Vivo en México Me gusta

    el café y los perritos @supeergabs
  2. Aprenderemos los fundamentos de UX / UI Design y cómo

    aplicarlos en tu desarrollo profesional. ¿De qué va la clase? Si tienes dudas compártelas en el chat :-) Hagamos un espacio seguro para todas y todos.
  3. Conceptos claves para entender la UX Necesidades del usuario Tecnología

    Objetivos de negocio UX Experiencia de usuario: UX por sus siglas en inglés User eXperience
  4. Diseño centrado en el usuario • El diseño centrado en

    el usuario (DCU) es un enfoque para crear nuevas soluciones. • Comienza con los seres humanos y termina con las respuestas que se adaptan a sus necesidades. https://uxplanet.org/user-centered-design-process-and-benefits-fd9e431eb5a9
  5. Antes de comenzar debemos tener claro lo siguiente: • Las

    necesidades que el sistema debe resolver para el usuario. • Toda experiencia debe tener un propósito claro. • Estrategia derivada de la perspectiva del negocio y del usuario. Necesidades de usuario / Investigación
  6. Crea un documento que incluya la información • Google Docs

    • Notion Necesidades de usuario / Investigación Ejemplo: https://www.notion.so/Shaping-template-102e 082d09be4d7e8c4e93b92f8f115f
  7. • Funcionalidades: Son las tareas que el sistema debe cumplir

    y alcanzar los objetivos de negocio. • Contenido: Identificar la cantidad de imágenes, gráficas, textos, secciones, en general todo el contenido que se tiene que generar. Funcionalidades y contenido
  8. En esta capa se definen los sistemas de navegación, jerarquía

    y búsqueda. Esta capa se divide en: • Arquitectura de información • Diseño de interacción Diseño de interacción y arquitectura de la información
  9. El diseño de interacción responde a ¿Cómo las personas van

    a interactuar con el sistema? Diseño de interacción Definimos si habrá: • Botones • Scroll • Sliders • Contadores • Mensajes de error • Pantallas de carga ¡Todo a nivel funcional - lo estético aún no!
  10. En esta capa se comienzan a hacer los wireframes o

    primeros bocetos del sistema. Diseño de interfaz y navegación El objetivo de esta fase es: • Visualizar los contenidos ya interactuando con otros. • Asegurar que la solución que se propone es funcional y cumple con los objetivos de usuarios y negocio.
  11. Diferentes entregables a un nivel progresivo, para ir validando ideas.

    Diseño de interfaz y navegación Un buen wireframe debe cumplir lo siguiente: • La información que se verá en pantalla. • Cómo y dónde estarán los elementos interactivos. • Cómo se navega entre los distintos contenidos. • El contenido debe ser claro y facilitar que se cumplan las tareas.
  12. En esta capa definiremos los componentes visuales, los colores, las

    tipografías y otros elementos de diseño visual. Diseño visual El objetivo de esta fase es: • Cuáles componentes serán interactivos. • El sistema sea congruente a nivel experiencia.
  13. • Elige una app • Identifica cuál es el proceso

    que más te molesta • Piensa ¿Cómo la mejorarías? • Describe tu solución o dibuja • Comparte en Twitter @darshana @supeergabs #FundamentosUX Ejercicio
  14. Recursos • About face • Don’t make me think •

    The design of everyday things • Universal Principles of Design • Hooked • https://www.nngroup.com/