Curso User Interface Design

No curso de UI User Interface Design você vai aprender a criar interfaces intuitivas seguindo os princípios do design centrado no usuário. Ao final do curso, você vai apresentar o seu projeto de UI Design criado durante o curso.

Para fazer o curso de UI design, é necessário que você tenha habilidades com o Figma ou ter concluído o nosso curso de Figma.

O que você aprenderá no curso UI User Interface Design

• Compreender os princípios do design centrado no usuário
• Como construir interfaces visuais intuitivas e impressionantes usando as melhores ferramentas
• Aplicar as melhores práticas de design visual e acessibilidade
• Criar um projeto de UI Design seguindo todos os critérios de acessibilidade, layout, cores e interação

Conteúdo do curso de UI User Interface Design

[AULA 1] Interface do usuário

User Interface (UI) x User Experience (Ux); Interfaces Físicas e Interfaces Comunicacionais; Estudos de Cases Nacionais e Internacionais; Interatividade; Limitações do Usuário e Limitações Técnicas/Tecnológicas; Pesquisa em Design de Interface; Benchmarking; Organização de Fluxos para Navegação; Menu Protótipo; Conexão de Interfaces; Referências Bibliográficas. Apresentação do Projeto de User Interface a ser Desenvolvido ao longo das aulas; Escolha do Briefing.

[AULA 2] Arquitetura da informação em UI design

Estudo Aprofundado da Arquitetura da Informação; o Layout e a Arquitetura da Informação; Oficina de Pesquisa e Geração de Alternativas no Figma para o Projeto de UI.

[AULA 3] Mobile, app e site desktop (Mobile First)

Elementos: Cabeçalho, Rodapé, Texto, Imagens, Imagem de Fundo, Tabelas, Vídeos, Menus; Templates e CMS WordPress, Estrutura; Layout e Funções; Layout Responsivo; Layout Adaptativo. Desenvolvimento do Moodboard para o Projeto de User Interface e Estudo de Estrutura do Site Mobile.

[AULA 4] Composição, alinhamento e grid

Ordem de Leitura; Grids; A importância dos Espaços Vazios; Noções de Diagramação: Títulos, Subtítulos, Texto, Espaçamento, Fontes, Peso da Fonte, WebFonts, O que não fazer. Oficina.

[AULA 5] Grids para UI design

Grids; Estudos da Usabilidade de Grids em UI. Oficina de Pesquisa e Geração de Alternativas no Figma.

[AULA 6] Web colors e tipografia para UI design

Cores Hexadecimais e RGB; Composições para Web: Harmonia, Contraste, Cores Utilizadas por Segmento, Legibilidade; Criação de Paletas de Cores; Apresentação de Plugins Acessibilidade no Figma, Stark; Tipografia; Estudo de Tipografia para Web. Oficina do Figma: Explorar Paletas de Cores e Desenvolver Estudo Tipográfico no Layout do Projeto de User Interface.

[AULA 7] Iconografia e ilustração para UI

Ícones; Tipos de Ícones; Apresentação de Diferentes Propostas de Iconografia; Estudos da Usabilidade de Ícones em UI; Ilustração em Sites Web, Mobile e Apps; Cases de Sucesso; Desafios; Oportunidades; Estudos da Usabilidade da Ilustração em UI; Apresentação de Bibliotecas de Ilustração Pagas e Gratuitas; Edição de Ilustrações de Bibliotecas; Direitos Autorais de Bibliotecas. Oficina de Pesquisa e Geração de Alternativas no Figma.

[AULA 8] Usabilidade

Boas Práticas para Interfaces Digitais: Clareza, Consistência, Autonomia, Feedback, Tolerância; Guidelines Windows e IOs; Design Responsivo; Acessibilidade; As Heurísticas de Nielsen; Aplicação das Análises Heurísticas. Exercício: Discussão – Diferenças de Aplicação entre Diferentes Dispositivos – Atividade de Análise de Sites Apontando Erros e Acertos.

[AULA 9] Prototipagem e avaliação

Importância e Ferramentas da Prototipagem; Low Fidelity Prototyping. Oficina: Planejamento da Tarefa, Jornada do Usuário, Oficina de Desenvolvimento de Projeto de UI.

[AULA 10] Oficina: Projeto de UI Design

Continuação do Desenvolvimento de Layout no Figma para o Projeto de User Interface; Verificação e Adaptação para Responsividade.

[AULA 11] Oficina: Projeto de UI Design

Continuação do Desenvolvimento de Layout no Figma para o Projeto de User Interface; Verificação e Adaptação para Responsividade.

[AULA 12] Finalização e apresentação do projeto

Finalização do Projeto de UI, Apresentação e Considerações.

User Interface Design também é um dos módulos da grade curricular do curso UI/UX Design.