Criar designs e protótipos de alta fidelidade no Figma from Coursera

“Criar designs e protótipos de alta fidelidade no Figma” é o quinto curso de um programa de certificação que vai lhe fornecer as habilidades necessárias para se candidatar a empregos de nível básico em design de experiência do usuário (UX, na sigla em inglês). Neste curso, você seguirá tutoriais passo a passo para aprender como criar designs de alta fidelidade chamados de maquetes no Figma, uma ferramenta de design muito usada. Depois, você transformará esses designs em um protótipo interativo que funciona como um produto final. Você realizará pesquisas para coletar feedback sobre seus designs e fazer melhorias. Por último, você aprenderá a compartilhar seus designs com as equipes de desenvolvimento e a destacar seu trabalho no seu portfólio profissional

Seus instrutores serão designers e pesquisadores de UX atuais do Google, e você realizará atividades práticas que simulam situações reais de projeto de UX. Os alunos que concluírem os sete cursos deste programa de certificação estarão equipados para se candidatar a vagas de designers de UX iniciantes.

Veja do que você será capaz ao final deste curso:

- Criar maquetes e protótipos de alta fidelidade no Figma.

- Definir e aplicar elementos e princípios comuns de design visual.

- Demonstrar como os sistemas de design podem ser usados para organizar, padronizar e aprimorar designs.

- Compreender a função das sessões de crítica de design e do feedback para gerar iterações dos designs.

- Aprender como entregar projetos concluídos de design às equipes de engenharia.

- Concluir designs de apps para dispositivos móveis e inclui-los em um portfólio profissional.

Este curso é adequado para designers de UX iniciantes que concluíram os quatro cursos anteriores do Certificado de Design de UX do Google. Os alunos que não tiverem concluído os cursos anteriores deverão ter sólidos conhecimentos sobre o processo de design, como criar designs de baixa fidelidade em papel e no Figma e como realizar estudos de usabilidade.

What's inside

Syllabus

Fundamentos da criação de mockups

Concentre-se no design visual, que é a aparência de um produto ou tecnologia para os usuários. Nesta parte do curso, você vai começar a criar mockups, que são designs de alta fidelidade que representam um produto final. Para criar mockups, você vai usar elementos de design visual, como tipografia, cor e iconografia. Esses elementos costumam ser organizados em layouts usando métodos como grades, contenção e espaço negativo. Você vai aplicar todos esses aprendizados de design visual na criação dos designs do aplicativo móvel em que você tem trabalhado ao longo do programa de certificação.

Como aplicar princípios de design visual a mockups

Nesta parte do curso, você vai usar princípios de design visual para refinar mockups. Primeiro, você vai usar ênfase para direcionar os usuários às partes mais importantes de uma página. Em seguida, vai aplicar hierarquia, escala e proporção para organizar os elementos em cada página do aplicativo. Em seguida, vai considerar unidade e variedade para destacar ou ajudar elementos do aplicativo a funcionarem em conjunto. Por fim, você vai rever os princípios de Gestalt, como similaridade, proximidade e região comum, para ajudar os usuários a interpretar seus designs facilmente.

Como explorar sistemas de design

Venha explorar o mundo dos sistemas de design! Nesta parte do curso, você será apresentado às partes de um sistema de design, bem como aos benefícios de usá-lo. Você vai examinar os sistemas de design de várias empresas e ter a oportunidade de usá-los em seus próprios modelos. Você também vai aprender a usar e criar folhas de adesivos no Figma.

Como participar de sessões de crítica de design

Dar, receber e implementar feedback é uma parte necessária do processo de design de UX. Nesta parte do curso, você vai explorar métodos eficazes para dar e receber feedback. Você também vai aprender sobre sessões de crítica de design, que serão uma parte importante do seu primeiro trabalho como designer de UX. Por fim, você vai aprender a transformar o feedback em etapas acionáveis que podem ser realizadas para revisar designs.

Como criar protótipos de alta fidelidade

Já está tudo pronto para você começar a criar protótipos de alta fidelidade no Figma! Seguindo seis etapas, você vai transformar seus mockups em um protótipo pronto para testes. Além disso, você vai explorar dois novos conceitos, gestos e movimentos, que podem ajudar a enriquecer a experiência do usuário e aumentar a usabilidade dos protótipos.

