Fundamentos de UX/UI Design

• Definição de user experience e user interface
• Elementos da user experience
• Princípios básicos de user experience
• Factores de sucesso de uma experiência digital
• Objetivos do utilizador vs. objetivo de negócio
• Definição de usabilidade
• Avaliação heuristica
• Acessibilidade

User Research

• Definição de user research
• Entrevistas
• Questionários
• Personas
• User stories
• Customer experience map
• Estudos etnográficos/observação

Arquitetura de informação

• Definição de arquitectura de informação
• Definição de taxonomia
• Estratégia de conteúdos
• Card Sorting (analógico e digital)
• Site map
• Definição de user flows
• Tree testing
• Ferramentas digitais (Optimal Workshop)

Visual Design

• Procura e identificação de referências visuais
• Moodboards
• Brainstorming
• Principios do visual design
• Elementos fundamentais do visual design (cor, tipografia, estilos de texto, iconografia, ilustração, fotografia, etc.)
• Grelhas
• Design system
• Tendências do design digital

Prototipagem com Sketch

• Definição do conceito de prototipagem (baixa fidelidade — esquiço ou wireframes — alta fidelidade e interactiva)
• Fundamentos wireframing
• Ferramentas de desenho digital
• Comparação com outras ferramentas
• Opções básicas do Sketch (the interface, layer basics, shapes, vector editing, text, images, grouping layers, styling, canvas e preferences)
• Opções avançadas do Sketch (text styles, layer styles, symbols e nested symbols)
• Plugins no Sketch
• Sketch mirror
• Opções de exportação e criação de assets
• Passagem de protótipos para desenvolvimento com Zeplin
• Criação de styleguides

Prototipagem interactiva com Invision

• Criação de protótipos em Invision
• Introdução ao Invision (preview mode, build mode, comment mode, inspect mode e history mode)
• Partilha de protótipos através de Invision
• Processos iterativos de trabalho e angariação de feedback
• Plugin do Invision para Sketch (Craft)
• Invision Design System Manager

Design de interação

• Definição de design interactivo
• Principios de interacção
• Principios de animação para digital product design
• Definição de responsive design
• Taxonomia dos gestos
• Desenho de processos interactivos simples (login, registos, preenchimento de formulários, etc.)
• Ferramentas digitais de prototipagem interactiva
• Prototipagem interactiva com Sketch

User testing

• Definição de user testing
• Tipos de testes com utilizadores (qualitativos e quantitativos)
• Testes de usabilidade (planeamento, realização e análise)
• A/B testing
• Métricas e análise de conversão
• Ferramentas (Google Analytics, Hotjar, etc.)

Projeto prático UX & UI