Ver todas las Rutas
Aprende los Fundamentos del Diseño UX
El Diseño de Experiencia del Usuario, comúnmente llamado Diseño UX, abarca todos los aspectos de la interacción de un usuario con una empresa, sus servicios y sus productos. Los diseñadores UX se ponen en el lugar de los usuarios para crear soluciones a través de la empatía.
En esta Pista, aprenderás varios métodos para iterar una idea de diseño, desde la creación de wireframes hasta la construcción de un mockup y la presentación de prototipos interactivos.
Comenzaremos con algunos cursos fundamentales en pensamiento de diseño y dar/recibir retroalimentación. Luego te sumergirás en nuestro curso de Introducción al Wireframing de 2 horas, donde aprenderás los métodos y procesos para crear wireframes, una habilidad clave para muchos trabajos de diseño UX.
A continuación, abordaremos Tipografía. Trabajar con tipografía es algo que todo diseñador UX necesita dominar, y este curso en profundidad te pondrá al día. Después, tomarás nuestro curso Diseñando Diseños, que cubre jerarquía visual y tipográfica, el uso de cuadrículas y alineación en diseños, y cómo elegir colores.
Para concluir esta Pista, aprenderemos cómo crear mockups de tus diseños, cómo prototipiarlos en Adobe XD y Figma, y cómo presentar tus ideas.
¿Listo para sumergirte en el apasionante proceso de diseño UX? ¡Comencemos!
¿Listo para comenzar a aprender?
Treehouse ofrece una prueba gratuita de 7 días para estudiantes nuevos. Obtén acceso a miles de horas de contenido. Aprende a programar, consigue el trabajo de tus sueños.
Comienza Tu Prueba Gratuita
-
Curso
- 1
- 2
Fundamentos del Diseño Visual
En este curso, construirás tu vocabulario de diseño y aprenderás cómo describir los bloques de construcción básicos de cualquier imagen visual. Comenzaremos aprendiendo sobre los elementos del diseño, como línea, forma y forma. Luego pasaremos a los principios del diseño, como equilibrio, armonía y movimiento. Al final, tendrás una mejor base para discutir diseño con otros miembros del equipo y podrás hacer observaciones objetivas sobre lo que a menudo es un tema subjetivo.
-
26 minTaller
Manejando Retroalimentación como Diseñador UX
Este taller prepara a los nuevos diseñadores para manejar la retroalimentación sobre su trabajo de manera diplomática, efectiva y profesional.
Visto -
7 minTaller
Recibiendo Retroalimentación UX por Ejemplo
Ve formas positivas de manejar diferentes tipos de retroalimentación en tus diseños, incluyendo retroalimentación constructiva, negativa y prescriptiva.
Visto -
3 minTaller
Inspiración de Diseño de Recopilación
¡Recopilar inspiración de diseño es una forma divertida de obtener ideas nuevas! También te ayuda a mantenerte actualizado con las tendencias de diseño y a ser consciente de los patrones de diseño emergentes. El objetivo es recopilar diseños que inspiren tus propias ideas creativas.
Visto -
Curso
- 1
- 2
- 3
- 6
Introducción a los Wireframes
Los wireframes son una parte útil del proceso de diseño. A lo largo de un proyecto de sitio web o aplicación móvil, tendrás muchas ideas y la mejor manera de clasificar esas ideas es hacer una lluvia de ideas. Los wireframes son un artefacto visual de la lluvia de ideas, y el objetivo es hacerlos con un esfuerzo mínimo para fomentar la ideación. Ya seas diseñador o no, los wireframes son una habilidad importante para tener en tu caja de herramientas. Es beneficioso para gerentes de producto, especialistas en marketing o cualquier otra persona con ideas para un sitio web o aplicación móvil. Los wireframes son una herramienta valiosa para visualizar experiencias de usuario, iterar sobre ideas y compartir ideas con otros.
-
7 minPráctica
Práctica de Bocetos
Para esta sesión de práctica, crearás ocho bocetos aproximados para la pantalla principal de una aplicación de bocetos. Esta aplicación permite a los usuarios crear bocetos rápidos, compartibles y en blanco y negro usando sus dedos en una pantalla táctil.
Visto -
22 minPráctica
Práctica de Wireframing
Para esta sesión de práctica, crearás un wireframe digital en Figma para la pantalla principal de una aplicación de bocetos. Esta aplicación permite a los usuarios crear rápidamente bocetos compartibles usando sus dedos en una pantalla táctil.
Visto -
Curso
- 1
- 2
- 3
- 4
- 5
Tipografía para Diseñadores
La tipografía es uno de los aspectos más importantes del buen diseño. En este curso, aprenderás todo lo que necesitas saber sobre la creación de buena tipografía como Diseñador UX: cómo elegir una fuente; qué buscar al distribuir tipos, cómo crear jerarquía tipográfica, distribución de tipos y creación de tipografía responsiva.
-
6 minPráctica
Antes y Después: Tipografía
Mejora la tipografía en un diseño existente.
Visto -
Curso
- 1
- 2
Diseño de Diseños
En este curso, aprenderás cómo aplicar principios de diseño a través de una serie de ejemplos. Cada ejemplo incluirá algún componente que se puede mejorar, y al hacer la mejora, desarrollarás fuertes sensibilidades estéticas sobre cosas como la jerarquía visual y tipográfica, el uso de cuadrículas y alineación en diseños, y cómo elegir colores.
-
37 minTaller
Creando Mockups
Aprende cómo se utilizan los mockups en el proceso de diseño y descubre técnicas para incorporarlos en tu flujo de trabajo. Practica transformar un conjunto de wireframes en representaciones realistas de la aplicación aplicando estilos de diseño visual y utilizando el UI Kit de Apple para Adobe XD.
Visto -
7 minPráctica
Antes y Después: Color
Practica diseño con color.
Visto -
5 minPráctica
Antes y Después: Diseño
Mejora el diseño de una aplicación móvil iOS existente.
Visto -
Curso
- 1
- 2
- 3
Prototipado con Figma
En este curso, aprenderás cómo construir prototipos interactivos y compartibles en Figma, una herramienta de prototipado visual basada en web. Crearás un prototipo para una aplicación de fotografía móvil "prosumer" y, al final, tendrás una mejor comprensión de cómo crear prototipos interactivos que se pueden compartir con las partes interesadas del proyecto y miembros del equipo.
-
14 minTaller
Práctica de Prototipado en Figma
Mejora tus habilidades de prototipado vinculando mockups en Figma y experimentando con interacciones de toque, arrastre y superposición.
Visto -
Curso
- 1
- 2
Colaborando con Desarrolladores
Los diseñadores aprenderán cómo involucrar a los desarrolladores a lo largo del proceso de diseño, desde la lluvia de ideas conceptual hasta la implementación en código.
-
17 minTaller
Presentando Ideas de Diseño
Aprende cómo presentar efectivamente tu proceso de diseño a las partes interesadas para que puedas comunicar una visión. Define la agenda, establece los objetivos del proyecto, comparte tu investigación, compara iteraciones, navega la retroalimentación y crea un camino para los próximos pasos.
Visto -
2 minInstrucción
UX: Más Allá del Diseño Visual
Ahora que has completado la Pista UX: Proceso de Diseño Visual, es posible que desees continuar aprendiendo más sobre diseño UX....(continúa leyendo)
Visto -
30 minExamen
Examen Final de la Pista UX: Proceso de Diseño Visual
Pon a prueba tus habilidades de UX: Proceso de Diseño Visual. Este examen final incluye una mezcla de tipos de preguntas para evaluar lo que has aprendido. Aprueba para obtener tu certificado.
-
Finalización de la Ruta
Esta ruta incluye:
- Fundamentos del Diseño Visual 35 min
- Manejando Retroalimentación como Diseñador UX 26 min
- Recibiendo Retroalimentación UX por Ejemplo 7 min
- Inspiración de Diseño de Recopilación 3 min
- Introducción a los Wireframes 2 horas
- Práctica de Bocetos 7 min
- Práctica de Wireframing 22 min
- Tipografía para Diseñadores 3 horas
- Antes y Después: Tipografía 6 min
- Diseño de Diseños 52 min
- Creando Mockups 37 min
- Antes y Después: Color 7 min
- Antes y Después: Diseño 5 min
- Prototipado con Figma 71 min
- Práctica de Prototipado en Figma 14 min
- Colaborando con Desarrolladores 72 min
- Presentando Ideas de Diseño 17 min
- UX: Más Allá del Diseño Visual 2 min
- Examen Final de la Pista UX: Proceso de Diseño Visual 30 min