Como testar e iterar designs

Agora que você tem um protótipo de alta fidelidade, é hora de testar os designs. Para começar, você vai realizar um estudo de usabilidade para testar seu protótipo de alta fidelidade de um app para dispositivos móveis. Você vai analisar o feedback recebido para criar insights acionáveis e iterar em seus designs. Em seguida, vai aprender como transferir designs para engenheiros para produção. Por fim, você vai transformar tudo o que aprendeu sobre pesquisa de usuários, ideação, wireframes, designs e protótipos em um estudo de caso para seu portfólio profissional de UX.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Este programa de certificação irá lhe preparar para se candidatar a vagas de designers de UX

Este curso faz parte do programa de certificação Google Carrer Certificates

São elegíveis para este curso aqueles que concluíram os quatro primeiros cursos do programa de certificação

Ele ensina como usar o Figma

Ensina princípios de design visual

Desenvolve competências para participar de sessões de crítica de design

Ensina conceitos como gestos e movimentos

Este curso é parte de um programa extenso que cobre todo o processo de design 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 Criar designs e protótipos de alta fidelidade no Figma with these activities:

Participe de meetups ou conferências de UX/UI

Show steps

Participar de eventos da indústria conectará você a profissionais de UX/UI e ampliará sua rede.

Show steps

Pesquise e identifique meetups ou conferências de UX/UI relevantes.
Participe dos eventos e interaja com outros participantes.

Escreva um artigo de blog sobre os prós e contras dos sistemas de design

Show steps

Escrever sobre sistemas de design fortalecerá sua compreensão de seus benefícios e desafios.

Browse courses on UI/UX

Show steps

Pesquise sistemas de design e identifique seus principais benefícios.
Examine as desvantagens dos sistemas de design.
Compare e contraste os benefícios e desvantagens em seu artigo.

Pratique o uso de gestos e movimentos no Figma

Show steps

Praticar gestos e movimentos no Figma aprimorará a usabilidade e a experiência do usuário de seus designs.

Browse courses on Figma

Show steps

Explore os recursos de gestos e movimentos no Figma.
Crie protótipos interativos que utilizem gestos e movimentos.
Teste os protótipos com usuários e colete feedback.

Three other activities

Expand to see all activities and additional details

Show all six activities

Participe de um workshop sobre design de UI/UX

Show steps

Os workshops fornecerão treinamento prático aprofundado em aspectos específicos do design de UI/UX.

Browse courses on Design Thinking

Show steps

Localize e inscreva-se em um workshop de design de UI/UX.
Participe ativamente do workshop e conclua os exercícios.
Aplique as técnicas e conhecimentos aprendidos em seus projetos de design.

Crie um protótipo de aplicativo móvel interativo

Show steps

Criar um protótipo interativo testável consolidará seu aprendizado sobre protótipos de alta fidelidade.

Show steps

Escolha um aplicativo móvel para prototipar.
Crie wireframes para o aplicativo.
Importe os wireframes para o Figma e crie um protótipo de alta fidelidade.
Teste o protótipo com usuários e colete feedback.
Revise e itere no protótipo com base no feedback.

Desenvolva um sistema de design para um produto ou serviço existente

Show steps

Desenvolver um sistema de design de ponta a ponta aprimorará suas habilidades de design e organização.

Browse courses on UI/UX

Show steps

Escolha um produto ou serviço para o qual deseja criar um sistema de design.
Analise o produto ou serviço atual e identifique áreas de melhoria.
Crie uma biblioteca de elementos de design reutilizáveis.
Desenvolva um guia de estilo para o sistema de design.
Implemente o sistema de design no produto ou serviço.

Career center

Learners who complete Criar designs e protótipos de alta fidelidade no Figma will develop knowledge and skills that may be useful to these careers:

UX Engineer

UX engineers are responsible for the technical implementation of user experience (UX) designs, including the creation of prototypes and high-fidelity mockups. This course can be a useful addition to your skillset. It will help teach you the principles of UX design and how to use Figma to create interactive prototypes. These skills can assist you in creating user-centric experiences.

