Criar wireframes e protótipos de baixa fidelidade from Coursera

“Criar wireframes e protótipos de baixa fidelidade” é o terceiro curso de um programa de certificação que vai fornecer a você 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ê vai continuar criando um aplicativo móvel para seu portfólio profissional de experiência do usuário. Você vai começar criando storyboards e se familiarizando com os fundamentos do desenho. Em seguida, você vai criar wireframes de papel e digitais usando a ferramenta de design Figma. Você também vai criar um protótipo de papel e um protótipo digital de baixa fidelidade no Figma.

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:

- Elaborar uma declaração de meta.

- Criar dois tipos de storyboards: visão geral e close-up.

- Entender a diferença entre design de baixa e alta fidelidade.

- Aplicar os fundamentos de desenho.

- Aplicar os princípios da arquitetura da informação para organizar um aplicativo móvel.

- Criar wireframes de papel para o design de um aplicativo móvel.

- Desenvolver wireframes digitais na ferramenta de design Figma.

- Construir um protótipo de papel para adicionar interatividade aos designs.

- Projetar um protótipo de baixa fidelidade no Figma.

- Reconhecer vieses implícitos e padrões enganosos no design.

- Continuar criando o design de um aplicativo móvel para incluir em seu portfólio profissional.

Para ter sucesso neste curso, você deve concluir os dois cursos anteriores deste programa de certificação ou saber realizar pesquisas com usuários para informar a criação de mapas de empatia, personas, histórias de usuários, mapas de jornada do usuário, declarações de problemas e propostas de valor. Você também precisa de papel e uma caneta ou lápis.

What's inside

Syllabus

Storyboards e wireframes

Boas-vindas ao mundo dos wireframes! Você começará aprendendo como usar resultados de pesquisa para embasar a idealização durante o processo de design. Em seguida, você vai criar dois tipos de storyboards: visão geral e close-up. Depois, você vai desenhar seus primeiros wireframes para explorar os benefícios dessa prática. Lembre-se de que, neste ponto do processo de design, você deve ter muitas ideias de designs que atendem às necessidades reais do usuário. Essas ideias precisam ser refinadas, e é para isso que servem os wireframes.

Como criar wireframes de papel e digitais

Esta é uma parte muito prática do curso em que você vai desenhar wireframes de um aplicativo para dispositivos móveis. Primeiro, você vai desenhar muitos wireframes no papel. Em seguida, você fará a transição para wireframes digitais na ferramenta de design Figma. Você também aprenderá a usar o Figma da melhor maneira possível. Por fim, você aplicará os Princípios de Gestalt, como similaridade, proximidade e região comum, aos wireframes.

Como criar protótipos de baixa fidelidade

Você passou pelos três primeiros estágios do processo de design: empatia, definição e idealização. Agora, você entrará na quarta etapa do processo de design: o protótipo. Primeiro, você criará um protótipo de papel para seu aplicativo móvel. Em seguida, fará a transição para criar um protótipo digital de baixa fidelidade no Figma. Além disso, verá como reconhecer possíveis vieses nos designs e aprenderá a evitar padrões enganosos.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Desenvolve skills fundamentais para design de UX, como criação de wireframes e protótipos

Guiado por instrutores do Google, profissionais de UX

Ensina princípios de design e arquitetura da informação

Utiliza a ferramenta Figma para criação de wireframes e protótipos

Requer conhecimento prévio em pesquisas com usuários e mapeamento de jornada

Pode exigir materiais não prontamente disponíveis, como papel e lápis

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 wireframes e protótipos de baixa fidelidade with these activities:

Organize e revise seus materiais do curso

Show steps

Manter seus materiais do curso organizados e revisados ajudará você a se lembrar das informações e se preparar melhor para os exames.

Show steps

Reúna seus materiais do curso, como notas, atribuições e materiais de leitura.
Crie um sistema de organização que funcione para você.
Revise seus materiais regularmente.

Desenhe storyboards e wireframes básicos

Show steps

Desenhar seus storyboards e wireframes ajudará você a visualizar e iterar rapidamente suas ideias de design, aprimorando sua compreensão dos princípios básicos de design de UX.

Show steps

Crie um storyboard geral e um storyboard de close-up.
Desenhe os wireframes em papel para explorar diferentes opções de design.
Transfira seus wireframes para uma ferramenta de design digital para maior flexibilidade e compartilhamento.
Aplique os Princípios de Gestalt aos seus wireframes para melhorar a usabilidade e a experiência do usuário.

Aprenda a usar o Figma para criar wireframes e protótipos

Show steps

O Figma é uma ferramenta essencial para designers de UX. Este tutorial guiado ajudará você a dominar os recursos essenciais do Figma para criar wireframes e protótipos profissionais.

Show steps

Assistir a tutoriais e documentação do Figma.
Baixe o Figma e comece a praticar.
Crie um novo projeto e importe seus wireframes.
Use as ferramentas de prototipagem do Figma para criar protótipos interativos.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Crie um protótipo de aplicativo móvel de baixa fidelidade

Show steps

Criar um protótipo de baixa fidelidade permite que você teste sua ideia de design e obtenha feedback antes de investir muito tempo e recursos no desenvolvimento.

Show steps

