- Level Foundation
-
Offered by
About
Diseños web adaptables en Adobe XD es el sexto curso de un programa que te dará las habilidades que necesitas para postularte a empleos de nivel básico de diseño de experiencia del usuario (UX). En este curso, diseñarás un sitio web adaptable con Adobe XD, una herramienta de diseño popular. Realizarás el proceso de diseño de principio a fin: empatizar con los usuarios, definir sus dificultades, proponer soluciones de diseño, crear prototipos y esquemas de páginas, y probar diseños para recopilar retroalimentación. Al final de este curso, tendrás un nuevo proyecto de diseño para agregar a tu portfolio profesional de UX. Además, aprenderás a buscar empleos de nivel básico de diseño de UX, redactar un currículum que destaque tus habilidades y logros, y crear el sitio web de tu portfolio profesional. En el curso, que dictarán personas que trabajan actualmente como diseñadores e investigadores de UX de Google, realizarás actividades prácticas que simulan escenarios reales de diseño de UX. Los alumnos que completen los siete cursos de este programa de certificados adquirirán las habilidades necesarias para solicitar trabajos de nivel básico como diseñadores de UX. Al final de este curso, podrás hacer los siguiente: - Aplicar cada paso del proceso de diseño de UX (empatizar, definir, idear, crear prototipos y probar diseños) para crear un sitio web adaptable. - Desarrollar diseños en Adobe XD, una herramienta de diseño popular. - Planear la arquitectura de la información y crear mapas de sitios para el diseño de sitios web. - Aplicar diseños comunes a páginas web. - Planear y llevar a cabo estudios de usabilidad para recopilar retroalimentación sobre los diseños. - Adoptar un abordaje iterativo de los diseños en función de las conclusiones de las investigaciones. - Trabajar con sistemas de diseño en Adobe XD. - Agregar un proyecto de diseño nuevo a tu portfolio profesional de UX. - [Opcional] Crear un currículum centrado en la UX o actualizar el que ya tienes. - [Opcional] Aprender a buscar empleos de nivel básico en el campo de UX y cómo postularte a ellos. Este curso está destinado a diseñadores de UX de nivel básico que hayan realizado los cinco cursos previos del Certificado de diseño de UX de Google. En caso de que no los hayan realizado, los estudiantes deberán comprender totalmente los conceptos básicos del proceso de diseño, contar con experiencia en la creación de esquemas de páginas, maquetas y prototipos, y saber cómo llevar a cabo estudios de usabilidad. No es necesario tener experiencia con Adobe XD.Modules
Introducción al Curso 6
2
Videos
- Introducción al Curso 6: Crear diseños web adaptables en Adobe XD
- Dave: mi recorrido hacia la UX
3
Readings
- Bienvenido al Curso 6
- Introducción al segundo proyecto de portfolio
- Elegir la consigna del proyecto para tu portfolio
1
Quiz
- Actividad: enviar la consigna del proyecto de portfolio elegida
Introducción a Adobe XD
2
Discussions
- Compartir tu entusiasmo por aprender Adobe XD
- Compara y contrasta Adobe XD y Figma
5
Videos
- Bienvenido a la semana 1
- Comprender los sitios web adaptables
- Introducción a Adobe XD
- Iniciar un proyecto en Adobe XD
- Jennifer: usar herramientas de diseño digital
2
Readings
- Empezar a usar Adobe XD
- Opcional: empezar a usar Figma
2
Quiz
- Poner a prueba tus conocimientos sobre el diseño de sitios web adaptables
- Poner a prueba tus conocimientos sobre los conceptos básicos de Adobe XD
Empatizar con los usuarios
2
Discussions
- Debatir la importancia de tener en cuenta las necesidades de los usuarios
- Compartir las preguntas de la entrevista
2
Videos
- Empatizar con los usuarios y comprender sus dificultades
- Crear personas
6
Readings
- Más información sobre cómo empatizar con los usuarios
- Realizar entrevistas para los mapas de empatía
- Crear mapas de empatía
- Modelo de la actividad: Crear un mapa de empatía
- Más información sobre las personas
- Modelo de la actividad: Crear personas
3
Quiz
- Poner a prueba tus conocimientos sobre cómo empatizar con los usuarios
- Actividad: Crear un mapa de empatía
- Actividad: Crear personas
Definir las necesidades del usuario
1
Discussions
- Crear y compartir una historia de usuario sobre ti
2
Videos
- Crear historias de usuario
- Crear un mapa de recorrido del usuario
3
Readings
- Más información sobre las historias de usuario
- Más información sobre los mapas de recorrido del usuario
- Modelo de la actividad: Crear una historia de usuario y un mapa de recorrido del usuario
1
Quiz
- Actividad: Crear una historia de usuario y un mapa de recorrido del usuario
Definir el problema
1
Videos
- Crear un planteamiento del problema
1
Readings
- Más información sobre los planteamientos de problemas
1
Quiz
- Poner a prueba tus conocimientos sobre planteamientos de problemas
Revisión de la semana 1
1
Peer Review
- Desafío semanal 1: Formular un planteamiento del problema
1
Videos
- Actividad de cierre: Primeros pasos en el proceso de diseño de UX: empatizar y definir
1
Readings
- Glosario
Llevar a cabo una auditoría competitiva
2
Videos
- Bienvenido a la semana 2
- Llevar a cabo una auditoría competitiva
3
Readings
- Más información sobre las auditorías competitivas
- Modelo de la actividad: realizar una auditoría competitiva para tu sitio web
- Más información sobre el uso de auditorías competitivas para idear
2
Quiz
- Actividad: realizar una auditoría competitiva para tu sitio web
- Autorreflexión: Usar la investigación competitiva para informar los diseños
Generar ideas para diseños
1
Discussions
- Analizar tu técnica de ideación preferida
2
Videos
- Pensar en ideas mediante el ejercicio How Might We
- Pensar en ideas mediante el ejercicio Crazy Eights
2
Readings
- Más información sobre How Might We y Crazy Eights
- Modelo de la actividad: Crear ideas para tu sitio web
2
Quiz
- Poner a prueba tus conocimientos sobre técnicas de ideación
- Actividad: Crear ideas para tu sitio web
Planificar la arquitectura de la información
1
Discussions
- Describe las estructuras de sitios web que has usado
4
Videos
- Planificar la arquitectura de la información
- Explorar las estructuras comunes del sitio web
- Explorar mapas del sitio
- Crear un mapa para tu sitio web
2
Readings
- Más información sobre la arquitectura de la información
- Más información sobre la creación de un mapa del sitio
1
Quiz
- Poner a prueba tus conocimientos sobre estructuras de sitios web
Revisión de la semana 2
1
Peer Review
- Desafío semanal 2: Crear un mapa del sitio para un sitio web
1
Videos
- Actividad de cierre: Seguir el proceso de diseño de UX: Idear
1
Readings
- Glosario
Crear esquemas de página en papel
3
Videos
- Bienvenido a la semana 3
- Explorar los diseños comunes para las páginas de inicio del sitio web
- Los aspectos básicos de los esquemas de página
3
Readings
- Más información sobre los diseños de sitios web comunes
- Más información sobre los esquemas de página
- Modelo de la actividad: Comienza a crear esquemas de página en papel para tu propio sitio web
1
Quiz
- Actividad: Comienza a crear esquemas de página en papel para tu propio sitio web
Planear crear páginas web adaptables
2
Videos
- Trazar un diseño adaptable
- Ajustar los diseños de página en función del tamaño de la pantalla
3
Readings
- Más información sobre cómo trazar diseños adaptables
- Elementos comunes utilizados en el diseño adaptable
- Modelo de la actividad: crea variaciones de tus esquemas de página en papel
1
Quiz
- Actividad: crea variaciones de tus esquemas de página en papel
Crear esquemas de página digitales en Adobe XD
4
Videos
- Transición de los esquemas de página en papel a los digitales
- Crear esquemas de página digitales en Adobe XD
- Crear esquemas de página para tamaños de pantalla adicionales en Adobe XD
- Jay - Diseño con Adobe XD
5
Readings
- Más información sobre la creación de esquemas de página digitales en Adobe XD
- Opcional: crear esquemas de página digitales en Figma
- Modelo de la actividad: crear esquemas de página digitales para un tamaño de pantalla de escritorio
- Opcional: crear esquemas de página para tamaños de pantalla adicionales en Figma
- Modelo de la actividad: crear esquemas de página digitales para tamaños de pantalla adicionalescreen sizes
2
Quiz
- Actividad: crear esquemas de página digitales para un tamaño de pantalla de escritorio
- Actividad: crear esquemas de página digitales para tamaños de pantalla adicionales
Perfeccionar los esquemas de página
1
Discussions
- Ten en cuenta los encabezados, los puntos de referencia y los puntos de enfoque en tus esquemas de página
2
Videos
- Perfeccionar los esquemas de página para mejorar la accesibilidad
- Evaluar los esquemas de página según los Principios de la Gestalt
1
Readings
- Más información sobre el uso de los Principios de la Gestalt en los esquemas de página
Revisión de la semana 3
1
Peer Review
- Desafío semanal 3: Perfeccionar los esquemas de páginas para que cumplan los estándares
1
Videos
- Actividad de cierre: crear esquemas de página para un sitio web adaptable
1
Readings
- Glosario
Crea un prototipo de baja fidelidad en Adobe XD
3
Videos
- Bienvenido a la semana 4
- Comprende los prototipos de baja fidelidad
- Crea un prototipo de baja fidelidad en Adobe XD
4
Readings
- Más información sobre cómo crear un prototipo de baja fidelidad en Adobe XD
- Opcional: crea un prototipo de baja fidelidad en Figma
- Modelo de la actividad: crea un prototipo de baja fidelidad para tu sitio web adaptable
- Prueba un prototipo de baja fidelidad
2
Quiz
- Poner a prueba tus conocimientos sobre los esquemas de página frente a los prototipos
- Actividad: crea un prototipo de baja fidelidad para tu sitio web adaptable
Planifica y realiza un estudio de usabilidad para un prototipo de baja fidelidad
1
Discussions
- Comparte las conclusiones de tu estudio de usabilidad
4
Videos
- Planifica un estudio de investigación en UX
- Realiza un estudio de usabilidad
- Reduce el sesgo en el estudio de usabilidad
- Analiza y sintetiza los resultados de la investigación
6
Readings
- Más información sobre la planificación de un estudio de investigación en UX
- Modelo de la actividad: planifica un estudio de investigación en UX
- Más información sobre cómo realizar un estudio de usabilidad
- Modelo de la actividad: realiza un estudio de usabilidad para un prototipo de baja fidelidad
- Más información acerca de analizar y sintetizar los resultados de la investigación
- Modelo de la actividad: analiza y sintetiza los resultados de un estudio de usabilidad
4
Quiz
- Actividad: planifica un estudio de investigación en UX
- Introspección: determina cómo reducir el sesgo en tus propios estudios
- Actividad: realiza un estudio de usabilidad para un prototipo de baja fidelidad
- Actividad: analiza y sintetiza los resultados de un estudio de usabilidad
Itera en los diseños a partir de los hallazgos de la investigación
1
Discussions
- Comparte el modo en que iteraste en tus diseños a partir de las conclusiones de la investigación
1
Videos
- Itera en los diseños de baja fidelidad a partir de los hallazgos de la investigación
1
Readings
- Más información sobre la iteración en diseños de baja fidelidad
1
Quiz
- Poner a prueba tus conocimientos sobre la modificación de diseños a partir de los hallazgos de la investigación
Revisión de la semana 4
1
Peer Review
- Desafío semanal 4: Actualiza los prototipos de baja fidelidad a partir de las conclusiones obtenidas en los estudios de usabilidad
1
Videos
- Actividad de cierre: Creación y prueba de prototipos de baja fidelidad
1
Readings
- Glosario
Empezar a diseñar maquetas
2
Videos
- Bienvenido a la semana 5
- Empezar a diseñar maquetas
3
Readings
- Revisar los elementos fundamentales del diseño visual
- Revisar cómo organizar elementos en maquetas
- Revisar los principios de diseño visual
1
Quiz
- Poner a prueba tus conocimientos sobre los conceptos básicos de las maquetas
Crear maquetas para un sitio web de escritorio
2
Videos
- Comenzar a crear maquetas para la página de inicio de un sitio web en Adobe XD
- Seguir creando maquetas para la página de inicio de un sitio web en Adobe XDdobe XD
4
Readings
- Opcional: comenzar a crear maquetas de sitios web en Figma
- Agregar imágenes y logotipos a maquetas en Adobe XD
- Usar cuadrículas repetidas para diseñar en Adobe XD
- Modelo de la actividad: Crear maquetas para un sitio web
2
Quiz
- Poner a prueba tus conocimientos sobre la creación de una página de inicio en Adobe XD
- Actividad: Crear maquetas para un sitio web
Crear maquetas para un sitio web móvil
1
Videos
- Crear maquetas para un sitio web móvil en Adobe XD
3
Readings
- Más información sobre los menús de navegación ocultos
- Opcional: Crear maquetas para un sitio web móvil en Figma
- Modelo de la actividad: Crear una maqueta para la página de inicio de un sitio web móvil
1
Quiz
- Actividad: Crear una maqueta para la página de inicio de un sitio web móvil
Trabajar con sistemas de diseño
1
Discussions
- Compartir tus sistemas de diseño favoritos
2
Videos
- Trabajar con sistemas de diseño
- Utilizar sistemas de diseño externos en Adobe XD
2
Readings
- Más información sobre los sistemas de diseño
- Opcional - Ejemplo de actividad: Crear una hoja de pegatinas en Figma
3
Quiz
- Poner a prueba tus conocimientos sobre el trabajo con sistemas de diseño
- Actividad: documentar las decisiones de diseño
- Opcional - Actividad: Crear una hoja de pegatinas en Figma
Crear un prototipo de alta fidelidad
1
Discussions
- Compartir un recurso sobre diseño inclusivo y accesible
2
Videos
- Crear un prototipo de alta fidelidad en Adobe XD
- Anotar prototipos para la accesibilidad web
1
Readings
- Más información sobre la accesibilidad web
1
Quiz
- Poner a prueba tus conocimientos sobre accesibilidad web
Revisión de la semana 5
1
Peer Review
- Desafío semanal 5: Crear un prototipo de alta fidelidad para un sitio web
1
Videos
- Actividad de cierre: Creación y prueba de diseños de alta fidelidad
1
Readings
- Glosario
Opcional: probar tu prototipo de alta fidelidad.
1
Videos
- Opcional: probar tu prototipo de alta fidelidad.
1
Readings
- Opcional: revisar cómo planificar y realizar un estudio de usabilidad
1
Quiz
- Poner a prueba tus conocimientos sobre estudios de usabilidad
Entregar diseños
3
Videos
- Bienvenido a la semana 6
- Colaborar con equipos de ingeniería
- Entregar especificaciones de diseño en Adobe XD
1
Readings
- Colaborar de forma remota con Adobe XD
1
Quiz
- Poner a prueba tus conocimientos sobre la entrega de diseños
Agregar un proyecto a tu portfolio
1
Peer Review
- Agrega un caso práctico nuevo a tu portfolio
1
Discussions
- Compartir casos prácticos de portfolio con diseños de sitios web
1
Videos
- Agregar un proyecto a tu portfolio
1
Readings
- Más información sobre los casos prácticos de portfolio
1
Quiz
- Poner a prueba tus conocimientos sobre casos prácticos de portfolio
Opcional: buscar trabajos de UX
5
Videos
- Comprender los trabajos más frecuentes para diseñadores de UX
- Explorar los tipos de empresas en las que trabajan los diseñadores de UX
- Kenny: perseverancia
- Identificar dónde solicitar empleo como diseñador de UX
- Analizar las descripciones de los puestos de trabajo en busca de palabras clave
4
Readings
- Más información sobre trabajos en el área de la experiencia del usuario
- Descubrir las oportunidades de empleo como diseñador de UX
- Modelo de la actividad: Empezar a buscar trabajos de UX con un rastreador
- Modelo de la actividad: Resaltar palabras clave y requisitos en las descripciones de trabajo
3
Quiz
- Autorreflexión: comparte tus objetivos e intereses profesionales
- Actividad: Empezar a buscar trabajos de UX con un rastreador
- Actividad: Resaltar palabras clave y requisitos en las descripciones de trabajo
Opcional: crear un currículum de diseño de UX
4
Videos
- Comprender los currículums de diseño de UX
- Dane: mi consejo para los currículums de diseñadores de UX
- Tim: consejos de un reclutador para currículums de diseñadores de UX
- Actualizar un currículum en función de las descripciones de trabajo
2
Readings
- Elementos de un currículum de diseño de UX típico
- Activity Exemplar: Draft a UX design resume
2
Quiz
- Autorreflexión: Piensa en la información que incluirás en tu currículum.
- Activity: Draft a UX design resume
Revisión de la semana 6
1
Videos
- Actividad de cierre: Documentar el trabajo de diseño y buscar empleo
1
Readings
- Glosario
1
Quiz
- Desafío semanal 6: Trabajo de diseño de documentos y búsqueda de empleo
Revisión del curso
1
Discussions
- Compartir tu experiencia en el curso
1
Videos
- Felicitaciones por completar el Curso 6: Crear diseños web adaptables en Adobe XD
1
Readings
- Comenzar el próximo curso
Auto Summary
"Diseños web adaptables en Adobe XD" es un curso diseñado para aquellos interesados en avanzar en el campo del diseño de experiencia del usuario (UX). Como la sexta entrega de un programa integral, este curso te equipa con las habilidades necesarias para diseñar sitios web adaptables utilizando Adobe XD, una herramienta de diseño de gran popularidad. Bajo la instrucción de profesionales en activo de Google, los participantes seguirán el proceso completo de diseño UX: desde la empatía con los usuarios y la definición de problemas, hasta la creación de prototipos y la recolección de feedback. Al finalizar, los estudiantes habrán desarrollado un proyecto que enriquecerá su portfolio profesional de UX. Además, el curso proporciona orientación sobre cómo buscar empleos de nivel básico en el ámbito de UX y la redacción de un currículum que destaque las habilidades y logros adquiridos. Este curso, ideal para diseñadores de UX principiantes que han completado los cinco cursos previos de la certificación de UX de Google, no requiere experiencia previa con Adobe XD. Está disponible en la plataforma de Coursera, con opciones de suscripción Starter y Professional. Aunque la duración exacta del curso no se especifica, está categorizado como un curso de nivel básico, ideal para aquellos que buscan iniciarse en el diseño UX o expandir sus conocimientos en el uso de Adobe XD.