When you enroll in this course, you'll also be enrolled in this Professional Certificate.
Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate from Google
There are 6 modules in this course
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.
Comencemos con los conceptos básicos del diseño web adaptable. Para crear un sitio web adaptable, deberás seguir los pasos del proceso de diseño de UX: empatizar, definir, idear, crear prototipos y probar diseños. En esta parte del curso, completarás las fases de empatizar y definir. Además, comenzarás a explorar Adobe XD, una herramienta de diseño popular que usarás en todo el curso.
Introducción al Curso 6: Crear diseños web adaptables en Adobe XD•2 minutes
Dave: mi recorrido hacia la UX•3 minutes
Bienvenido a la semana 1•1 minute
Comprender los sitios web adaptables•3 minutes
Introducción a Adobe XD•2 minutes
Iniciar un proyecto en Adobe XD•8 minutes
Jennifer: usar herramientas de diseño digital•2 minutes
Empatizar con los usuarios y comprender sus dificultades•4 minutes
Crear personas•2 minutes
Crear historias de usuario•3 minutes
Crear un mapa de recorrido del usuario•4 minutes
Crear un planteamiento del problema •2 minutes
Actividad de cierre: Primeros pasos en el proceso de diseño de UX: empatizar y definir•1 minute
16 readings•Total 155 minutes
Bienvenido al Curso 6•10 minutes
Introducción al segundo proyecto de portfolio•10 minutes
Elegir la consigna del proyecto para tu portfolio•10 minutes
Empezar a usar Adobe XD•10 minutes
Opcional: empezar a usar Figma•10 minutes
Más información sobre cómo empatizar con los usuarios•10 minutes
Realizar entrevistas para los mapas de empatía•10 minutes
Crear mapas de empatía•10 minutes
Modelo de la actividad: Crear un mapa de empatía•10 minutes
Más información sobre las personas •10 minutes
Modelo de la actividad: Crear personas•10 minutes
Más información sobre las historias de usuario•10 minutes
Más información sobre los mapas de recorrido del usuario•10 minutes
Modelo de la actividad: Crear una historia de usuario y un mapa de recorrido del usuario•10 minutes
Más información sobre los planteamientos de problemas•10 minutes
Glosario•5 minutes
8 assignments•Total 169 minutes
Actividad: enviar la consigna del proyecto de portfolio elegida •5 minutes
Poner a prueba tus conocimientos sobre el diseño de sitios web adaptables•2 minutes
Poner a prueba tus conocimientos sobre los conceptos básicos de Adobe XD•4 minutes
Poner a prueba tus conocimientos sobre cómo empatizar con los usuarios•4 minutes
Actividad: Crear un mapa de empatía•90 minutes
Actividad: Crear personas•30 minutes
Actividad: Crear una historia de usuario y un mapa de recorrido del usuario•30 minutes
Poner a prueba tus conocimientos sobre planteamientos de problemas•4 minutes
1 peer review•Total 60 minutes
Desafío semanal 1: Formular un planteamiento del problema•60 minutes
5 discussion prompts•Total 50 minutes
Compartir tu entusiasmo por aprender Adobe XD•10 minutes
Compara y contrasta Adobe XD y Figma•10 minutes
Debatir la importancia de tener en cuenta las necesidades de los usuarios•10 minutes
Compartir las preguntas de la entrevista•10 minutes
Crear y compartir una historia de usuario sobre ti•10 minutes
Seguir el proceso de diseño de UX: Idear
Module 2•5 hours to complete
Module details
Tu proyecto de diseño web adaptable está en marcha. En esta parte del curso, pasarás a la fase de ideación del proceso de diseño. A fin de ayudarte a encontrar ideas para soluciones de diseño, realizarás una auditoría competitiva, completarás la actividad How Might We y harás bocetos de tus ideas con Crazy Eights. También aprenderás sobre la importancia de la arquitectura de la información y los mapas del sitio al diseñar sitios web.
Llevar a cabo una auditoría competitiva •4 minutes
Pensar en ideas mediante el ejercicio How Might We•3 minutes
Pensar en ideas mediante el ejercicio Crazy Eights•5 minutes
Planificar la arquitectura de la información•2 minutes
Explorar las estructuras comunes del sitio web •7 minutes
Explorar mapas del sitio•3 minutes
Crear un mapa para tu sitio web•5 minutes
Actividad de cierre: Seguir el proceso de diseño de UX: Idear•1 minute
8 readings•Total 75 minutes
Más información sobre las auditorías competitivas•10 minutes
Modelo de la actividad: realizar una auditoría competitiva para tu sitio web•10 minutes
Más información sobre el uso de auditorías competitivas para idear•10 minutes
Más información sobre How Might We y Crazy Eights•10 minutes
Modelo de la actividad: Crear ideas para tu sitio web•10 minutes
Más información sobre la arquitectura de la información•10 minutes
Más información sobre la creación de un mapa del sitio•10 minutes
Glosario•5 minutes
5 assignments•Total 92 minutes
Actividad: realizar una auditoría competitiva para tu sitio web•30 minutes
Autorreflexión: Usar la investigación competitiva para informar los diseños•20 minutes
Poner a prueba tus conocimientos sobre técnicas de ideación•4 minutes
Actividad: Crear ideas para tu sitio web•30 minutes
Poner a prueba tus conocimientos sobre estructuras de sitios web •8 minutes
1 peer review•Total 60 minutes
Desafío semanal 2: Crear un mapa del sitio para un sitio web•60 minutes
2 discussion prompts•Total 20 minutes
Analizar tu técnica de ideación preferida•10 minutes
Describe las estructuras de sitios web que has usado•10 minutes
1 plugin•Total 15 minutes
Explora las estructuras de los sitios web•15 minutes
Crear esquemas de página para un sitio web adaptable
Module 3•7 hours to complete
Module details
Después de empatizar con los usuarios, definir el problema del usuario que debes resolver y comenzar a idear posibles soluciones, es hora de dar vida a tus ideas y crear esquemas de página. Tu sitio web adaptable tendrá diferentes diseños, según el dispositivo y el tamaño de la pantalla para el que estés creando el diseño, por lo que crearás muchos esquemas de página diferentes. Primero, explorarás los diseños comunes de sitios web y crearás esquemas de página en papel. Luego, conocerás algunos elementos y componentes que se usan comúnmente en el diseño web adaptable. Después, avanzarás y crearás esquemas de página digitales en Adobe XD. Por último, actualizarás y pulirás tus esquemas de página para mejorar la accesibilidad.
Explorar los diseños comunes para las páginas de inicio del sitio web•7 minutes
Los aspectos básicos de los esquemas de página •9 minutes
Trazar un diseño adaptable•3 minutes
Ajustar los diseños de página en función del tamaño de la pantalla•3 minutes
Transición de los esquemas de página en papel a los digitales•1 minute
Crear esquemas de página digitales en Adobe XD•9 minutes
Crear esquemas de página para tamaños de pantalla adicionales en Adobe XD•5 minutes
Jay - Diseño con Adobe XD•3 minutes
Perfeccionar los esquemas de página para mejorar la accesibilidad•6 minutes
Evaluar los esquemas de página según los Principios de la Gestalt•3 minutes
Actividad de cierre: crear esquemas de página para un sitio web adaptable •1 minute
13 readings•Total 125 minutes
Más información sobre los diseños de sitios web comunes•10 minutes
Más información sobre los esquemas de página•10 minutes
Modelo de la actividad: Comienza a crear esquemas de página en papel para tu propio sitio web•10 minutes
Más información sobre cómo trazar diseños adaptables•10 minutes
Elementos comunes utilizados en el diseño adaptable•10 minutes
Modelo de la actividad: crea variaciones de tus esquemas de página en papel•10 minutes
Más información sobre la creación de esquemas de página digitales en Adobe XD•10 minutes
Opcional: crear esquemas de página digitales en Figma•10 minutes
Modelo de la actividad: crear esquemas de página digitales para un tamaño de pantalla de escritorio•10 minutes
Opcional: crear esquemas de página para tamaños de pantalla adicionales en Figma•10 minutes
Modelo de la actividad: crear esquemas de página digitales para tamaños de pantalla adicionalescreen sizes•10 minutes
Más información sobre el uso de los Principios de la Gestalt en los esquemas de página•10 minutes
Glosario•5 minutes
4 assignments•Total 120 minutes
Actividad: Comienza a crear esquemas de página en papel para tu propio sitio web•30 minutes
Actividad: crea variaciones de tus esquemas de página en papel•30 minutes
Actividad: crear esquemas de página digitales para un tamaño de pantalla de escritorio•30 minutes
Actividad: crear esquemas de página digitales para tamaños de pantalla adicionales•30 minutes
1 peer review•Total 60 minutes
Desafío semanal 3: Perfeccionar los esquemas de páginas para que cumplan los estándares•60 minutes
1 discussion prompt•Total 10 minutes
Ten en cuenta los encabezados, los puntos de referencia y los puntos de enfoque en tus esquemas de página•10 minutes
2 plugins•Total 30 minutes
Identificar el diseño del sitio web•15 minutes
Explora el diseño web adaptable•15 minutes
Crear y probar prototipos de baja fidelidad
Module 4•6 hours to complete
Module details
Ahora que has creado esquemas de página digitales en Adobe XD, es momento de crear, probar e iterar un prototipo de baja fidelidad. Primero, aprenderás a crear un prototipo de baja fidelidad en Adobe XD. Obtendrás feedback acerca de tu prototipo mediante la planificación y realización de un estudio de usabilidad. Después, podrás modificar los diseños de baja fidelidad a partir de las conclusiones que saques de la investigación.
Comprende los prototipos de baja fidelidad•3 minutes
Crea un prototipo de baja fidelidad en Adobe XD•5 minutes
Planifica un estudio de investigación en UX •4 minutes
Realiza un estudio de usabilidad•3 minutes
Reduce el sesgo en el estudio de usabilidad•5 minutes
Analiza y sintetiza los resultados de la investigación•3 minutes
Itera en los diseños de baja fidelidad a partir de los hallazgos de la investigación•5 minutes
Actividad de cierre: Creación y prueba de prototipos de baja fidelidad•1 minute
12 readings•Total 115 minutes
Más información sobre cómo crear un prototipo de baja fidelidad en Adobe XD•10 minutes
Opcional: crea un prototipo de baja fidelidad en Figma•10 minutes
Modelo de la actividad: crea un prototipo de baja fidelidad para tu sitio web adaptable•10 minutes
Prueba un prototipo de baja fidelidad•10 minutes
Más información sobre la planificación de un estudio de investigación en UX •10 minutes
Modelo de la actividad: planifica un estudio de investigación en UX•10 minutes
Más información sobre cómo realizar un estudio de usabilidad•10 minutes
Modelo de la actividad: realiza un estudio de usabilidad para un prototipo de baja fidelidad•10 minutes
Más información acerca de analizar y sintetizar los resultados de la investigación•10 minutes
Modelo de la actividad: analiza y sintetiza los resultados de un estudio de usabilidad•10 minutes
Más información sobre la iteración en diseños de baja fidelidad•10 minutes
Glosario•5 minutes
7 assignments•Total 148 minutes
Poner a prueba tus conocimientos sobre los esquemas de página frente a los prototipos•4 minutes
Actividad: crea un prototipo de baja fidelidad para tu sitio web adaptable•30 minutes
Actividad: planifica un estudio de investigación en UX•30 minutes
Introspección: determina cómo reducir el sesgo en tus propios estudios•20 minutes
Actividad: realiza un estudio de usabilidad para un prototipo de baja fidelidad•30 minutes
Actividad: analiza y sintetiza los resultados de un estudio de usabilidad•30 minutes
Poner a prueba tus conocimientos sobre la modificación de diseños a partir de los hallazgos de la investigación•4 minutes
1 peer review•Total 60 minutes
Desafío semanal 4: Actualiza los prototipos de baja fidelidad a partir de las conclusiones obtenidas en los estudios de usabilidad•60 minutes
2 discussion prompts•Total 20 minutes
Comparte las conclusiones de tu estudio de usabilidad•10 minutes
Comparte el modo en que iteraste en tus diseños a partir de las conclusiones de la investigación•10 minutes
Crear y probar diseños de alta fidelidad
Module 5•7 hours to complete
Module details
En esta parte del curso, estarás listo para crear maquetas del sitio web adaptable en Adobe XD. También ampliarás tu trabajo con sistemas de diseño y usarás componentes de sistemas de diseño externos en tus diseños web adaptables. Luego, convertirás las maquetas en un prototipo de alta fidelidad creando conexiones, agregando detalles de interacción y ajustando animaciones. Finalmente, probarás tu prototipo de alta fidelidad mediante un estudio de usabilidad, con el fin de obtener feedback de un conjunto diverso de usuarios. Al final de esta parte del curso, habrás terminado tus diseños web adaptables.
Comenzar a crear maquetas para la página de inicio de un sitio web en Adobe XD•10 minutes
Seguir creando maquetas para la página de inicio de un sitio web en Adobe XDdobe XD•11 minutes
Crear maquetas para un sitio web móvil en Adobe XD•3 minutes
Trabajar con sistemas de diseño•3 minutes
Utilizar sistemas de diseño externos en Adobe XD•2 minutes
Crear un prototipo de alta fidelidad en Adobe XD•7 minutes
Anotar prototipos para la accesibilidad web•5 minutes
Actividad de cierre: Creación y prueba de diseños de alta fidelidad•1 minute
Opcional: probar tu prototipo de alta fidelidad.•3 minutes
15 readings•Total 145 minutes
Revisar los elementos fundamentales del diseño visual•10 minutes
Revisar cómo organizar elementos en maquetas•10 minutes
Revisar los principios de diseño visual•10 minutes
Opcional: comenzar a crear maquetas de sitios web en Figma•10 minutes
Agregar imágenes y logotipos a maquetas en Adobe XD•10 minutes
Usar cuadrículas repetidas para diseñar en Adobe XD•10 minutes
Modelo de la actividad: Crear maquetas para un sitio web•10 minutes
Más información sobre los menús de navegación ocultos•10 minutes
Opcional: Crear maquetas para un sitio web móvil en Figma•10 minutes
Modelo de la actividad: Crear una maqueta para la página de inicio de un sitio web móvil•10 minutes
Más información sobre los sistemas de diseño•10 minutes
Opcional - Ejemplo de actividad: Crear una hoja de pegatinas en Figma•10 minutes
Más información sobre la accesibilidad web•10 minutes
Glosario•5 minutes
Opcional: revisar cómo planificar y realizar un estudio de usabilidad•10 minutes
9 assignments•Total 144 minutes
Poner a prueba tus conocimientos sobre los conceptos básicos de las maquetas•4 minutes
Poner a prueba tus conocimientos sobre la creación de una página de inicio en Adobe XD•6 minutes
Actividad: Crear maquetas para un sitio web•30 minutes
Actividad: Crear una maqueta para la página de inicio de un sitio web móvil•30 minutes
Poner a prueba tus conocimientos sobre el trabajo con sistemas de diseño•4 minutes
Actividad: documentar las decisiones de diseño•30 minutes
Opcional - Actividad: Crear una hoja de pegatinas en Figma•30 minutes
Poner a prueba tus conocimientos sobre accesibilidad web•6 minutes
Poner a prueba tus conocimientos sobre estudios de usabilidad •4 minutes
1 peer review•Total 60 minutes
Desafío semanal 5: Crear un prototipo de alta fidelidad para un sitio web•60 minutes
2 discussion prompts•Total 20 minutes
Compartir tus sistemas de diseño favoritos•10 minutes
Compartir un recurso sobre diseño inclusivo y accesible •10 minutes
Documentar el trabajo de diseño y buscar empleo
Module 6•7 hours to complete
Module details
Cuando ya tengas tus diseños web adaptables completos, podrás compartir tu trabajo con otros. Para empezar, aprenderás cómo preparar y entregar diseños a los ingenieros, quienes crearán el producto final. También agregarás un caso práctico a tu portfolio profesional de UX con tus diseños web adaptables. Luego, te enfocarás en tu objetivo general: conseguir un trabajo como diseñador de UX. Aprenderás consejos y trucos para analizar las ofertas de trabajo y crearás un currículum atractivo que destaque tus nuevas habilidades de UX.
Grow with Google is an initiative that draws on Google's decades-long history of building products, platforms, and services that help people and businesses grow. We aim to help everyone – those who make up the workforce of today and the students who will drive the workforce of tomorrow – access the best of Google’s training and tools to grow their skills, careers, and businesses.
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
Learner reviews
4.7
229 reviews
5 stars
81.65%
4 stars
11.35%
3 stars
3.49%
2 stars
2.62%
1 star
0.87%
Showing 3 of 229
C
CA
5·
Reviewed on Oct 1, 2024
Muy buen curso que ayuda a tener una visión mas clara de como diseñar con empatía
E
ER
5·
Reviewed on Apr 29, 2023
Muy interesante para comprender lo que es el diseño web adaptable y una herramienta de prototipado como AdobeXD
G
GS
5·
Reviewed on Jan 25, 2023
Excelente curso que explica cómo utilizar las funcionalidades básicas de Adobe XD, además de tips muy interesantes y útiles acerca de cómo integrarse al mercado laboral.
Los diseñadores de la experiencia del usuario (UX) se centran en la experiencia que tienen los usuarios cuando usan productos como sitios web, aplicaciones y objetos físicos. Los diseñadores de UX hacen que esas interacciones cotidianas sean útiles, agradables y accesibles. Las tareas de un diseñador de UX de nivel básico podrían incluir proponer ideas para abordar los problemas de los usuarios, realizar investigaciones entre ellos y diseñar esquemas de página, maquetas y prototipos.
Si te gusta hablar y empatizar con las personas, dibujar, pensar de forma creativa o prestar atención a los detalles, un trabajo como diseñador de UX podría ser una buena opción para ti.
¿Qué antecedentes se requieren?
Este curso es el sexto de siete cursos que te darán las habilidades que necesitas para postularte a trabajos de nivel básico en el sector del diseño de experiencia del usuario. Te recomendamos encarecidamente completar los primeros cinco cursos del Certificado de diseño de UX de Google antes de realizar este curso:
- Curso 1: Aspectos básicos del diseño de la experiencia del usuario (UX)
- Curso 5: Crear prototipos y diseños de alta fidelidad en Figma
Como alternativa, si quieres realizar este curso del programa en primer lugar, debes tener experiencia en la realización de investigaciones de usuarios para empatizar con sus necesidades y determinar sus puntos débiles específicos. Debes tener la capacidad de crear personas, historias de usuario, mapas de recorrido de usuarios y planteamientos de problemas. También debes saber cómo crear esquemas de páginas y prototipos de baja fidelidad en papel. Te ayudará tener experiencia en la realización de estudios de usabilidad y en el abordaje iterativo de los diseños. Si no conoces alguno de estos temas, deberías inscribirte en los cursos anteriores del Certificado de diseño de UX de Google, en los que se los aborda.
¿Qué herramientas o plataformas se abordan en el plan de estudios?
Figma y Adobe XD son las herramientas de diseño que se enseñan en los cursos del Certificado de diseño de UX de Google. Este curso se centra en la creación de diseños en Adobe XD. Durante nueve meses, los estudiantes tendrán acceso gratuito a la versión de aplicación única de Adobe XD para compartir ilimitadamente vínculos a prototipos. Para acceder a esta oferta, debes completar el curso 1 (incluidas todas las tareas con calificación) del Certificado de diseño de UX de Google. Recuerda que esta oferta es exclusiva para los estudiantes del Certificado de diseño de UX de Google y no se puede revender, prestar ni compartir la suscripción. Una vez que los estudiantes calificados finalicen el curso 1, recibirán un correo y un mensaje de Coursera con instrucciones para canjear la oferta.
También utilizaremos hojas de cálculo, aplicaciones de procesamiento de texto y para crear presentaciones. A lo largo del programa, crearás un portfolio profesional con ayuda de tu plataforma preferida para exhibir tu trabajo de diseño de UX.
¿Para qué trabajos me ayudará a prepararme este programa?
Uno de los aspectos más interesantes de ser parte del campo de la experiencia del usuario es la gran cantidad de oportunidades laborales disponibles. Casi todas las empresas necesitan diseñadores de UX que las ayuden a crear sus productos digitales y físicos. La demanda de diseñadores de UX crece continuamente, por lo que, actualmente, hay una escasez de profesionales del diseño de UX para cubrir esta demanda.
Dentro de una carrera en diseño de UX, podrías tener un perfil de generalista (en un puesto como diseñador de UX propiamente dicho, diseñador de interfaces de usuario o investigador en UX) o de especialista (en un puesto como diseñador visual o de interacción). Una vez finalizado este programa de certificados, podrás buscar trabajos con todos estos cargos y encontrar el puesto que mejor se adapte a ti.
¿Tengo que tomar el curso en un orden determinado?
Este es el sexto de siete cursos del Certificado de diseño de UX de Google. Recomendamos completar los siete cursos de este programa de certificación en el orden en que se presentan, porque el contenido y las aplicaciones de cada curso se basan en la información presentada y practicada en cursos anteriores.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Certificate?
When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.