design de interfaces
TRANSCRIPT
- 1. DESIGN DE INTERFACES 2017/1 - DESIGN UNIVALI TOPO DO ICEBERG
- 2. NA LTIMA AULA...
- 3. REQUISITOS DE PROJETO ARQUITETURA DE INFORMAO SKETCH WIREFRAME ELEMENTOS DE UI
- 4. 02 - 13/03/2017 o2Histria do Design de interfaces e consideraes bsicas de UI
- 5. 1. TIPOS DE INTERFACES 2. HARDWARE VS INTERFACE 3. SOFTWARE VS INTERFACE 4. HISTRIA DA WEB 5. GUERRA DOS BROWSERS
- 6. INTERFACES FSICAS 02 - 13/03/2017
- 7. 02 - 13/03/2017
- 8. INTERFACES NATURAIS
- 9. INTERFACES INVISVEIS
- 10. CORNING https://www.youtube.com/watch?v=jzLYh3j6xn8#t=329.102410303
- 11. DESIGN INTERFACES SOFTWARES
- 12. 1970 Hardware Software Experience 1980 2000 THE THIRD WAVE OF THE INFORMATION AGE ERIC SCHAFFE, HUMAN FACTORS INTERNATIONAL
- 13. Histria
- 14. A histria da interface grca do usurio acompanha a evoluo tecnolgica. Tambm est ligada matemtica e guerra.
- 15. EVOLUO DA INFORMTICA https://www.youtube.com/watch?v=Sx1Z_MGwDS8
- 16. A era dos pr-computadores eletrnicos caracteriza-se por dispositivos de input e output e que desempenhavam funes relacionadas com clculo
- 17. Haviam cinco conceitos modernos: entrada de dados, armazenamento, processador, unidade de controle, dispositivo de sada
- 18. O desenvolvimento tecnolgico durante o sculo XX at a chegada das primeiras interfaces levaram construo de computadores cada vez menores
- 19. WHIRLWIND 1949
- 20. Foi o primeiro computador com capacidade de realizar clculos de forma digital e represent-los diretamente em uma tela.
- 21. SKETCHPAD 1962 Pioneiro em geradores de cenas para simuladores de avies militares e comerciais.
- 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. DYNABOOK 1960 Embrio do laptop e tablets
- 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. MOUSE 1968 Douglas Engelbart
- 26. Salto em direo ao que conhecemos hoje, essa inveno possibilitou a manipulao direta do usurio na interface grfica.
- 27. DVIDAS?
- 28. Fonte das imagens: https://judsonmaria.wordpress.com/2010/09/20/a-evolucao-dos-sistemas-operacionais/
- 29. TUDO CERTO POR A?
- 30. ERA DA INFORMAO Fonte: Eduardo novais (http://bit.ly/2mu41Np)
- 31. 1963
- 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. Vislumbrava o computador como uma mquina fcil de usar, divertida e que tivesse uma interface com imagem e som THEODORE HOLM NELSON
- 34. Essa mudana diz respeito forma em que a informao era pensada. Em princpio, se pensava em informao estanque, depois, em informao compartilhada.
- 35. Ted Nelson observava tambm os jogos de video-game como uma experincia com alto grau de imerso por parte do usurio PITFAL
- 36. ENTRETENIMENTO Os jogos de arcade, como o Pong, foram a primeira forma de utilizao exclusiva do computador para puro entretenimento
- 37. A internet surgiu a partir de pesquisas militares no auge da Guerra Fria, mas...
- 38. ...o somente em 1989 o cientista Tim Berners-Lee, do CERN, criou a World Wide Web
- 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. 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. MOSAIC - NSA
- 42. NETSCAPE
- 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. SEMELHANAS
- 45. O QUE VIMOS HOJE?
- 46. 1. TIPOS DE INTERFACES 2. HARDWARE VS INTERFACE 3. SOFTWARE VS INTERFACE 4. HISTRIA DA WEB 5. GUERRA DOS BROWSERS
- 47. Entre tantas coisas legais no podemos esquecer da gente
- 48. Lanamento do tema projetual e explicao de como ser o desenvolvimento (separao das equipes) PRXIMA AULA
- 49. #vamoquevamo [email protected]