See salaries and explore the career path for UX Engineer

Visual Designer

Visual designers are responsible for the visual aesthetics of a product or service, including the creation of high-fidelity mockups and prototypes. This course can help you to develop the skills needed for this role, as it covers the fundamentals of visual design and provides hands-on practice with Figma.

See salaries and explore the career path for Visual Designer

UI Designer

UI designers create engaging and visually aesthetic interfaces for websites and applications. This course can provide the foundation needed for success, as UI designers will need to create high-fidelity designs and prototypes. Furthermore, the course provides hands-on practice with Figma, an industry-standard tool that is frequently used by UI designers to build both static mockups and interactive prototypes.

See salaries and explore the career path for UI Designer

Front-End Engineer

Front end engineers are responsible for the design and implementation of the user interface (UI) of a website or application. This course can help you to develop the skills needed for this role, as it covers the fundamentals of visual design and provides hands-on practice with Figma, an industry-standard tool for UI design. Furthermore, the course will provide practice in creating high-fidelity prototypes which will help bridge the gap between design and development.

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

Web Designer

Web designers create and maintain websites, ensuring they are visually appealing and user-friendly. This course can help you to develop these skills, as it covers the fundamentals of visual design and provides hands-on practice with Figma, an industry-standard tool for web design. Furthermore, the course will provide practice in creating high-fidelity prototypes.

See salaries and explore the career path for Web Designer

Interaction Designer

Interaction designers are responsible for designing the interactions between users and products or services. This course can help you to develop the skills needed for this role, as it covers the fundamentals of UX design and provides hands-on practice with Figma. Furthermore, the course will provide practice in creating high-fidelity prototypes and incorporating user research and feedback into your design process.

See salaries and explore the career path for Interaction Designer

UX Researcher

UX researchers study user behavior and preferences to inform the design of products and services. This course will help you to develop these research skills, as it includes a module on conducting user research and gathering feedback. Furthermore, as you create prototypes and mockups, you will need to gain an understanding of the user experience and apply that knowledge to your designs.

See salaries and explore the career path for UX Researcher

Product Designer

Product designers are responsible for the entire product development process, from ideation to launch. This course can help you to develop the skills needed for this role, as it covers the fundamentals of visual design, provides hands-on practice with Figma, and helps you understand the importance of user research and feedback in the design process.

See salaries and explore the career path for Product Designer

Experience Designer

Experience designers are responsible for creating seamless and engaging experiences for users across all touchpoints. This course can help you to develop these skills, as it covers the fundamentals of UX design, provides hands-on practice with Figma, and helps you to understand how to incorporate user feedback and research into your design process.

See salaries and explore the career path for Experience Designer

UX Architect

UX architects design the overall structure and experience of a product or service, including the creation of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of UX design and provides hands-on practice with Figma. However, this role typically requires an advanced degree and experience in both design and development.

See salaries and explore the career path for UX Architect

Information Architect

Information architects design the structure and organization of information within a product or service, including the creation of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of UX design and provides hands-on practice with Figma. However, this role typically requires an advanced degree and experience in information management.

See salaries and explore the career path for Information Architect

UX Writer

UX writers create the written content for a product or service, including the development of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of UX design and provides hands-on practice with Figma. However, this role typically requires strong writing skills and experience in content strategy.

See salaries and explore the career path for UX Writer

Art Director

Art directors oversee the visual aspects of a product or service, including the development of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of visual design and provides hands-on practice with Figma. However, this role typically requires an advanced degree and experience managing a team of designers.

See salaries and explore the career path for Art Director

Graphic designer

Graphic designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful as it provides foundational skills in visual design and hands-on practice with Figma. Figma is a vector graphics editor and prototyping tool that is widely used across industries for web design and mobile app design.

See salaries and explore the career path for Graphic designer

Creative Director

Creative directors oversee the creative vision of a product or service, including the development of high-fidelity mockups and prototypes. This course may be useful as it covers the fundamentals of visual design and provides hands-on practice with Figma. However, this role typically requires experience managing a team of designers and the ability to manage large-scale projects.

See salaries and explore the career path for Creative Director