We may earn an affiliate commission when you visit our partners.

Crie wireframes digitais de baixa fidelidade com Figma

Neste projeto você aprenderá a criar wireframes digitais, ideais para o início do processo de design, tendo o objetivo de determinar a estrutura do produto. Ao representar uma visão geral da estrutura do produto se poderá analisar o design, a arquitetura, o fluxo, sua funcionalidade e inclusive o comportamento ou a experiência do usuário. Você aprenderá a trabalhar com Figma para a criação do seu protótipo. Esta ferramenta focada na criação de protótipos tem as funções necessárias para desenvolver diferentes tipos de projetos e facilita o trabalho colaborativo com as equipes de trabalho.

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

What's inside

Syllabus

Visão Geral do Projeto

Neste projeto você aprenderá a prototipar criando wireframes digitais eficazes, ideais no início do processo de design, com o objetivo de determinar a estrutura do produto.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Este curso promove a experimentação e a prática ao utilizar o Figma, uma ferramenta popular para prototipagem

O conteúdo do curso está voltado para iniciantes interessados em prototipagem digital

O foco do curso em wireframing oferece uma base para o desenvolvimento de produtos digitais

Save this course

Save Crie wireframes digitais de baixa fidelidade com Figma to your list so you can find it easily later:

Save

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 Crie wireframes digitais de baixa fidelidade com Figma with these activities:

Revisão dos fundamentos da criação de wireframes

Show steps

Refrescar os conceitos básicos de criação de wireframes ajudará a consolidar a compreensão dos fundamentos essenciais.

Browse courses on Wireframing

Show steps

Rever os princípios de design de wireframes
Revisar as ferramentas e técnicas usadas para criar wireframes
Criar um wireframe simples para um aplicativo ou site

Review Basic Design Principles

Show steps

Refresh your understanding of basic design principles such as color theory, typography, and layout to prepare for this course.

Browse courses on Design Principles

Show steps

Read articles and books on design principles.
Analyze existing designs and identify how they apply design principles.

Exercícios práticos de criação de wireframes

Show steps

Praticar a criação de wireframes regularmente ajudará a desenvolver fluência e confiança na ferramenta Figma.

Browse courses on Wireframing

Show steps

Criar wireframes para diferentes tipos de páginas ou telas
Experimentar diferentes estilos e layouts de wireframe
Criar wireframes com base em requisitos de usuário

Four other activities

Expand to see all activities and additional details

Show all seven activities

Learn Figma for Wireframing

Show steps

Familiarize yourself with Figma, a tool for creating wireframes, by following tutorials to learn its features and capabilities.

Browse courses on Figma

Show steps

Find and follow Figma tutorials online or on YouTube.
Create a practice wireframe project in Figma to apply your learning.

Practice Creating Digital Wireframes

Show steps

Enhance your wireframing skills by practicing the creation of digital wireframes using tools like Figma or Adobe XD.

Browse courses on Wireframing

Show steps

Choose a simple app or website concept to wireframe.
Create multiple iterations of wireframes for different screens and user flows.

Criação de um manual de wireframing

Show steps

Criar um manual de wireframing personalizado fornecerá uma referência abrangente para consulta futura e compartilhamento com colegas.

Browse courses on Wireframing

Show steps

Definir o escopo e o público-alvo do manual
Pesquisar e compilar as melhores práticas de criação de wireframes
Criar exemplos e estudos de caso para ilustrar os conceitos
Revisar e editar o manual para clareza e precisão

Create a Wireframe Portfolio

Show steps

Develop a portfolio showcasing your wireframing skills by creating a collection of well-designed wireframes for various projects.

Browse courses on Wireframes

Show steps

Select your best wireframe designs from previous projects or create new ones.
Write brief descriptions for each wireframe explaining its purpose and design choices.
Create a visually appealing portfolio website or presentation to showcase your work.

Career center

Learners who complete Crie wireframes digitais de baixa fidelidade com Figma will develop knowledge and skills that may be useful to these careers:

UI Designer

