O Curso Especializado de User Interface Design e User Experience introduz e consolida processos e metodologias que visam melhorar a experiência e a interação entre o utilizador e o produto digital.
Este curso tem como objetivos:
Com este Curso Especializado em UI e UX Design, damos a oportunidade de conhecer todos os componentes e processos associados ao design de produtos e plataformas digitais, bem como as considerações a ter nas melhores práticas da área.
Destinatários
Este curso destina-se a todos os interessados em adquirir ou aprofundar conhecimentos no campo da Experiência do Utilizador e Design de Interação: Gestores de Projeto, Designers Gráficos, Profissionais ligados ao Marketing e Comunicação.
Pré-Requisitos
Conhecimentos de sistema operativo (Windows ou MacOS) na ótica do utilizador. Conhecimentos básicos de ferramentas gráficas é preferencial, mas não obrigatório. Gosto e apetência pela área de design de produto digital.
Programa
- Fundamentos de UX/UI Design (12h)
- User Research (9h)
- Arquitetura de Informação (9h)
- Visual Design (9h)
- Criação Mockups Sketch (15h)
- Desenho e Prototipagem com Invision (21h)
- Design de Interação (21h)
- User Testing (6h)
- Projeto Prático (18h) (excepto nas edições da Campanha de Verão)
Fundamentos de UX/UI Design
- Introdução à User Experience.
- O que é?
- Elementos da User Experience
- UX princípios básicos e factores que contribuem para uma boa experiência
- Ux vs Ui
- Objetivos do Utilizador vs. Objetivo de Negócio
- O que é a Usabilidade
- Princípios de Design
- Aspectos de Usabilidade para melhoraria de UI
- Avaliação Heuristica
User Research
- Concepção do produto
- Competitor Analysis
- Entrevistas
- Personas
- User Stories
- Customer Experience Maps
Arquitetura de Informação
- Card Sorting – O que é e como conduzir um card sorting
- Desenho de AI – Estrutura e relação de dados
- Validação de AI com utilizadores
- Site Map
Visual Design
- Tendências (menus, navegação, flat, material desig )
- O processo de design em meio digital
- Displays e Dispositivos (ecrã, smartphone, tablet) dimensões e margens de segurança.
- Os elementos de design (branding e coerência da linguagem gráfica: marca, cores, icons, fontes)
Criação de Mockups com Sketch
- Introdução ao Sketch
- Ambiente de trabalho e ferramentas
- Design Libraries
- Protipagem
- Criação écrans de alta fidelidade
- Criação de Assets
- Ui Kits
- Produção e Integração com InVision
Desenho e Prototipagem com Invision
- Fundamentos Wireframing
- Bases Brainstorming e desenho rápido de ideias
- Definição de flows, estrutura e layout da aplicação
- Prototipagem rápida protótipos de papel, protótipos de páginas e/ou componentes (balsamiq, keynote, etc)
- Angariação de feedback e propostas iterativas.
- Integração com Sketch
- Wireframes Vs Protótipos interativos
- Criação Protótipos interativos
- Produção e integração
Design de Interação
- O que é UI?
- Moodboards, Wireframes, Frameworks
- Interação (Formulários, Botões e Indicadores Visuais)
- Navegação Mobile / Taxonomia dos Gestos
- Responsive & Adaptative Web Design
User Testing
- Tipos de testes com utilizadores.
- Ferramentas e exemplos.
- Finalização Visual Design e Ready for Production
- A/B testing – ferramentas e vantagens.
- Métricas e análise de conversão
Projeto Prático
- Ui Kits, Styleguides, moods, identidade visual
- Hierarquia Visual
- Peso visual, contraste e profundidade
- Preparação de protótipo para desenvolvimento
