En la capeta cac_ux_ui está toda la teoría y prácticas realizadas en el curso Diseño UX UI de Codo a Codo.
1) Diseño UX/UI - DCU: Introducción al Diseño UX/UI ● Relación entre el diseño gráfico y el Diseño UX/UI ● Usabilidad ● Diseño Centrado en el Usuario ● Experiencias diseñadas y accidentales
2) Nociones de Diseño Gráfico, Imagen y Marketing: Comunicación visual ● Características del diseñador ● Retórica de la imagen ● Imágenes en el Diseño ● Leyes compositivas ● Leyes Gestálticas ● Mapa de Bits vs Gráfico vectorial ● Resolución y Formatos de archivo ● Moodboard ● El color en el Diseño (Teoria del color y Psicología del color) ● Tipografía ● Marca y Logo
3) Nociones básicas de softwares de edición de Imagen: Photoshop ● Illustrator
4) Técnicas de Investigación y Validación de hipótesis: Desk Research ● Benchmarking ● User persona ● Entrevistas ● MVP ● Evaluación Heurística
5) Técnicas para contar historias: POV ● Storytelling ● Storyboard ● Elevator Pitch
1) Estructuras: Cardsorting y resultados ● Mapa de sitio ● Task flow ● Happy path ● User flow
1) Software Figma: Prototipo a mano y Digital. ● Patrones de Diseño ● Prototipo Funcional ● Pruebas de Usabilidad y Métricas ● Atomic Design ● Aplicación de Grillas ● Guidelines (Android y IOS) ● Ui Kit ● Motion ● Accesibilidad
1) Reporte UX y Portfolio: Presentación del trabajo grupal (Desarrollo de habilidades blandas) ● Presentación correcta de la investigación y los estudios de validación de hipótesis ● Desarrollo de la temática y correcta redacción de los descubrimientos y conclusiones ● Presentación de estructuras del sitio por medio de diagramas ● Presentación de los wireframes y su evolución (Cambios de Fidelidad y uso de mockups) ● Presentación del prototipo funcional en alta fidelidad
En la carpeta disenio_ux_ui está toda la teoría.
-
Seguir el proceso de diseño: empatizar con las y los usuarios, definir dificultades, sugerir soluciones, crear prototipos, probar diseños e iterar.
-
Planificar estudios de investigación, realizar entrevistas y estudios de usabilidad y síntesis de resultados de investigación.
-
Aplicar conceptos básicos de UX, como el diseño centrado en las y los usuarios, en la accesibilidad y en la equidad.
-
Crear un portfolio UX profesional con 3 proyectos integrales: una aplicación móvil, un sitio web adaptable y una experiencia multiplataforma.
Human Computer Interaction | Eesearch and Design | User Experience | Business Psychology | Communication | Entrepreneurship | Leadership and Management | Design and Product | Problem Solving | Marketing | Adaptability | Brand Management | Business Communication | Collaboration | Computer | Graphic Techniques | Computer Graphics | Finance | Operating Systems | Planning | Risk Management | Sales | Social Media | Strategy | Strategy and Operations | Supply Chain and Logistics | Theoretical Computer Science | Web Development
-
Aspectos básicos del diseño de la experiencia de usuario: identificar algunas de las responsabilidades laborales más comunes de los diseñadores de UX de nivel básico | Comprender algunos conceptos básicos del diseño de UX, como el diseño centrado en el usuario, el proceso de diseño, la accesibilidad, etc. | Explicar por qué los sprints de diseño son una parte importante y útil del trabajo de un diseñador de UX. | Empezar a crear un portfolio en línea donde puedas mostrar tus próximos trabajos.
-
Primeros pasos en el proceso de diseño UX: Empatizar, definir e idear: Describir métodos comunes de investigación en UX | Empatizar con los usuarios para comprender sus necesidades y dificultades | Desarrollar declaraciones de problemas para definir las necesidades del usuario | Generar ideas de posibles soluciones a los problemas de los usuarios | Crear esquemas de páginas y prototipos de baja fidelidad
-
Crear esquemas de página y prototipos de baja fidelidad: Crea guiones gráficos para pensar ideas sobre soluciones para las necesidades de los usuarios | Crea esquemas de página en papel y digitales en la herramienta de diseño Figma | Construye prototipos en papel para crear diseños interactivos | Diseña prototipos de baja fidelidad en Figma
-
Llevar a cabo investigaciones en UX: Planificar y realizar estudios de usabilidad moderados y no moderados | Sintetizar las observaciones de los estudios de usabilidad y sacar conclusiones | Compartir la metodología de la investigación y las conclusiones por medio de habilidades de presentación persuasivas | Modificar los diseños de baja fidelidad en función de las conclusiones de la investigación
-
Crear prototipos y diseños de alta fidelidad en Figma: Crear maquetas y prototipos de alta fidelidad en la herramienta de diseño Figma | Definir y aplicar los elementos y principios comunes del diseño visual | Demostrar cómo se pueden usar los sistemas de diseño para organizar, estandarizar y mejorar los diseños | Comprender el rol de las sesiones de crítica y la retroalimentación sobre los diseños cuando adoptas un abordaje iterativo
-
Diseños web adaptables en Adobe XD: Aplicar cada paso del proceso de diseño de UX para crear un sitio web adaptable en Adobe XD | Planear la arquitectura de la información y los mapas de sitios para el diseño de sitios web | Aplicar diseños comunes a páginas web | Finalizar un proyecto de diseño e incluirlo en tu portfolio profesional de UX
-
Diseñar una experiencia del usuario de una iniciativa de interés público y prepararse para el trabajo: Aplicar cada paso del proceso de diseño de UX para crear un proyecto de portfolio centrado en una iniciativa de interés público | Desarrollar esquemas de páginas, maquetas y prototipos de alta y baja fidelidad para una aplicación móvil dedicada y un sitio web adaptable | Prepararse a fin de tener éxito en una entrevista para un trabajo de diseño de UX de nivel básico | Determinar si trabajar de manera independiente en proyectos de diseño es adecuado para ti
Para las personas que deseen aprender los fundamentos básicos de ambas disciplinas, comprender el proceso y las distintas etapas para el desarrollo de un producto digital.
Se abordarán algunos ejemplos prácticos que servirán para interiorizar los conceptos teóricos.
Al finalizar el curso, el estudiante contará con los conocimientos básicos para poder adentrarse en el mundo de la experiencia de usuarios y las interfaces digitales.
● Reconocer los conceptos y las prácticas básicas del diseño UX/UI ● Identificar y reconocer el desarrollo y la planificación de un producto digital ● Comprender que los desafíos, es decir: la creación de productos digitales ● interactivos adecuados para el comportamiento ● de las personas, deben ser abordados con métodos, prácticas y conocimientos ● imprescindibles en el diseño UX/UI.
● Identificar qué es el diseño Ux/Ui, y cómo se complementan ambas disciplinas ● Identificar qué rol cumple el/la diseñador/a Ux y el/la diseñador/a UI ● Comprender qué es el diseño de interacción (IXD) ● Comprender qué es la accesibilidad ● Conocer y aprender los distintos principios heurísticos ● Comprender qué es la usabilidad ● Comprender qué es la arquitectura de información ● Conocer la importancia, el marco teórico y las etapas de la metodología del Design Thinking
-
Módulo 1 | Introducción al UX/UI: ¿Qué es UX? - Breve reseña histórica - ¿Por qué es importante incorporarlo? - ¿Qué es UI? - ¿Qué hace un diseñador UX/UI? - Rol en la industria digital - Diferencia y relación entre UX y UI - ¿Qué es IxD?
-
Módulo 2 | Usabilidad y Accesibilidad: Evaluación Heurística - Jackob Nielsen - Donald Norman - Concepto de accesibilidad Introducción al proceso UX - Planificación y organización previa
-
Módulo 3 | Proceso UX/UI - Introducción a la investigación: El diseño gráfico como proceso - Design Thinking - Antecedente del método científico - Lean Ux - Research (investigación) - Benchmark - Entrevistas - Detectando y definiendo el problema - Creación de user Persona - Customer Journey Map - User Experience Map
-
Módulo 4 | Definición, ideación y prototipado: Filtramos información - Detectamos problemas y los definimos - Insights - Técnicas de ideación - Arquitectura de información - Prototipos de distintos grados de fidelidad - Bocetos - Wireframes - Mockups - Diagramas de flujo
-
Módulo 5 | Pruebas e Implementación - Cierre: Contraste y Legibilidad - ruebas de usuario Pruebas A/B - Concepto de iteración - Trabajando con desarrolladores - Design system - Cierre del curso con una puesta en común sobre todo el proceso de diseño de un producto digital - Caso de estudio para ver en la práctica todo lo aprendido
En la carpeta open_bootcamp_ux_ui esta toda la teoría y práctica vista, en el curso de UX UI.
Haciendo click en este link al Design Journal de Notion van a ver mis notas y prácticas.
Haciendo click aca se va al glosario
-
Comparte este proyecto con otros 📢
-
Invita con una cerveza 🍺 o un café ☕ a alguien del equipo.
-
Muchas gracias 🤓.
Aprecio tu interés por este ropositorio ⌨️ con ❤️ de María Eugenia Costa 😊 y seguime en LinkedIn - maria-eugenia-costa