O documento discute a transição do design de interfaces gráficas de usuário de estilos mais realistas e ornamentados para estilos mais minimalistas e planos. Apresenta a história do desenvolvimento das interfaces, desde a demonstração do mouse por Doug Engelbart até o surgimento do estilo "flat design". Argumenta que as novas gerações cresceram organicamente no mundo digital e interfaces mais simples e diretas fazem mais sentido para elas.

1. Flat Design e a
Re-Cultura da
Interface
//UX.BLOG

2. Trabalha há nove anos com projetos nas áreas de
usabilidade, interface, interação, criação e web standards.
É curador da área de Design da Campus Party Brasil.
www.uxdesign.blog.br
www.twitter.com/eduagni
www.linkedin.com/in/eduagni
//UX.BLOG
Edu Agni / UX Designer no iMasters

3. Em 1968, Doug Engelbart fez a
demonstração de um produto no San
Franscisco Civic Auditorium que mudou o
curso da história...

4. O Mouse

5. Cultura da Interface

6. Mapeamento de Bits e o
Espaço Informação

7. Dados passam a ter uma localização física
e uma localização virtual, sendo
manipulados diretamente pelo usuário.

9. Interface: zona entre o meio
e a mensagem

10. Essas metaformas, esses mapeamentos
de bits virão para ocupar praticamente
todas as facetas da sociedade
contemporânea: trabalho, divertimento,
amor, família, arte elevada, cultura
popular, política.

11. Skeumorfismo
Ornamento físico, desenho ou técnica
sobre um objeto feito para se parecer com
um outro material ou técnica.

14. O desktop começa com a descoberta da
metáfora do escritório e em seguida
examina as dificuldades da representação
da vida social nessa moldura limitada.

21. The Anti-Mac Interface
1996 - Don Gentner e Jacob Nielsen

22. O artigo The Anti-Mac Interface viria a
inspirar designers da geração seguinte e
revolucionar a forma como nós
interagimos com nossos computadores.

23. Realidade
Delegação
Descrever e comandar
Diversidade
Representar significado
Controle compartilhado
Sistema lida com detalhes
Modelar ações do usuário
Variedade gráfica
Sugestões ricas
Metáforas
Manipulação Direta
Ver e apontar
Consistência
WYSIWYG
Controle do usuário
Feedback e diálogo
Remissão
Integridade estética
Janelas restritivas
Anti-macMac x
The Mac and Anti-Mac
design principles

24. O design de Interfaces vem se
aproximando da tendência de um
design mais simples, minimalista,
responsivo e vetorial.

26. Flat Design
Design sem utilização de Skeumorfismo e
elementos tridimensionais como
gradientes e sombreamentos.

30. Flat Design
★ Minimalista
★ Cores chapadas
★ Tipografia nítida
★ Bons contrastes
★ Fácil compreenção

33. Windows Phone x Windows 8

34. iOS 7 x OS X Mavericks

35. As metáforas de hoje são outras.
Asnovasgeraçõessãoorganicamentedigitais.
Cada vez mais, o menos é mais.

36. Algumas referências
★ Livro: Cultura da Interface, de Steven Johnson
★ The Anti-Mac Interface (http://bit.ly/XC4lc3)
★ The Floppy Disk means Save, and 14 other old people Icons that don't make sense
anymore (http://bit.ly/IDt0nn)
★ Skeumorfismo, uma análise (http://bit.ly/16Dp7fe)
★ Flat Design x Skeuomorfismo: tendência ou necessidade? (http://bit.ly/14lrKBC)
//UX.BLOG

37. Edu Agni / UX Designer no iMasters
www.uxdesign.blog.br
www.twitter.com/eduagni
www.linkedin.com/in/eduagni
//UX.BLOG
Obrigado ;)