mestrado design de produto
pós ergonomia usabilidade
pós em comunicação
graduação em design gráfico
webdesigner nov/2008 a ago 2009
gerente de projeto dez/2008 a jul/2008
gerente dos webdesigners out/2004 a set/2006
diretora da agência jan/1999 a jul/2003
design gráfico house anglo americano 1995
sócia e diretora de arte desde jul/1995
professora da graduação publicidade e propaganda
fev/1999 à jul/2004
professora da pós-graduação webdesign 2007
professora da graduação design digital desde 2007
professora da graduação publicidade e propaganda
jul/2008 à fev/2009
professora das graduações redes e sistemas 2009
professora da pós-graduação ergonomia e usabilidade 2009
curriculum vitae
01 . 16
professora desde ago/2009
gerações de site
02 . 16
gerações de concepção de site
03 . 16
são três os estilos de site | design na internet atualmente;
primeira geração
segunda geração
terceira geração
não são fases da web, mas estilos de design e edição que convivem no mesmo espaço virtual!
primeira geração
04 . 16
estruturalismo
caracteristicas principais
réguas horizontais;
muitos elementos horizontais;
textos grandes, complexos e exibidos em linhas grandes;
limitado pela infra-estrutura original da internet.
www.canecao.com.br eXEmPLO
05 . 16
www.culturabrasil.pro.br eXEmPLO
06 . 16
segunda geração
07 . 16
estruturalismo + design
características principais
similaridade | sites muito parecidos e previsíveis;
hierarquia | organização estrutural complexa;
horizontalidade | ainda com muitos elementos horizontais;
simetria | equilíbrio visual baseado na simetria entre os elementos das páginas;
excesso de imagens e luzes.
www.terra.com.br eXEmPLO
08 . 16
www.terra.com.br eXEmPLO
09 . 16
terceira geração
10 . 16
estruturalismo + design + design + design + design + design
caracteristicas principais
programação visual | equilíbrio visual das cores e disposição artística dos elementos;
interface limpa | baseada na importância de uma navegabilidade segura do usuário | interatividade;
otimização | acesso rápido, eficiente e com tempo de visitação otimizado;
galerias de informação | maior número de páginas com menos informação exibida em cada uma delas.
www.nike.com.br eXEmPLO
11 . 16
eXEmPLO www.cocacola.com.br
12 . 16
eXEmPLO www.eye4u.com.br
13 . 16
SaTISfaÇÃo fácil de usar
15|17
14 . 16
encontre 2 sites de terceira geração que utilizem metáforas; descreva-as e justifique;
encontre 2 sites que tenham características de segunda geração, justifique;
encontre 2 sites que misture características da segunda e terceira geração, justifique.
* em dupla!
ExerCíciO
16|17
gerações de concepção de site
15 . 16