Crie um protótipo de papel para testar a interatividade do seu design.
Transfira seu protótipo para uma ferramenta de design digital para compartilhamento e feedback fáceis.
Obtenha feedback sobre seu protótipo e faça alterações conforme necessário.

Participe de uma sessão de revisão de portfólio com colegas

Show steps

Obter feedback de colegas sobre seu portfólio de design de UX pode ajudá-lo a identificar áreas de melhoria e fortalecer seu trabalho.

Show steps

Prepare seu portfólio de design de UX.
Convide colegas para uma sessão de revisão.
Apresente seu trabalho e receba feedback.
Incorpore o feedback em seu portfólio.

Crie um vídeo explicando os princípios básicos de design de UX

Show steps

Criar um vídeo explicando os princípios básicos de design de UX ajudará você a solidificar sua compreensão dos conceitos e compartilhá-los com outros.

Show steps

Faça um brainstorming sobre os principais princípios que deseja abordar.
Crie um roteiro para o seu vídeo.
Grave seu vídeo e edite-o.
Publique seu vídeo online.

Contribua para projetos de design de UX de código aberto

Show steps

Contribuir para projetos de design de UX de código aberto é uma excelente maneira de aprimorar suas habilidades, aprender com os outros e construir seu portfólio.

Show steps

Encontre um projeto de código aberto que lhe interesse.
Familiarize-se com o código-fonte do projeto.
Faça alterações ou contribua com novos recursos para o projeto.
envie um pull request com suas contribuições.

Faça trabalho voluntário em uma organização de design de UX

Show steps

O trabalho voluntário em uma organização de design de UX permite que você aplique suas habilidades, ganhe experiência prática e faça a diferença em sua comunidade.

Show steps

Encontre uma organização de design de UX que ofereça oportunidades de voluntariado.
Inscreva-se para uma oportunidade de voluntariado que corresponda às suas habilidades e interesses.
Dedique seu tempo e esforço para apoiar a organização.

Career center

Learners who complete Criar wireframes e protótipos de baixa fidelidade will develop knowledge and skills that may be useful to these careers:

Product Designer

Product Designers will design and develop digital and physical products. Prototyping is used heavily to move from initial sketches to high-fidelity prototypes. This course will serve as a great introduction to how to create prototypes, and the focus on user-centric design will provide a firm base for further development as a Product Designer.

See salaries and explore the career path for Product Designer

UI Designer

A UI Designer will design and create the user interface for a mobile app, making them a natural fit for this course. Furthermore, a UI Designer will need to create both low and high-fidelity prototypes, so the course's focus on wireframes and prototypes is directly relevant. A UI Designer may also benefit from deeper theoretical knowledge about topics such as the Gestalt Principles, which this course provides.

See salaries and explore the career path for UI Designer

User Experience Designer

User Experience Designers will create user-centered solutions, which requires the ability to prototype ideas. This course offers an opportunity to gain proficiency in this essential design skill. Beyond that, the syllabus covers the fundamentals of UX design, such as user research, storyboarding, and information architecture, which is an excellent foundation for a UX Designer.

See salaries and explore the career path for User Experience Designer

UX Researcher

UX Researchers will perform research to understand user needs and behavior, which often involves creating prototypes for testing. The design skills taught in this course will inform the prototypes the researcher creates, and the focus on user-centric design will ensure that the researcher has an empathetic mindset.

See salaries and explore the career path for UX Researcher

Interaction Designer

Interaction Designers will focus on the user interaction with digital and physical products, and this often requires creating prototypes for testing and developing design ideas. This course can serve as a starting point for building wireframes and prototypes, and the focus on design principles will inform the design decisions made by an Interaction Designer.

See salaries and explore the career path for Interaction Designer

Graphic designer

Graphic Designers may use prototypes to demonstrate design concepts to clients or stakeholders. This course provides a solid grounding in wireframing and prototyping, which can be very useful for Graphic Designers, especially those transitioning into User Experience Design.

See salaries and explore the career path for Graphic designer

Front-End Developer

Front-end Developers may collaborate with UI Designers to implement designs, which could involve the creation of prototypes to test functionality. This course can provide a Front-end Developer with the skills to collaborate more effectively with Designers by providing context on what makes a good design.

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

UX Architect

UX Architects may be responsible for creating prototypes to map out user experience workflows. The focus on this course in the fundamentals of UX design, as well as wireframing and prototyping, would be helpful for someone looking to build a foundation as a UX Architect.

See salaries and explore the career path for UX Architect

Information Architect

Information Architects may use prototypes to demonstrate how information will be organized and presented. While this course does not directly cover information architecture, it does cover user-centric design and principles of organization, which can inform the work of an Information Architect.

See salaries and explore the career path for Information Architect

Design Researcher

Design Researchers may use prototypes to test design concepts, however, this course has a limited focus on design research specifically.

See salaries and explore the career path for Design Researcher

Product Manager

Product Managers may use prototypes to communicate product vision or get feedback.

See salaries and explore the career path for Product Manager

Data Scientist

Data Scientists may use prototypes in visualizing and communicating results.

See salaries and explore the career path for Data Scientist

Software Engineer

Software Engineers may use prototypes to demonstrate functionality or to test ideas.