diseño ux/ui
Plan de estudios
CODERHOUSE es la nueva forma de
entender el trabajo. Estudiamos y nos
formamos porque estar en las últimas
tendencias digitales es la manera de estar
a la vanguardia en la sociedad. A través
de la formación digital podemos ser
independientes, conseguir el trabajo que
tanto nos interesa o llevar a la cima
nuestro propio emprendimiento.
Atravesamos una era donde los nuevos
rockstars son quienes saben vivir la vida y
disfrutarla. Por eso todos quieren ser Steve
Jobs o Mark Zuckerberg. Esto quiere decir
que ser un CODER es como ser un estrella.
#NERDS4EVER
DISEÑO UX/UI
En este curso aprenderás a hacer un research, e investigar
acerca de un problema que convertirás en una idea de app o
web. Diseñarás y crearás un prototipo de app o sitio web
mobile first (en base a esta tendencia, se crea primero una
versión optimizada para dispositivos móviles, y luego se amplía
a web o desktop). Comenzarás a plasmar tu idea definiendo las
funcionalidades principales de la misma (MVP). Pasarás también
por la definición de un público objetivo o usuario, para el
desarrollo del prototipo. Utilizarás herramientas de prototipo
actuales y solicitadas en el mundo laboral. Asimismo, validarás
tu proyecto mediante diferentes metodologías y actividades.
Llegarás a adquirir habilidades de metodologías ágiles. Podrás
fundamentar las decisiones de diseño del proyecto de manera
clara. Finalmente, aprenderás metodologías de diseño para tu
proyecto, e incorporarás conocimientos de disciplinas
proyectuales.
MODALIDAD
Online en vivo
DURACIÓN DEL CURSO
13 Semanas
Plan de estudios
Experta que valida el curso:
Julieta Solla
Product Designer en Bitso
HERRAMIENTAS PRINCIPALES DEL CURSO
(Clic en cada una para más información)
Plan de estudios
PERFIL PROFESIONAL
Al finalizar el curso de Diseño UX/UI podrás:
- Utilizar la metodología del Diseño Centrado en el Usuario (DCU).
- Fundamentar decisiones de diseño de tu proyecto.
- Analizar e identificar las necesidades de los usuarios.
- Diferenciar el trabajo de UX, UI, IxD, etcétera.
- Conocer sobre metodologías ágiles.
- Conocer sobre metodologías de diseño: design thinking, lean UX, design
sprint.
- Conocer, aplicar y utilizar los patrones y tendencias de diseño.
- Adquirir habilidades para el manejo de las herramientas y recursos que se
utilizan para elaborar un diseño de interfaz.
- Comprender conceptos de grilla para que tu diseño se adapte
correctamente a cualquier dispositivo.
- Crear la estructura y wireframe de tu diseño de interfaces).
- Validar prototipos funcionales con usuarios (pruebas de usabilidad).
- Utilizar herramientas de validación del prototipo tales como evaluación
heurística, testeo de usuarios, entrevistas cualitativas, entre otros.
- Construir prototipos navegables para presentar el proyecto.
Plan de estudios
¿POR QUÉ CODER?
CLASE 0 + 25 CLASES
CLASES COMPLEMENTARIAS
Un total de 25 clases, más
una clase previa de
nivelación, para
introducirse en el mundo
del Diseño UX/UI.
Clases adicionales a la
cursada, optativas y con
la finalidad de asentar
conocimientos o resolver
dudas.
Además del o la docente
del curso, contarás con
un/a tutor/a que te
guiará en el proceso de
aprendizaje.
CLASES ONLINE EN VIVO
APRENDER HACIENDO
ACTIVIDADES COLABORATIVAS
Clases online y en vivo.
Además contarás con la
grabación de la clase
para ver en cualquier
momento.
Aprender con la práctica,
basada en 3 pasos:
docente explica, luego
hace, finalmente el
estudiante lo hace.
TUTOR/A A CARGO
En ciertas clases en vivo,
habrá momentos de
interacción entre los
estudiantes en grupos
reducidos.
Plan de estudios
TEMARIO
0. Introducción general a UX/UI
¿Qué es UX?
¿Qué es UI?
1. Diseño centrado en el usuario
Relación entre UX/UI.
Roles de trabajo.
Experiencias diseñadas y
accidentales.
2. Metodologías de diseño y UX
Research
Metodologías de trabajo.
Metodologías de diseño (Design
Thinking - Design Sprint).
UX Research.
3. Userpersona y benchmarking
competencia
Usuario/Persona.
Ficha de persona.
Motivaciones y frustraciones.
Mapa de empatía.
Benchmarking de productos.
4. Entrevistas cualitativas
Entrevistas cualitativas a usuarios.
Preguntas abiertas y cerradas.
Cualitativo vs. cuantitativo.
5. POV & MVP
Mínimo Producto Viable.
Storyboard y Storytelling.
Punto de vista.
6. Arquitectura de información
Cardsorting.
Arquitectura de información:
agrupar, jerarquizar y rotular.
Plan de estudios
TEMARIO
7. Userflows
Diagrama de flujos.
Diagrama de tareas: entrada,
acción y fin.
8. Wireframe a mano
Instancias del prototipo.
Calidad de prototipo.
Wireframes.
9. Wireframe digital
Tipos de aplicaciones.
Interfaces.
Wireframes digitales: Figma y
Adobe XD básico.
10. Patrones de diseño & Contenidos
Contenidos digitales.
Patrones de interacción.
Patrones de navegación.
Tendencias.
11. Prototipo funcional y métricas UX
Prototipo funcional en Figma y
Adobe XD.
Acción e interacción.
Datos cuantitativos.
12. Ética en UX.
Impacto de UX en la vida
cotidiana.
Estado actual de la ética en UX
13. Pruebas de usabilidad
Escenario hipotético, objetivos,
tareas y conclusiones.
Buenas prácticas.
14. Workshop: pruebas de usabilidad
Puesta en práctica.
Testeos de usuarios.
Conclusiones de la prueba.
Plan de estudios
TEMARIO
15. Atomic Design
Atomic Design: átomos, moléculas,
organismos.
Componentes en Figma y Adobe
XD.
Icon Design.
16. Sistema de grilla
Sistema de grilla.
Columnas y cuadrículas.
Layout.
17. Evaluación heurística
10 principios de heurística.
Ejemplos aplicados a una app o
web.
18. Estándares y guidelines
Human interface.
Google Design.
Leyes UX (estándares).
19. UI Kits y Moodboard
UI Kits.
Elementos de diseño.
Moodboard.
Atomic Design + UI Kits.
20. Accesibilidad
Prioridades.
AA/AAA.
Contraste y legibilidad.
21. Motion UI
10 principios de Motion.
Microinteracciones.
Motion en Figma y Adobe XD.
22. Sell your story
Storytelling.
Elevator Pitch.
Pitch.
Plan de estudios
TEMARIO
23. Presentación: portafolio + reporte
UX
Reporte UX.
Estructura de presentación.
Presentación interna/externa.
24. Workshop: presentación
portafolio + reporte UX
Sistema de grilla.
Columnas y cuadrículas.
Layout.
25. Presentación: portafolio del
proyecto
Presentación de proyectos.
Plan de estudios
PROYECTO INTEGRADOR
Prototipo de un producto digital
Crearás el prototipo de tú propia app o sitio web mobile first (basándote
en esta tendencia, crearás primero una versión optimizada para
dispositivos móviles y luego se ampliará a web o desktop), partiendo de
la metodología de diseño centrada en el usuario. El mismo incluirá: la
definición de un problema y la solución a partir de un producto digital, la
definición de los arquetipos de persona y el diagrama de usuario
correspondiente, y la generación de la interfaz en baja, media y alta
fidelidad.
Plan de estudios
GLOSARIO
Userflow:
Acciones que llevan adelante usuarios para realizar todas las
tareas posibles dentro de una aplicación o una web.
Arquitectura de la información:
Organización y estructura del contenido de forma que el
usuario pueda navegar por él de forma simple.
Wireframe:
Esqueleto, primer borrador que muestra la estructura visual de
un sitio web.
Responsive:
Diseño que se adapta a cualquier tipo de pantalla.
Pruebas de usabilidad:
Técnica empleada para evaluar el producto mediante que el
usuario lo prueban.
Prototipo digital:
Representación limitada de un producto que le permite a los
usuarios probarlo en situaciones reales para explorar su uso.
Plan de estudios
Guidelines:
Pautas de diseño. Conjunto de recomendaciones que te
orientan hacia buenas prácticas de diseño.
Moodboards:
Muro de inspiración de una marca, collage creado a partir de
imágenes.
UI kit:
Elementos prediseñados que ayudan a desarrollar interfaces.
Mockup:
Modelo que se realiza para exhibir un diseño.
Motión UI:
Animación del prototipo digital.
Plan de estudios
DISEÑO UX/UI
[email protected]
www.coderhouse.com
instagram.com/coderhouse
0
