Crear prototipos y diseños de alta fidelidad en Figma from Coursera

Crear prototipos y diseños de alta fidelidad en Figma es el quinto curso de un programa de certificación que te brindará las habilidades que necesitas para postularte a empleos de nivel básico en el diseño de experiencia del usuario (UX). En este curso, accederás a tutoriales paso a paso para aprender a crear diseños de alta fidelidad, llamados maquetas, en Figma, una herramienta de diseño popular. Luego, podrás convertir estos diseños en prototipos interactivos que funcionan como un producto terminado. Llevarás a cabo investigaciones para recopilar retroalimentación sobre tus diseños y mejorarlos. Por último, aprenderás a compartir tus diseños con equipos de desarrollo y destacar tu trabajo en tu portfolio profesional de UX.

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:

- Crear maquetas y prototipos de alta fidelidad en Figma.

- Definir y aplicar los elementos y principios comunes del diseño visual.

- Demostrar cómo se pueden usar los sistemas de diseño para organizar, estandarizar y mejorar los diseños.

- Comprender el rol de las sesiones de crítica y la retroalimentación sobre los diseños cuando adoptas un abordaje iterativo.

- Aprender a entregar proyectos de diseño finalizados a los equipos de ingeniería.

- Finalizar diseños de aplicaciones móviles para incluirlos en un portfolio profesional de UX.

Este curso está destinado a diseñadores de UX de nivel básico que hayan realizado los cuatro 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 el proceso de diseño, cómo crear diseños de baja fidelidad en papel y en Figma, y cómo llevar a cabo estudios de usabilidad.

What's inside

Syllabus

Comenzar a crear maquetas

Concéntrate en el diseño visual, que es la forma en que los usuarios ven un producto o una tecnología. En esta parte del curso, comenzarás a crear maquetas, que son diseños de alta fidelidad que representan un producto final. Para crear maquetas, usarás elementos de diseño visual, como tipografía, color e iconografía. Los elementos a menudo se organizan en diseños mediante métodos como cuadrículas, contención y espacio negativo. Aplicarás todos estos aprendizajes de diseño visual para desarrollar los diseños de aplicaciones móviles en los que estuviste trabajando durante todo el programa de certificación.

Aplicar los principios del diseño visual a las maquetas.

En esta parte del curso, utilizarás los principios del diseño visual para refinar tus maquetas. Primero, usarás el énfasis para guiar a los usuarios a las partes más importantes de una página. A continuación, aplicarás la jerarquía, la escala y la proporción para organizar los elementos en cada página de tu aplicación. Luego, considerarás la unidad y la variedad para ayudar a que los elementos de tu aplicación funcionen juntos o se destaquen. Finalmente, revisarás los Principios Gestalt, como la similitud, la proximidad y la región común, para ayudar a los usuarios a interpretar tus diseños fácilmente.

Exploración de sistemas de diseño

¡Ven a explorar el mundo de los sistemas de diseño! En esta etapa del curso, conocerás las partes de un sistema de diseño, así como los beneficios de usar dicho sistema. Examinarás los sistemas de diseño de varias empresas y tendrás la oportunidad de usarlos en tus propios prototipos. También aprenderás a usar y crear hojas de pegatinas en Figma.

Participar en sesiones de crítica de diseño

Dar, recibir e implementar el feedback es una parte necesaria del proceso de diseño de UX. En esta parte del curso, explorarás métodos eficaces para dar y recibir feedback. También aprenderás sobre las sesiones de crítica de diseño, que serán una parte importante de tu primer trabajo como diseñador de UX. Por último, aprenderás a convertir los comentarios en pasos prácticos que puedes llevar a cabo para revisar los diseños.

Creación de prototipos de alta fidelidad

¡Estás listo para crear prototipos de alta fidelidad en Figma! Luego de seguir los seis pasos, convertirás tus maquetas en un prototipo listo para probar. Además, explorarás dos nuevos conceptos, gestos y movimientos, que pueden ayudar a enriquecer la experiencia del usuario y aumentar la facilidad de uso de los prototipos.

Probar diseños e iterar para mejorarlos

Ahora que tienes un prototipo de alta fidelidad, es hora de probar tus diseños. Para comenzar, deberás llevar a cabo un estudio de facilidad de uso para probar el prototipo de alta fidelidad de tu aplicación móvil. Deberás analizar los comentarios que recibas para obtener información útil e iterar para mejorar tus diseños. Luego, aprenderás a entregar diseños a los ingenieros para la producción. Finalmente, aplicarás todo lo que aprendiste sobre la investigación de usuarios, la ideación, los esquemas de página, los diseños y los prototipos en un caso práctico para tu portfolio profesional de UX.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Desarrolla conocimientos y habilidades básicas altamente relevantes para el diseño de UX

Enseña a usar Figma, industria estándar en diseño de UX

Forma parte de un programa de certificación de varios cursos, lo que indica su profundidad y amplitud

Requiere que los estudiantes completen cursos previos, lo que podría ser una barrera para algunos

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 Crear prototipos y diseños de alta fidelidad en Figma with these activities:

Tutoriales guiados sobre sistemas de diseño

Show steps

Fortalece tu comprensión de los sistemas de diseño explorando tutoriales especializados.

Browse courses on Figma

