Crea interfaces de usuario (IU) dinámicas para sitios web from Coursera

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.

What's inside

Syllabus

Primeros pasos en el proceso de diseño de UX: empatizar y definir

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.

Seguir el proceso de diseño de UX: Idear

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.

Crear esquemas de página para un sitio web adaptable

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.

Crear y probar prototipos de baja fidelidad

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.

Crear y probar diseños de alta fidelidad

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.

Documentar el trabajo de diseño y buscar empleo

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.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Diseña un sitio web adaptable desde cero aprendiendo el proceso completo de diseño de UX

Trabaja con sistemas de diseño, un estándar de la industria

Refuerza tu portfolio con un proyecto de diseño web adaptable

Esta formación requiere conocimientos previos en diseño de UX

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Crea interfaces de usuario (IU) dinámicas para sitios web with these activities:

Tutoriales guiados sobre Adobe XD

Show steps

Sigue tutoriales guiados para dominar las características y funcionalidades de Adobe XD, la herramienta de diseño que utilizarás en este curso.

Browse courses on Adobe XD

Show steps

Completa el tutorial de introducción a Adobe XD proporcionado por Adobe.
Busca tutoriales específicos sobre las características de Adobe XD que necesitas para este curso, como creación de prototipos y diseño de sistemas.
Practica la creación de prototipos y diseños utilizando las técnicas aprendidas en los tutoriales.

Show all one activities

Career center

Learners who complete Crea interfaces de usuario (IU) dinámicas para sitios web will develop knowledge and skills that may be useful to these careers:

UX Designer

UX Designers focus on the overall experience of a product. They conduct user research, create prototypes, and work with stakeholders to ensure that a product meets the needs of its users. Based on the information provided, most of the topics covered in this course relate to the skills and responsibilities of a UX Designer. As such, those seeking to enter the UX Design field may find this course particularly useful for learning about the UX Design process and applying it to a visual design tool.

See salaries and explore the career path for UX Designer

UI Designer

UI Designers focus on the visual aspects of a product. They design user interfaces, create prototypes, and collaborate with UX Designers to implement user research and feedback into the design process. The course covers topics such as design theory, prototyping, and user testing, which directly align with the skills and responsibilities of a UI Designer. Anyone interested in a UI Design career may find this course particularly useful due to its emphasis on design tools such as Adobe XD.

See salaries and explore the career path for UI Designer

UX Researcher

A UX Researcher is someone who interacts with a product's user base to improve the overall user experience. They conduct user research, create personas, and develop testing ideas. Based on the information provided, this course will help build a foundation in the research aspect of the UX industry. As the course covers topics such as empathy, user definition, ideation, and user testing, those taking the course will learn how to interact with a user base and get a better idea of how users interact with a product and how to improve that experience.

See salaries and explore the career path for UX Researcher

Interaction Designer

Interaction Designers focus on the user interaction of a product. They create prototypes, conduct user testing, and work with stakeholders to ensure that a product is engaging and easy to use. This course covers topics such as prototyping, user testing, and design theory, which are important to an Interaction Designer. Anyone interested in an Interaction Design career may find this course useful.

See salaries and explore the career path for Interaction Designer

Web Designer

Web Designers are responsible for the design and layout of websites. They create prototypes, conduct user testing, and ensure that websites are visually appealing and easy to use. As this course covers topics such as design basics, prototyping, and user testing, it may be useful for someone interested in becoming a Web Designer. Especially when considering the course will provide instruction on using Adobe XD, a popular design tool in the industry.

See salaries and explore the career path for Web Designer

Information Designer

Information Designers are responsible for creating visual representations of data. They work with stakeholders to ensure that data is presented in a clear and concise way. Based on the information provided, this course may be useful for someone interested in Information Design. Particularly the portions that cover information architecture and site mapping, as they can help an Information Designer learn how to organize and structure data visually.

See salaries and explore the career path for Information Designer

Front-End Developer

Front-End Developers are responsible for the visual aspects of a website or application. They convert designs created by UX and UI Designers into code, ensuring that the final product is both visually appealing and functional. Based on the information provided, this course may be useful for someone looking to enter the Front-End Development field as it covers topics such as design basics, prototyping, and user testing. Understanding the UX process and how to implement designs will be valuable skills for someone interested in Front-End Development.

See salaries and explore the career path for Front-End Developer

UX Engineer

UX Engineers are responsible for implementing UX designs into code. They work with UX Designers and Front-End Developers to ensure that a product meets the needs of its users. Based on the information provided, this course may be useful for someone interested in UX Engineering, as it covers the UX design process and provides instruction on using Adobe XD, a tool commonly used by UX Designers. Having an understanding of the overall UX process and how designs are implemented can be helpful for someone in this field.

See salaries and explore the career path for UX Engineer

Graphic designer

Graphic Designers are responsible for creating visual concepts and designs. They work with clients and other stakeholders to ensure that designs communicate the intended message. Based on the information provided, this course may be useful for someone interested in Graphic Design. Particularly the portions that cover design basics, prototyping, and user testing. These topics can help aspiring Graphic Designers understand the UX process and how to apply design principles to their work.

See salaries and explore the career path for Graphic designer

Product Manager

Product Managers are responsible for overseeing the development and launch of a product. They work with stakeholders, conduct market research, and ensure that a product meets the needs of its users. Based on the information provided, this course may be useful for someone interested in Product Management as it covers topics such as user research, prototyping, and design thinking. Getting an understanding of UI/UX principles and processes can help inform a Product Manager's approach to project development.

See salaries and explore the career path for Product Manager

Information Architect

Information Architects are responsible for organizing and structuring content. They work with UX Designers and Web Developers to ensure that websites are easy to navigate and find information. Based on the information provided, portions of this course may be useful for someone interested in Information Architecture. Specifically, the course covers topics such as information architecture and site mapping, which are important to an Information Architect.

See salaries and explore the career path for Information Architect

Web Developer

Web Developers are responsible for the development and maintenance of websites. They work with designers and stakeholders to implement designs and ensure that websites are functional. This course may be useful for someone interested in Web Development as it covers topics such as prototyping, design basics, and user testing. Getting an understanding of UI/UX principles and processes can help inform a Web Developer's approach to building websites.

See salaries and explore the career path for Web Developer

Technical Writer

Technical Writers are responsible for creating documentation for software and other products. They work with engineers and other stakeholders to ensure that documentation is clear and easy to understand. Portions of this course may be useful for someone interested in Technical Writing, specifically the portions that cover topics such as defining user problems, ideation, and creating prototypes. These topics can help a Technical Writer understand how products are designed and how to best document them for users.

See salaries and explore the career path for Technical Writer

Software Engineer

Software Engineers are responsible for the design, development, and maintenance of software. They work with stakeholders and other engineers to ensure that software meets the needs of its users. Based on the information provided, portions of this course may be useful for someone interested in Software Engineering. Specifically, the course covers topics such as design basics, prototyping, and user testing. Understanding the UX process and how design impacts user experience can be valuable knowledge for a Software Engineer.

See salaries and explore the career path for Software Engineer

Visual Designer

Visual Designers are responsible for creating the visual aesthetics of a product. They work with UX Designers and other stakeholders to ensure that a product is visually appealing and consistent with the brand. Based on the information provided, this course may be useful for someone interested in Visual Design, specifically the portion that covers design basics. Getting a foundation in design principles can help aspiring Visual Designers in their work.

See salaries and explore the career path for Visual Designer