1. 1. DESIGN DE INTERFACES 2017/1 - DESIGN UNIVALI TOPO DO ICEBERG
2. 2. NA LTIMA AULA...
3. 3. REQUISITOS DE PROJETO ARQUITETURA DE INFORMAO SKETCH WIREFRAME ELEMENTOS DE UI
4. 4. 02 - 13/03/2017 o2Histria do Design de interfaces e consideraes bsicas de UI
5. 5. 1. TIPOS DE INTERFACES 2. HARDWARE VS INTERFACE 3. SOFTWARE VS INTERFACE 4. HISTRIA DA WEB 5. GUERRA DOS BROWSERS
6. 6. INTERFACES FSICAS 02 - 13/03/2017
7. 7. 02 - 13/03/2017
8. 8. INTERFACES NATURAIS
9. 9. INTERFACES INVISVEIS
10. 10. CORNING https://www.youtube.com/watch?v=jzLYh3j6xn8#t=329.102410303
11. 11. DESIGN INTERFACES SOFTWARES
12. 12. 1970 Hardware Software Experience 1980 2000 THE THIRD WAVE OF THE INFORMATION AGE ERIC SCHAFFE, HUMAN FACTORS INTERNATIONAL
13. 13. Histria
14. 14. A histria da interface grca do usurio acompanha a evoluo tecnolgica. Tambm est ligada matemtica e guerra.
15. 15. EVOLUO DA INFORMTICA https://www.youtube.com/watch?v=Sx1Z_MGwDS8
16. 16. A era dos pr-computadores eletrnicos caracteriza-se por dispositivos de input e output e que desempenhavam funes relacionadas com clculo
17. 17. Haviam cinco conceitos modernos: entrada de dados, armazenamento, processador, unidade de controle, dispositivo de sada
18. 18. O desenvolvimento tecnolgico durante o sculo XX at a chegada das primeiras interfaces levaram construo de computadores cada vez menores
19. 19. WHIRLWIND 1949
20. 20. Foi o primeiro computador com capacidade de realizar clculos de forma digital e represent-los diretamente em uma tela.
21. 21. SKETCHPAD 1962 Pioneiro em geradores de cenas para simuladores de avies militares e comerciais.
22. 22. Primeira interface aplicada ao desenho, o incio do Computer-aided design, abriu caminho para uma conceituao diferente da interface e das relaes entre pessoas e computadores.
23. 23. DYNABOOK 1960 Embrio do laptop e tablets
24. 24. Uma plataforma criada para um computador pessoal usando sistema de orientao grca dentro da interface e fcil de usar por alunos de educao primria
25. 25. MOUSE 1968 Douglas Engelbart
26. 26. Salto em direo ao que conhecemos hoje, essa inveno possibilitou a manipulao direta do usurio na interface grfica.
27. 27. DVIDAS?
28. 28. Fonte das imagens: https://judsonmaria.wordpress.com/2010/09/20/a-evolucao-dos-sistemas-operacionais/
29. 29. TUDO CERTO POR A?
30. 30. ERA DA INFORMAO Fonte: Eduardo novais (http://bit.ly/2mu41Np)
31. 31. 1963
32. 32. HYPERTEXT O termo referia-se a um acmulo de de informa- es ou escrita, unidas de forma no-sequncial, mas horizontal, que permitia ao usurio buscar informaes com maior liberdade, gerando seu prprio contedo.
33. 33. Vislumbrava o computador como uma mquina fcil de usar, divertida e que tivesse uma interface com imagem e som THEODORE HOLM NELSON
34. 34. Essa mudana diz respeito forma em que a informao era pensada. Em princpio, se pensava em informao estanque, depois, em informao compartilhada.
35. 35. Ted Nelson observava tambm os jogos de video-game como uma experincia com alto grau de imerso por parte do usurio PITFAL
36. 36. ENTRETENIMENTO Os jogos de arcade, como o Pong, foram a primeira forma de utilizao exclusiva do computador para puro entretenimento
37. 37. A internet surgiu a partir de pesquisas militares no auge da Guerra Fria, mas...
38. 38. ...o somente em 1989 o cientista Tim Berners-Lee, do CERN, criou a World Wide Web
39. 39. Tudo comeou quando Berners-Lee escreveu um documento apresentando uma proposta de gesto da informao divulgando-a por meio de um sistema de hipertexto
40. 40. O advento da internet modicou completamente a nossa forma de interagir. Eram as ideias de Ted Nelson em estado latente, com isso surgiu a guerra dos navegadores...
41. 41. MOSAIC - NSA
42. 42. NETSCAPE
43. 43. Guerra dos Browsers foi o nome dado a um perodo (1995 a 1999) na histria da Internet no qual a Netscape perde a sua liderana absoluta no mercado para a Microsoft e o Internet Explorer
44. 44. SEMELHANAS
45. 45. O QUE VIMOS HOJE?
46. 46. 1. TIPOS DE INTERFACES 2. HARDWARE VS INTERFACE 3. SOFTWARE VS INTERFACE 4. HISTRIA DA WEB 5. GUERRA DOS BROWSERS
47. 47. Entre tantas coisas legais no podemos esquecer da gente
48. 48. Lanamento do tema projetual e explicao de como ser o desenvolvimento (separao das equipes) PRXIMA AULA
49. 49. #vamoquevamo patricia@ideativodesign.com.br