Show steps

Examina los componentes de un sistema de diseño
Utiliza sistemas de diseño para organizar y estandarizar diseños
Diseña maquetas utilizando prácticas recomendadas para sistemas de diseño

Ejercicios de práctica de diseño visual

Show steps

Mejora tus habilidades de diseño visual practicando con ejercicios de diseño específicos.

Browse courses on Figma

Show steps

Identifica y aplica los principios básicos del diseño visual
Diseña maquetas utilizando principios de diseño visual
Realiza mejoras iterativas basadas en comentarios

Proyecto de prototipado de alta fidelidad

Show steps

Aplica tus habilidades de prototipado creando un prototipo de alta fidelidad de una aplicación móvil.

Browse courses on Figma

Show steps

Diseña un flujo de usuario para una aplicación móvil
Crea maquetas de alta fidelidad para cada pantalla de la aplicación
Convierte maquetas en prototipos interactivos utilizando Figma
Prueba el prototipo y recopila comentarios
Realiza iteraciones y mejoras basadas en los comentarios

Two other activities

Expand to see all activities and additional details

Show all five activities

Contribuye a proyectos de diseño de código abierto

Show steps

Profundiza tu comprensión de Figma y el diseño de UX contribuyendo a proyectos de código abierto en la comunidad.

Browse courses on Figma

Show steps

Explora proyectos de diseño de código abierto en Figma
Identifica áreas donde puedes contribuir
Colabora con otros diseñadores para mejorar los proyectos

Estudio de caso de diseño de portafolio de UX

Show steps

Mejora tu portafolio de UX creando un estudio de caso detallado sobre un proyecto de diseño.

Show steps

Selecciona un proyecto de diseño para destacar
Escribe una descripción detallada del proyecto
Incluye capturas de pantalla, prototipos y otros materiales de apoyo

Career center

Learners who complete Crear prototipos y diseños de alta fidelidad en Figma will develop knowledge and skills that may be useful to these careers:

UX Researcher

UX Researchers are responsible for conducting research to understand the needs and behaviors of users. This course will help you build a foundation in the principles of UX research, including user interviews, surveys, and usability testing. You will also learn how to use Figma, a popular design tool, to create prototypes of your research findings.

See salaries and explore the career path for UX Researcher

Product Designer

Product Designers are responsible for the overall design of digital products, from the user interface to the user experience. This course will help you build a foundation in the principles of product design, including user research, visual design, and prototyping. You will also learn how to use Figma, a popular design tool, to create high-fidelity prototypes of your designs.

See salaries and explore the career path for Product Designer

UI Designer

UI Designers are responsible for the visual design of digital products. This course will help you build a foundation in the principles of visual design, including typography, color theory, and layout. You will also learn how to use Figma, a popular design tool, to create high-fidelity prototypes of your designs.

See salaries and explore the career path for UI Designer

Interaction Designer

Interaction Designers are responsible for designing the interactions between users and digital products. This course will help you build a foundation in the principles of interaction design, including user flows, wireframing, and prototyping. You will also learn how to use Figma, a popular design tool, to create high-fidelity prototypes of your designs.

See salaries and explore the career path for Interaction Designer

User Experience (UX) Designer

User Experience Designers are responsible for the research, design, and testing of user interfaces for digital products. This course will help you build a foundation in the principles of UX design, including visual design, prototyping, and user testing. You will also learn how to use Figma, a popular design tool, to create high-fidelity prototypes of your designs.

See salaries and explore the career path for User Experience (UX) Designer

Information Architect

Information Architects are responsible for the organization and structure of digital products. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are well-organized and easy to navigate.

See salaries and explore the career path for Information Architect

UX Writer

UX Writers are responsible for the writing of text for digital products. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are clear, concise, and easy to read.

See salaries and explore the career path for UX Writer

Content Strategist

Content Strategists are responsible for the planning and creation of content for digital products. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are visually appealing and informative.

See salaries and explore the career path for Content Strategist

Motion Designer

Motion Designers are responsible for the creation of animated content for digital products. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are visually appealing and interactive.

See salaries and explore the career path for Motion Designer

Marketing Manager

Marketing Managers are responsible for the development and execution of marketing campaigns. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are visually appealing and persuasive.

See salaries and explore the career path for Marketing Manager

Information Technology (IT) Project Manager

IT Project Managers are responsible for the planning and execution of IT projects. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are well-organized and easy to follow.

See salaries and explore the career path for Information Technology (IT) Project Manager

Software Engineer

Software Engineers are responsible for the development and maintenance of software applications. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are interactive and realistic.

See salaries and explore the career path for Software Engineer

UX Engineer

UX Engineers are responsible for the implementation of UX designs into digital products. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are interactive and realistic.

See salaries and explore the career path for UX Engineer

Graphic designer

Graphic Designers are responsible for the creation of visual content for digital products. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are visually appealing and on-brand.

See salaries and explore the career path for Graphic designer

Front-End Developer

Front-End Developers are responsible for the development of the user interface of digital products. This course may be useful for you if you are interested in learning how to create high-fidelity prototypes of your designs. You will learn how to use Figma, a popular design tool, to create prototypes that are interactive and realistic.

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

Crear prototipos y diseños de alta fidelidad en Figma

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses