Please enable JavaScript.
Coggle requires JavaScript to display documents.
DESIGN DE INTERAÇÃO - Coggle Diagram
DESIGN DE
INTERAÇÃO
INTERFACE HUMANO-
COMPUTADOR
Nubank
Uber
Telecine
Interface
Design de Interface
Botões
Inputs
Links
Imagens
Textos
INTERAÇÃO, INTERATIVIDADE E
PERCEPÇÃO
Formas de interação com o computador
Usuário como computador
Parceiro de discussão
Mídia
Ferramenta
Sistemas interativos da imagem
Hardware, através de botões físicos, teclado, mouse, câmeras, e touch screens
Software, através de feedbacks de botões ou links que mudam de cor perante uma ação,
caixas de diálogo, alertas, áreas habilitadas ou desabilitadas.
Percepção
Fatores internos
Intensidade
Contraste
Movimento
Incongruência
Fatores externos
Motivação
Experiência
Fenômeno social
Outros Fatores
Profundidade
Ambiental
Tipos de percepções
Visual
Olfativa
Auditiva
gustativa
tátil
Temporal
PRINCÍPIOS DE GESTALT
Proximidade
Semelhança ou Similaridade
Continuidade
Fechamento
Segregação ou Figura-Fundo
Unidade ou Região Comum
Ponto Focal
ANÁLISE E PLANEJAMENTO
Protótipos
Design conceitual
Design físico
Ferramenta para prototipação Whimsical
Framework
Cognição distribuída
PACT
• Contextos
Contexto organizacional
contexto social
Tecnologias
Entrada
Saida
Linguagem e ação
Bootstrap
DESENVOLVIMENTO DE
INTERFACES
Aplicativos móveis
Tabs/Abas
Carrossel
Dashboards
Menu suspenso
• Lista
Sites Web
Formas de navegação
Menu
Trilhas de migalhas de pão
Árvore de navegação
Abas
Próximo passo
Paginação
LINGUAGENS DE PROGRAMAÇÃO
CSS
HTML
Vue.JS
Angular.JS
React.JS e React-Native