Criar wireframes e protótipos de baixa fidelidade
“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.
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- المدة
- الطبع بواسطة Google
-
Offered by
عن
“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.الوحدات
Introdução ao Curso 3
-
2
Videos
-
3
Readings
-
2
Quiz
2
Videos
- Introdução ao Curso 3: Construir wireframes e protótipos de baixa fidelidade
- Karen - Meu caminho para o design de UX
3
Readings
- Boas-vindas ao Curso 3
- Opcional - Leia caso este seja seu primeiro curso do programa de certificação
- Opcional - Interpretar os resultados do seu teste
2
Quiz
- Opcional - Testar seus conhecimentos sobre conceitos anteriores
- Opcional - Enviar a instrução escolhida para o projeto de portfólio
Usar a pesquisa para informar a idealização
-
3
Videos
-
2
Readings
3
Videos
- Boas-vindas à semana 1
- Usar a pesquisa para informar a idealização
- Craig - A pesquisa informa a idealização no mundo real
2
Readings
- Opcional - Saiba mais sobre como a pesquisa informa a idealização
- Revisar declarações de problemas
Elaborar declarações de metas
-
1
Videos
-
2
Readings
-
1
Discussion
-
2
Quiz
1
Discussions
- Compartilhe sua declaração de meta do projeto de portfólio
1
Videos
- Criar declarações de metas
2
Readings
- Saiba mais sobre declarações de metas
- Exemplo de atividade: Elaborar uma declaração de meta
2
Quiz
- Atividade: Elaborar uma declaração de meta
- Atividade: Elaborar uma declaração de meta para o seu projeto do portfólio
Descrever fluxos de usuários
-
1
Videos
-
2
Readings
-
1
Discussion
-
2
Quiz
1
Discussions
- Compartilhar o fluxo do usuário para seu aplicativo
1
Videos
- Introdução aos fluxos de usuários
2
Readings
- Descrever um fluxo de usuário
- Exemplo de atividade: Descrever o fluxo do usuário para seu aplicativo
2
Quiz
- Autorreflexão: Considerar o fluxo do usuário para um aplicativo
- Atividade: Descrever o fluxo do usuário para seu aplicativo
Criar storyboards
-
2
Videos
-
2
Readings
-
1
Discussion
-
2
Quiz
1
Discussions
- Compartilhe seus storyboards
2
Videos
- Introdução aos storyboards de fluxos de usuários
- Os dois tipos de storyboards
2
Readings
- Saiba mais sobre como criar storyboards
- Exemplo de atividade: Prática de criação de storyboards
2
Quiz
- Teste seus conhecimentos sobre storyboards
- Atividade: Prática de criação de storyboards
Primeiros passos com wireframes
-
4
Videos
-
1
Readings
-
1
Discussion
-
2
Quiz
1
Discussions
- Compartilhe o wireframe de papel do seu aplicativo favorito
4
Videos
- Introdução a wireframes
- Começar a desenhar
- Desenhar seu primeiro wireframe
- Os benefícios de wireframes
1
Readings
- Exemplo de atividade: Desenhar um wireframe de seu aplicativo favorito
2
Quiz
- Testar seus conhecimentos sobre fidelidade do design
- Os benefícios de wireframes
Revisão da semana 1
-
1
Videos
-
1
Readings
-
1
PeerReview
1
Peer Review
- Desafio semanal 1: Criar storyboards
1
Videos
- Finalização: Storyboards e wireframes
1
Readings
- Glossário
Compreender a arquitetura da informação
-
2
Videos
-
1
Readings
-
1
Discussion
-
1
Quiz
1
Discussions
- Compartilhe um bom exemplo de arquitetura da informação (AI)
2
Videos
- Boas-vindas à semana 2
- Fundamentos da arquitetura da informação (AI)
1
Readings
- Como projetar a arquitetura da informação de aplicativos
1
Quiz
- Teste seus conhecimentos sobre arquitetura da informação
Criar wireframes de papel
-
1
Videos
-
2
Readings
-
1
Discussion
-
2
Quiz
1
Discussions
- Compartilhe seu wireframe de papel
1
Videos
- Criar wireframes de papel
2
Readings
- Exemplo de atividade: Prática de criação de wireframes de papel
- Exemplo de atividade: Criar wireframes de papel para o projeto do portfólio
2
Quiz
- Atividade: Prática de criação de wireframes de papel
- Atividade: Criar wireframes de papel para o projeto do portfólio
Criar wireframes digitais
-
5
Videos
-
2
Readings
-
1
Discussion
-
1
Quiz
1
Discussions
- Compartilhe o que você aprendeu sobre a criação de wireframes digitais no Figma
5
Videos
- Transição de wireframes de papel para digitais
- Introdução ao Figma
- Criar wireframes digitais no Figma
- Opcional - Aprenda com o Figma: Criar wireframes para um aplicativo
- Erika - Ferramentas de trabalho
2
Readings
- Criar uma conta do Figma
- Exemplo de atividade: Prática de criação de wireframes digitais no Figma
1
Quiz
- Atividade: Prática de criação de wireframes digitais no Figma
Usar os princípios de Gestalt em wireframes
-
1
Videos
-
1
Readings
-
1
Quiz
1
Videos
- Usar os princípios de Gestalt para criar wireframes
1
Readings
- Saiba mais sobre como usar os princípios de Gestalt em wireframes
1
Quiz
- Teste seus conhecimentos sobre os princípios de Gestalt
Revisão da semana 2
-
1
Videos
-
1
Readings
-
1
PeerReview
1
Peer Review
- Desafio semanal 2: Criar wireframes digitais
1
Videos
- Finalização: Como criar wireframes de papel e digitais
1
Readings
- Glossário
Criar protótipos de baixa fidelidade em papel
-
3
Videos
-
3
Readings
-
2
Quiz
3
Videos
- Boas-vindas à semana 3
- Saiba mais sobre protótipos de baixa fidelidade
- Criar um protótipo de papel
3
Readings
- Formas criativas de fazer protótipos de papel
- Prototipagem da Marvel na ferramenta de papel
- Exemplo de atividade: Prática de criação de um protótipo de baixa fidelidade
2
Quiz
- Teste seus conhecimentos sobre protótipos de baixa fidelidade
- Atividade: Prática de criação de um protótipo de baixa fidelidade
Criar protótipos de baixa fidelidade digitalmente
-
3
Videos
-
3
Readings
-
1
Discussion
-
1
Quiz
1
Discussions
- Compartilhe seu protótipo de baixa fidelidade
3
Videos
- Introdução à criação de protótipos de baixa fidelidade no Figma
- Criar protótipos de baixa fidelidade no Figma
- Opcional - Aprenda com o Figma: criação de protótipos
3
Readings
- Saiba mais sobre protótipos de baixa fidelidade no Figma
- Exemplo de atividade: Prática de criação de um protótipo de baixa fidelidade no Figma
- Acessar protótipos do Figma em dispositivos móveis
1
Quiz
- Atividade: Prática de criação de um protótipo de baixa fidelidade no Figma
Entender o design ético e inclusivo
-
5
Videos
-
5
Readings
-
1
Discussion
-
1
Quiz
-
1
Plugin
1
Discussions
- Refletir sobre a experiência de um padrão enganoso
5
Videos
- Reconhecer viés implícito no design
- Ayan - Vieses no trabalho de design de UX
- Identificar padrões enganosos no design de UX
- Explorar os efeitos de designs enganosos
- Priya - A importância do design equitativo
5
Readings
- Opcional - Saiba mais sobre vieses no design de UX
- Evitar padrões enganosos
- Entender a economia da atenção
- Entender seu impacto como designer de UX
- Opcional - Saiba mais sobre design ético
1
Quiz
- Autorreflexão: Seus próprios vieses
Revisão da semana 3
-
1
Videos
-
1
Readings
-
1
PeerReview
1
Peer Review
- Desafio semanal 3: Criar um protótipo de baixa fidelidade
1
Videos
- Finalização: Como criar protótipos de baixa fidelidade
1
Readings
- Glossário
Revisão do curso
-
1
Videos
-
1
Readings
-
1
Discussion
1
Discussions
- Compartilhe sua experiência no curso
1
Videos
- Parabéns por concluir o Curso 3: Construir wireframes e protótipos de baixa fidelidade
1
Readings
- Comece o próximo curso
Auto Summary
"Design Low-Fidelity Wireframes and Prototypes" is a personal development course designed for aspiring UX designers. Led by Google UX experts, you'll create mobile app wireframes and prototypes using Figma, focusing on storyboarding, drawing basics, and information architecture. Ideal for beginners, it’s part of a certification program, offering practical, real-world UX design skills. Accessible via Coursera with Starter and Professional subscription options.
Google Career Certificates