UI Designers are responsible for the user interface of a digital product. This course will help you develop strong wireframing skills, which are essential for communicating design ideas to developers.

See salaries and explore the career path for UI Designer

User Experience Designer

User Experience Designers are in charge of the entire user journey when interacting with a digital product. They ensure that every interface of a given software or site optimizes for the abilities, needs, and desires of users. This course will help you develop foundational skills in wireframing, which is a core skill for any UX Designer. A low-fidelity wireframe is a great way to express design ideas and get feedback from stakeholders prior to committing to a high-fidelity version. This course can help you build a portfolio of wireframes to successfully become a UX Designer.

See salaries and explore the career path for User Experience Designer

Web Designer

Web Designers are responsible for creating the visual layout and user interface for websites. This course will help you develop foundational skills in wireframing, which is a core skill for any Web Designer. Wireframing helps plan the layout, structure, and functionality of a website to improve the user experience and visual appeal.

See salaries and explore the career path for Web Designer

Interaction Designer

Interaction Designers are responsible for designing the way that users interact with digital products. This course will help you develop foundational skills in wireframing, which is a core skill for any Interaction Designer. Wireframes are used to communicate design ideas and get feedback from stakeholders prior to committing to a high-fidelity version.

See salaries and explore the career path for Interaction Designer

Product Designer

Product Designers are responsible for the entire user experience of a digital product. They work with engineers, designers, and other stakeholders to ensure that the product meets the needs of users. This course will help you develop foundational skills in wireframing, which is a core skill for any Product Designer. Wireframes are used to communicate design ideas and get feedback from stakeholders prior to committing to a high-fidelity version.

See salaries and explore the career path for Product Designer

Front-End Developer

Front-End Developers are responsible for the client-side of a website or application. This course will help you develop foundational skills in wireframing, which can help you communicate design ideas to back-end developers.

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

UX Researcher

UX Researchers are responsible for understanding the needs of users. This course will help you develop foundational skills in wireframing, which can help you create prototypes to test with users.

See salaries and explore the career path for UX Researcher

Graphic designer

Graphic Designers are responsible for creating visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful to you as wireframing skills may be used to create prototypes of digital products during the design process.

See salaries and explore the career path for Graphic designer

Information Architect

Information Architects are responsible for the organization and structure of information on a website or application. This course may be useful to you as wireframing skills can help you to plan the layout and structure of a website or application.

See salaries and explore the career path for Information Architect

Software Engineer

Software Engineers are responsible for designing, developing, and maintaining software systems. This course may be useful to you as wireframing skills can help you to communicate design ideas to other engineers.

See salaries and explore the career path for Software Engineer

Product Manager

Product Managers are responsible for the overall vision and strategy for a digital product. This course may be useful to you as wireframing skills can help you to communicate design ideas to stakeholders.

See salaries and explore the career path for Product Manager

Technical Writer

Technical Writers are responsible for creating documentation for software and other technical products. This course may be useful to you as wireframing skills can help you to create prototypes to illustrate your documentation.

See salaries and explore the career path for Technical Writer

Business Analyst

Business Analysts are responsible for understanding the needs of a business and translating those needs into technical requirements. This course may be useful to you as wireframing skills can help you to create prototypes to communicate design ideas to stakeholders.

See salaries and explore the career path for Business Analyst

Project Manager

Project Managers are responsible for planning, executing, and closing projects. This course may be useful to you as wireframing skills can help you to create prototypes to communicate design ideas to stakeholders.

See salaries and explore the career path for Project Manager

Data Analyst

Data Analysts are responsible for collecting, analyzing, and interpreting data to help businesses make better decisions. This course may be useful to you as wireframing skills can help you to create prototypes to visualize data.

See salaries and explore the career path for Data Analyst

Reading list

We've selected 13 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Crie wireframes digitais de baixa fidelidade com Figma.

Guerrilla Ux Research Methods

Save

Este livro aborda os fundamentos da prototipagem, incluindo técnicas de wireframing, prototipagem de alta fidelidade e testes de usabilidade.

Crie wireframes digitais de baixa fidelidade com Figma

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses