Diseños web adaptables en Adobe XD

Go to Course: https://www.coursera.org/learn/disenos-web-adaptables-en-adobe-xd

Introduction

**Course Review and Recommendation: Diseños Web Adaptables en Adobe XD** If you’re interested in starting a career in UX design or enhancing your current skills, Coursera’s course *Diseños web adaptables en Adobe XD* is an excellent option worth considering. As the sixth course in a comprehensive UX design program, this course provides both foundational knowledge and hands-on experience using one of the industry’s leading design tools—Adobe XD. ### Course Overview *Diseños web adaptables en Adobe XD* focuses on teaching students how to create responsive web designs that adapt seamlessly to various devices and screen sizes. Throughout the course, students engage in each phase of the UX design process, including empathizing with users, defining problems, ideating solutions, creating prototypes, and ultimately testing designs for usability. ### Syllabus Highlights Here’s a breakdown of the key areas covered in the course: 1. **Getting Started with UX Design Process: Empathize and Define** - The course kicks off with the fundamentals of the UX design process, emphasizing the importance of understanding users' needs and defining the core problems your design intends to address. Students will begin to explore Adobe XD, equipping themselves with essential skills before diving deeper into the design process. 2. **Continuing the UX Design Process: Ideate** - In this section, participants will learn various ideation techniques such as competitive audits and sketching ideas using the "Crazy Eights" method. Understanding information architecture and site mapping ensures that students can create structured and user-friendly designs. 3. **Creating Wireframes for a Responsive Website** - Students will take their ideation work further by creating multiple wireframes tailored to different screen sizes. The course emphasizes the importance of adapting designs for various devices, which is crucial in today's multi-device world. 4. **Creating and Testing Low-Fidelity Prototypes** - With digital wireframes in hand, learners will develop low-fidelity prototypes in Adobe XD. They will also conduct usability studies to gain valuable feedback, allowing them to iterate and refine their designs based on real-world testing. 5. **Creating and Testing High-Fidelity Designs** - Once low-fidelity testing is complete, students will transition to creating high-fidelity mockups. This section includes working with design systems and integrating external design components before testing prototypes for usability, gathering critical feedback for final adjustments. 6. **Documenting Design Work and Job Seeking** - The final segment is focused on how to present your work to engineers and prepare for professional opportunities as a UX designer. With advice on crafting an impressive UX portfolio and resume, this section ensures students feel confident in their ability to enter the job market. ### Why You Should Take This Course - **Hands-On Experience**: The course is structured to provide practical, hands-on experience, making it easier for learners to apply concepts in real-world scenarios. By using Adobe XD, participants will develop a familiarity with a tool widely used in the industry. - **Comprehensive Curriculum**: The course comprehensively covers every stage of the design process, ensuring that participants walk away with a robust understanding of responsive web design. - **Professional Portfolio Development**: The skills acquired through this course culminate in a portfolio piece that participants can showcase to potential employers, enhancing job prospects right after completion. - **Expert Guidance**: Coursera courses typically include instruction from seasoned professionals who provide insights and best practices drawn from their own experiences in the UX field. ### Conclusion Overall, *Diseños web adaptables en Adobe XD* is an invaluable course for anyone looking to enter the UX design industry or strengthen their design portfolio. The engaging syllabus, practical workload, and focus on critical design skills make it a strong recommendation for learners at any level of expertise. If you're ready to launch your UX career and proficiently design adaptable web experiences, this course is your gateway to success. Sign up on Coursera today, and take the first step toward becoming a competent UX designer!

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.

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.

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.

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.

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.

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.