Curso UX Design
Módulo Eixo Temático Objetivo de Aprendizagem Habilidades Desenvolvidas CH (h) Ferramentas Utilizadas
Apresentar o panorama de carreiras em UX Design e os Identificar os principais papéis e como iniciar uma carreira na área.
Introdução à Carreira em UX
caminhos para especialistas e generalistas. Explicar as diferenças entre carreiras generalistas e especializadas e Reconhecer a importância do UX e explorar o crescimento 1 Slides, Discussão Guiada
Design
Generalista vs. Especialista: Qual o Seu Perfil? quando optar por cada caminho.
Introduzir o papel do UX Researcher, explorando como conduzem
estudos e impactam o processo de design. UX Designer prático, com foco
Introdução à Carreira em UX Funções de UX: Pesquisa, Design Prático, Design na criação de protótipos e soluções funcionais. Design Engineer como
Planejar atividades de pesquisa básica para apoiar decisões de design. 1 Google Forms, Maze
Design Engineer e Content Design conector entre design e engenharia, criando soluções prontas para
código. E, Content Designer em UX, com foco em criar microtextos e
fluxos de conteúdo claros.
Demonstrar como o design interage com a equipe de produto e sua
importância no ciclo de vida do produto. Apresentar fundamentos de
Introdução à Carreira em UX O Que Todo Designer Precisa Saber Sobre Produto e o Compreender como designers podem influenciar decisões de produto
produto: discovery, priorização, roadmap e o papel do designer nesses 2 Miro/FigJam, Trello
Design Papel do Design no Squad alinhadas às necessidades dos usuários e do negócio.
processos. Demonstrar como o design se conecta com o time e impacta o
ciclo de vida do produto.
Apresentar o conceito de Design Thinking como percursor da carreira e
Entender a metodologia, saber conduzir e exercutar sessões de Design
Design Thinking Design Thinking explorar métodos como Personas, Mapa de Empatia e Definição de 2 Miro/FigJam/FigJam
Thinking
Problemas.
Explorar técnicas de ideação, como Brainstorming e SCAMPER, e criar Gerar ideias criativas e traduzir conceitos abstratos em protótipos
Design Thinking Design Thinking (Prática) 2 Figma
protótipos iniciais de baixa fidelidade. tangíveis.
Introduzir os fundamentos do storytelling e sua aplicação no design, com Construir narrativas claras e impactantes para comunicar problemas e
Narrativas que conectam Fundamento Storytelling 2
foco na estrutura narrativa (início, meio, fim). soluções de design.
Ensinar como usar storytelling para mapear e apresentar soluções em Estruturar narrativas que conectem dados, insights e propostas de
Narrativas que conectam Narrativas que conectam 2 Miro/FigJam, Google Slides
projetos de design. solução.
UX na construção de Demonstrar o uso de ferramentas visuais como mapas, wireframes e Criar recursos visuais que complementem e reforcem histórias em
Ferramentas visuais na construção das soluções 2 Figma, Canva, Miro/FigJam
soluções diagramas para apoiar narrativas. apresentações de design.
UX na construção de Aplicar mentalidade de resolução de problemas e desenho de soluções
Ferramentas visuais na construção das soluções Projeto prático de Resolução de Problemas 2 Figma, Canva, Miro/FigJam
soluções em exemplos fictícios
UX na construção de
Aplicação do UX (Prática) Analisar exemplos de UX em produtos digitais Aplicar conceitos básicos de UX 2 Navegador, Bloco de Notas
soluções
Ferramentas iniciais Ferramentas Iniciais: Conhecendo o Miro/FigJam Usar o Miro/FigJam para mapeamento de ideias. Colaborar e organizar fluxos básicos. 2 Miro/FigJam
Ferramentas iniciais Criando Mindmaps no Miro/FigJam (Prática) Aplicar conceitos básicos em um mapa mental. Estruturar ideias de forma lógica. 2 Miro/FigJam
Apresentar como validar assumptions utilizando métodos de pesquisa Criar hipóteses baseadas em dados e planejar estratégias de validação
Pesquisa com Usuários Técnicas de Pesquisa e Validação de Assumptions 2 Google Forms, Maze
qualitativa e quantitativa. para projetos de design.
Ensinar técnicas básicas de entrevistas com usuários. Explicar como Conduzir entrevistas para identificar necessidades e comportamentos.
Pesquisa com Usuários Métodos de Pesquisa Quantitativa coletar dados quantitativos através de questionários. Explicar os Identificar requisitos legais e criar fluxos que respeitem a privacidade do 2 Google Forms, Miro/FigJam
conceitos da Lei Geral de Proteção de Dados e sua aplicação em projetos usuário.
Pesquisa com Usuários Projeto Prático: Criando um Questionário Desenvolver um questionário para coletar dados de usuários. Praticar a criação de pesquisas quantitativas. 2 Google Forms
Pesquisa com Usuários Análise de Dados Qualitativos Demonstrar como interpretar os dados qualitativos coletados. Traduzir informações em insights para guiar o design. 2 Google Sheets, Miro/FigJam
Apresentar o conceito de personas e sua importância no design centrado
Pesquisa com Usuários Personas: Conceitos e Importância Compreender como personas ajudam a guiar o processo de design. 2 Slides, Miro/FigJam
no usuário.
Pesquisa com Usuários Projeto Prático: Construindo Personas Desenvolver personas com base nos dados coletados. Criar representações de usuários que guiem decisões de design. 2 FigJam, Miro/FigJam
Pesquisa com Usuários Jornada do Usuário: Mapeamento Ensinar como mapear a jornada do usuário em um produto. Identificar pontos de contato e momentos críticos na experiência. 2 Miro/FigJam, FigJam
Pesquisa com Usuários Projeto Prático: Criando uma Jornada do Usuário Mapear a jornada de um usuário específico em um produto. Desenvolver mapas que identifiquem problemas e oportunidades. 2 Miro/FigJam, FigJam
Compreender como a organização do conteúdo afeta a experiência do
Arquitetura da Informação Fundamentos da Arquitetura da Informação Apresentar os conceitos básicos de Arquitetura da Informação 2 Slides, Discussão Guiada
usuário
Arquitetura da Informação Card Sorting: Técnicas Básicas Explicar o uso de card sorting para organizar conteúdo Aplicar técnicas de card sorting para entender a mentalidade do usuário 2 Optimal Workshop, Miro/FigJam
Arquitetura da Informação Projeto Prático: Card Sorting Realizar uma sessão de card sorting com usuários Organizar conteúdos com base na percepção dos usuários 2 Miro/FigJam, Google Forms
Arquitetura da Informação Fluxos de Navegação e Estrutura de Sites Demonstrar como criar fluxos de navegação claros Desenvolver fluxos que otimizem a experiência do usuário 2 FigJam, Miro/FigJam
Arquitetura da Informação Projeto Prático: Criando um Fluxo de Navegação Desenvolver fluxos de navegação para um site ou aplicativo Estruturar informações de forma lógica e acessível 2 FigJam, Figma
Arquitetura da Informação Design de Sistemas de Navegação Apresentar boas práticas para criação de sistemas de navegação Projetar menus e sistemas de navegação eficientes 2 Slides, Figma
Arquitetura da Informação Projeto Prático: Design de Navegação Criar sistemas de navegação para um projeto prático Desenvolver menus claros e acessíveis 2 Figma, Miro/FigJam
Arquitetura da Informação Organização de Conteúdo para Busca Demonstrar como organizar conteúdo para facilitar a busca Criar estruturas que otimizem a busca e a descoberta de conteúdo 2 Miro/FigJam, FigJam
Arquitetura da Informação Projeto Prático: Estruturando Conteúdo Aplicar técnicas de organização para melhorar a usabilidade Organizar conteúdo de forma clara e acessível 2 FigJam, Figma
Explicar a importância da hierarquia de conteúdo na experiência do
Arquitetura da Informação Hierarquia de Conteúdo e Usabilidade Desenvolver hierarquias que melhorem a navegação 2 Slides, Discussão Guiada
usuário
Arquitetura da Informação Projeto Prático: Hierarquizando Conteúdo Criar uma hierarquia de conteúdo para um site ou aplicativo Desenvolver uma estrutura lógica para melhorar a usabilidade 2 Figma, Miro/FigJam
Arquitetura da Informação Testes de Arquitetura de Informação Apresentar como testar a eficácia da arquitetura de informação Avaliar a organização do conteúdo e identificar melhorias 2 Maze, Optimal Workshop
Arquitetura da Informação Projeto Prático: Testes de Arquitetura Realizar testes de arquitetura de informação com usuários Identificar problemas e oportunidades de melhoria 2 Google Forms, Miro/FigJam
Arquitetura da Informação Avaliação Heurística da Navegação Apresentar como realizar uma avaliação heurística Identificar problemas na navegação e sugerir melhorias 2 Ferramentas de Avaliação
Arquitetura da Informação Projeto Prático: Avaliação Heurística Aplicar uma avaliação heurística em um projeto existente Desenvolver um olhar crítico para melhorar a usabilidade 2 Figma, Miro/FigJam
Arquitetura da Informação Design Inclusivo na Arquitetura de Informação Apresentar práticas de design inclusivo Aplicar princípios de design inclusivo na organização do conteúdo 2 Slides, Discussão Guiada
Arquitetura da Informação Projeto Prático: Implementando Design Inclusivo Aplicar práticas de design inclusivo em um projeto Desenvolver soluções de arquitetura que atendam a todos os usuários 2 Figma, Miro/FigJam
Apresentar ferramentas que auxiliam na criação e teste da arquitetura de Slides, Miro/FigJam, Optimal
Arquitetura da Informação Ferramentas para Arquitetura de Informação Selecionar ferramentas adequadas para organizar e testar a informação 2
informação Workshop
Apresentar os diferentes tipos de documentações em design e sua
Documentações Tipos e Importância de Documentações Criar guias claros e completos para design systems, fluxos e pesquisa. 2 Google Docs, Notion
relevância para equipes multidisciplinares.
Estruturar informações de forma clara e acessível para diferentes
Documentações Prática: Criando um Guia Prático Desenvolver uma documentação básica para um protótipo ou fluxo. 2 Figma, Notion
públicos.
Ferramentas de Design Introdução ao Figma Apresentar Figma como ferramenta de prototipagem Utilizar Figma para criar wireframes e protótipos 2 Figma
Ferramentas de Design Figma na Prática Desenvolver wireframes no Figma Traduzir ideias em soluções visuais 2 Figma
Ferramentas de Design Introdução ao Adobe XD Demonstrar as funcionalidades básicas do Adobe XD para prototipagem. Criar wireframes e protótipos interativos de média fidelidade. 2 Adobe XD
Ferramentas de Design Projeto Prático: Prototipagem com Adobe XD Desenvolver um protótipo com funcionalidades avançadas no Adobe XD. Aplicar interatividade e criar fluxos de navegação mais elaborados. 2 Adobe XD
Apresentar os conceitos básicos de composição visual: contraste, Identificar e aplicar os princípios de composição visual em interfaces
Design Visual Fundamentos de Design Visual 2 Slides, Figma
alinhamento, repetição e proximidade (CARP). digitais.
Desenvolver layouts básicos aplicando os princípios de design visual
Design Visual Projeto Prático: Criando Layouts Simples Construir interfaces organizadas e esteticamente equilibradas. 2 Figma
aprendidos.
Explicar como escolher fontes e criar hierarquias visuais claras em
Design Visual Introdução à Tipografia Escolher tipografias adequadas para melhorar legibilidade e estética. 2 Adobe Fonts, Figma
interfaces digitais.
Design Visual Projeto Prático: Aplicando Hierarquia Tipográfica Criar um layout que utilize hierarquias tipográficas para guiar o usuário. Desenvolver layouts que comuniquem mensagens de forma eficaz. 2 Figma
Apresentar como as cores afetam as emoções e comportamentos dos Selecionar paletas de cores para otimizar a usabilidade e criar impacto
Design Visual Teoria das Cores e Psicologia do Design 2 Adobe Color, Figma
usuários. emocional.
Desenvolver paletas de cores aplicadas a um tema específico para uma
Design Visual Projeto Prático: Criando Paletas Visuais Criar combinações de cores que comuniquem o propósito do produto. 2 Adobe Color, Figma
interface.
Demonstrar como criar elementos básicos de interfaces, como botões e
Design Visual Criando Componentes Visuais Simples Produzir componentes reutilizáveis para protótipos. 2 Figma
ícones.
Design Visual Projeto Prático: Desenvolvendo um Sistema de Botões Criar botões estilizados para um sistema de design básico. Criar componentes consistentes e funcionais. 2 Figma
Apresentar como microinterações e animações podem guiar a navegação
Design Visual Motion Design: Introdução Criar animações simples que aumentem a clareza das interações. 2 Lottie, Figma
do usuário.
Design Visual Projeto Prático: Criando Microinterações Desenvolver animações para melhorar a navegação em uma interface. Implementar transições fluidas e microinterações úteis. 2 Figma, Lottie
Apresentar os fundamentos de um Design System e sua aplicação Criar um sistema de design básico para garantir consistência em
Design Visual Design System: Princípios Básicos 2 Figma, Zeroheight
prática. interfaces.
Design Visual Projeto Prático: Construindo um Design System Básico Criar um Design System contendo botões, paletas de cores e tipografia. Documentar e organizar componentes para reutilização. 2 Figma
Design Visual Revisão de Fluxos e Interações Revisar conceitos de fluxo de navegação e conectividade entre telas. Refinar fluxos e garantir uma experiência fluida. 2 Discussão Guiada
Design Visual Projeto Prático: Refinando Fluxos de Navegação Ajustar fluxos e interações com base em feedback e testes. Implementar melhorias em protótipos baseadas em análise crítica. 2 Figma, Adobe XD
Prototipagem Prototipagem de Baixa Fidelidade Ensinar como criar protótipos simples Desenvolver wireframes básicos 2 Figma, Sketch
Prototipagem Criando Protótipo Simples (Prática) Projetar protótipos baseados em pesquisas Traduzir insights em soluções visuais 2 Figma
Prototipagem Testes de Usabilidade Básicos Planejar e realizar testes de usabilidade Identificar problemas de interação 2 Maze
Prototipagem Executando Teste de Usabilidade Testar protótipos com usuários Melhorar protótipos com base no feedback 2 Maze
Demonstrar como conduzir testes com usuários em um ambiente Ferramentas de
Testes e Validações Métodos de Testes Moderados Conduzir sessões de testes e coletar feedback sobre a interface. 2
controlado. Compartilhamento
Ferramentas de
Testes e Validações Projeto Prático: Conduzindo Testes Moderados Realizar um teste de usabilidade moderado com um protótipo simples. Coletar e analisar dados qualitativos sobre a experiência do usuário. 2
Compartilhamento
Explicar como executar testes de usabilidade remotamente utilizando
Testes e Validações Introdução aos Testes Não Moderados Configurar testes automatizados e analisar resultados. 2 Maze, Google Forms
ferramentas específicas.
Realizar um teste não moderado e interpretar métricas como tempo e
Testes e Validações Projeto Prático: Configurando Testes Não Moderados Implementar testes em larga escala com uso mínimo de recursos. 2 Maze, Figma
taxa de sucesso.
Demonstrar como transformar feedback qualitativo e quantitativo em
Testes e Validações Análise de Feedback de Usuários Traduzir dados coletados em soluções de design mais eficazes. 2 Excel, Google Sheets
insights para melhorias de design.
Criar um relatório de análise com propostas de ajustes e melhorias no
Testes e Validações Projeto Prático: Gerando Insights a Partir de Testes Produzir relatórios claros e orientados para ações. 2 Google Docs, Figma
protótipo.
Ensinar como usar heurísticas de Nielsen para identificar problemas de Aplicar heurísticas para avaliar e melhorar a interface antes de testes com
Testes e Validações Introdução à Avaliação Heurística 2 Ferramentas de Avaliação
usabilidade em interfaces. usuários.
Avaliar um protótipo com base em heurísticas de usabilidade e propor Identificar problemas críticos e sugerir soluções com base em padrões de
Testes e Validações Projeto Prático: Realizando uma Avaliação Heurística 2 Figma, Google Docs
melhorias. mercado.
Introduzir os conceitos de acessibilidade e diretrizes como WCAG (Web Identificar barreiras de acessibilidade e aplicar princípios básicos de Slides, WAVE Tool, Discussão
Acessibilidade Fundamentos de Acessibilidade no Design 2
Content Accessibility Guidelines). design inclusivo. Guiada
Avaliar um design existente com ferramentas de verificação de Diagnosticar e corrigir problemas comuns de acessibilidade em
Acessibilidade Prática: Avaliação de Acessibilidade 2 WAVE Tool, Lighthouse
acessibilidade. interfaces.
Explorar boas práticas para criar interfaces acessíveis para pessoas com
Acessibilidade Design Inclusivo: Boas Práticas Planejar e projetar soluções inclusivas para todos os públicos. 2 Figma, Discussão Guiada
deficiências.
Redesenhar uma interface para torná-la mais acessível, usando Implementar ajustes em cor, tipografia e navegação para garantir
Acessibilidade Prática: Criando Interfaces Acessíveis 2 Figma
ferramentas e critérios aprendidos. usabilidade.
Demonstrar como realizar testes de usabilidade focados em Conduzir e interpretar testes com participantes reais para validar Google Forms, Maze,
Acessibilidade Testes de Acessibilidade com Usuários 2
acessibilidade. soluções acessíveis. Entrevistas
Usar ferramentas como screen readers e simuladores de baixa visão para
Acessibilidade Prática: Testando com Ferramentas Identificar e ajustar problemas de navegação e leitura em tempo real. 2 NVDA, JAWS, Simuladores
validar designs.
Demonstrar como organizar informações para apresentações claras e Estruturar apresentações que conectem soluções de design a problemas
Apresentação de soluções Apresentação de Projetos: Estruturação 2 Slides, Figma
impactantes. identificados.
Projeto Prático: Preparando uma Apresentação de Criar slides e materiais visuais para apresentar um protótipo
Apresentação de soluções Preparar apresentações claras e convincentes para stakeholders. 2 Slides, Figma
Protótipo desenvolvido.
Demonstrar como criar animações e transições que tornam Integrar animações em protótipos para melhorar a comunicação de
Apresentação de soluções Motion Design: Apresentações Interativas 2 Figma, Lottie
apresentações mais dinâmicas. ideias.
Projeto Prático: Apresentando Protótipos com Criar transições dinâmicas para melhorar apresentações de soluções de
Apresentação de soluções Engajar stakeholders com apresentações interativas e cativantes. 2 Figma, Adobe XD
Animações design.
Apresentação de soluções Projeto Final: Desenvolvendo e Validando um Protótipo Planejar, prototipar, validar e revisar uma solução completa. Aplicar todas as habilidades aprendidas em um projeto final. 2 Figma, Maze