DESIGN DE INTERAÇÃO - AULA DE APRESENTACAO

Prévia do material em texto

DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
 
Visual Design • Alderlane Aquino 
 
Pós-graduação Fucapi | 2014/2 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• DISCIPLINA 
– Visual Design 
• CARGA HORÁRIA 
– 16 h 
• EMENTA 
– Planejamento e projeto de interface como forma de 
expressão de capacidade de compreensão da 
interação usuário-sistema de informação. Estudo de 
layout, cores, ícones, tipografia e composição. 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• OBJETIVO GERAL 
– Desenvolver conhecimentos teóricos e práticos 
relativos ao desenvolvimento da Identidade Gráfico-
visual e elementos que permeiam o desenvolvimento 
de uma interface. 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• OBJETIVOS ESPECIFICOS 
– Contextualizar o módulo dentro do Projeto E 
– Definir conceito de IGA e sua importância para o 
desenvolvimento de interfaces interativas 
– Explicar a tríade que compõe a Identidade Gráfico-
visual projetada dentro dos parâmetros de design de 
interação 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• OBJETIVOS ESPECIFICOS 
– Apresentar os princípios , estilos e tendências de 
design voltadas para o desenvolvimento de interfaces 
interativas. 
– Explicar como se dá o desenvolvimento dos 
entregáveis da IGA atentando para os padrões de 
especificações de cada plataforma. 
– Aplicar os conhecimento adquiridos na produção de 
entregáveis de IGA. 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• A V ALIAÇÃO 
– Com serei avaliado? 
• Individual (participação e produção) 40 % 
• Equipe (Avaliação dos entregáveis) 60 % 
– Como será a entregar? 
• Apresentação Digital 
 
 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• CONTEÚDO 
– Aula 1 
• Contextualização do módulo no Projeto E 
• IGA - O que é | Qual a importância 
• A tríade oculta entre IGA e Design 
– Aula 2 
• Princípios para um bom design 
• A variedade de Estilos visuais 
• Tendências Visuais 2014 
– Aula 3 
• Os entregáveis da IGA 
• Desenvolvendo entregáveis 
– Aula 4 
• Desenvolvendo entregáveis 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
 
Em que baseamos nossas 
avaliações preliminares? 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
FEIJÃO COM ARROZ 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
FEIJÃO COM ARROZ 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
 
HAMBURGER 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
HAMBURGER 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• CONTEXTUALIZAÇÃO DO MÓDULO NO 
PROJETO E 
 
• IGA - O QUE É | QUAL A IMPORTÂNCIA 
 
• A TRÍADE OCULTA ENTRE IGA E DESIGN 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
– Estética 
• Visual design. Plano que engloba todos objetivos dos outros planos 
 
– Esqueleto 
• Refinar a estrutura identificando aspectos da interface, navegação e 
design de informação 
 
– Estrutura 
• Conceber e desenvolver 
 
– Escopo 
• Definir as características e funcionalidades 
 
– Estratégia inicial 
• Determinar a estratégia do projeto 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
– Estética 
• Visual design. Plano que engloba todos objetivos dos outros planos 
 
– Esqueleto 
• Refinar a estrutura identificando aspectos da interface, navegação e 
design de informação 
 
– Estrutura 
• Conceber e desenvolver 
 
– Escopo 
• Definir as características e funcionalidades 
 
– Estratégia inicial 
• Determinar a estratégia do projeto 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• Define os elementos gráficos visuais que compõe a 
interface 
– ESTETICAMENTE BEM RESOLVIDO 
– EQUILIBRADO 
– GEOMETRICAMENTE HARMONIOSO 
 
– “ Em pesquisa, usuários do Japão e Israel, consideraram 
que produtos com uma boa estética, são 25% mais fáceis 
e mais interessantes que seus similares” 
– Norman (2008) 
 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
Para o usuário a interface é o produto 
Levy (2001) 
 
 
 
Melhor for a ESTÉTICA 
 
Maior possibilidade de SUCESSO do produto 
 
USABILIDADE ESTÉTICA   
= 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
EFICÁCIA ser eficaz no uso; 
 
EFICIÊNCIA ser eficiente no uso; 
 
SEGURANÇA ser seguro no uso; 
 
 
UTILIDADE ser de boa utilidade; 
 
APRENDIZADO ser fácil de aprender; 
 
MEMORIZAÇÃO ser fácil de lembrar como se usa. 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
IDG 
USUÁRIO 
USABILIDADE 
CONTEXTO 
DESIGN 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• MARTINS, Rosane Fonseca de Freitas; LINDEN, Júlio Castelo 
de Souza Van Der. Pelos caminhos do design: metodologia 
de projeto. Londrina: EDUEL, 2012. 
 
• PREECE, Jennifer; ROGERS, Yvonne; SHARP, Helen; Design 
de interação : além da interação homem-computador . 
tradução: Viviane Possamai. Porto Alegre : Bookman, 2013. 
 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• CONTEÚDO 
– Aula 1 
• Contextualização do módulo no Projeto E 
• IGA - O que é | Qual a importância 
• A tríade oculta entre IGA e Design 
– Aula 2 
• Princípios para um bom design 
• A variedade de Estilos visuais 
• Tendências Visuais 2014 
– Aula 3 
• Os entregáveis da IGA 
• Desenvolvendo entregáveis 
– Aula 4 
• Desenvolvendo entregáveis 
DESIGN DE INTERAÇAO . VISUAL DESIGN . Alderlane Aquino | Pós-graduação FUCAPI . 2014/2 
• CONTEÚDO 
– Aula 1 
• Contextualização do módulo no Projeto E 
• IGA - O que é | Qual a importância 
• A tríade oculta entre IGA e Design 
– Aula 2 
• Princípios para um bom design 
• A variedade de Estilos visuais 
• Tendências Visuais 2014 
– Aula 3 
• Os entregáveis da IGA 
• Desenvolvendo entregáveis 
– Aula 4 
• Desenvolvendo entregáveis