Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Design de interfaces

214 Aufrufe

Veröffentlicht am

História e evolução do design de interfaces e algumas considerações de user interface.

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

Design de interfaces

  1. 1. DESIGN DE INTERFACES 2017/1 - DESIGN UNIVALI TOPO DO ICEBERG
  2. 2. NA ÚLTIMA AULA...
  3. 3. REQUISITOS DE PROJETO ARQUITETURA DE INFORMAÇÃO SKETCH WIREFRAME ELEMENTOS DE UI
  4. 4. 02 - 13/03/2017 o2História do Design de interfaces e considerações básicas de UI
  5. 5. 1. TIPOS DE INTERFACES 2. HARDWARE VS INTERFACE 3. SOFTWARE VS INTERFACE 4. HISTÓRIA DA WEB 5. GUERRA DOS BROWSERS
  6. 6. INTERFACES FÍSICAS 02 - 13/03/2017
  7. 7. 02 - 13/03/2017
  8. 8. INTERFACES NATURAIS
  9. 9. INTERFACES INVISÍVEIS
  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. História
  14. 14. A história da interface gráfica do usuário acompanha a evolução tecnológica. Também está ligada à matemática e à guerra.
  15. 15. EVOLUÇÃO DA INFORMÁTICA https://www.youtube.com/watch?v=Sx1Z_MGwDS8
  16. 16. A era dos pré-computadores eletrônicos caracteriza-se por dispositivos de input e output e que desempenhavam funções relacionadas com cálculo 
  17. 17. Haviam cinco conceitos modernos: entrada de dados, armazenamento, processador, unidade de controle, dispositivo de saída
  18. 18. O desenvolvimento tecnológico durante o século XX até a chegada das primeiras interfaces levaram à construção de computadores cada vez menores 
  19. 19. WHIRLWIND 1949
  20. 20. Foi o primeiro computador com capacidade de realizar cálculos de forma digital e representá-los diretamente em uma tela.
  21. 21. SKETCHPAD 1962 Pioneiro em geradores de cenas para simuladores de aviões militares e comerciais.
  22. 22. Primeira interface aplicada ao desenho, o início do Computer-aided design, abriu caminho para uma conceituação diferente da interface e das relações entre pessoas e computadores.
  23. 23. DYNABOOK 1960 Embrião do laptop e tablets
  24. 24. Uma plataforma criada para um computador pessoal usando sistema de orientação gráfica dentro da interface e fácil de usar por alunos de educação primária
  25. 25. MOUSE 1968 Douglas Engelbart
  26. 26. Salto em direção ao que conhecemos hoje, essa invenção possibilitou a manipulação direta do usuário na interface gráfica.
  27. 27. DÚVIDAS?
  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 INFORMAÇÃO Fonte: Eduardo novais (http://bit.ly/2mu41Np)
  31. 31. 1963
  32. 32. HYPERTEXT O termo referia-se a um acúmulo de de informa- ções ou escrita, unidas de forma não-sequêncial, mas horizontal, que permitia ao usuário buscar informações com maior liberdade, gerando seu próprio conteúdo.
  33. 33. Vislumbrava o computador como uma máquina fácil de usar, divertida e que tivesse uma interface com imagem e som THEODORE HOLM NELSON
  34. 34. Essa mudança diz respeito à forma em que a informação era pensada. Em princípio, se pensava em informação estanque, depois, em informação compartilhada.
  35. 35. Ted Nelson observava também os jogos de video-game como uma experiência com alto grau de imersão por parte do usuário PITFAL
  36. 36. ENTRETENIMENTO Os jogos de arcade, como o Pong, foram a primeira forma de utilização 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 começou quando Berners-Lee escreveu um documento apresentando uma proposta de gestão da informação divulgando-a por meio de um sistema de hipertexto
  40. 40. O advento da internet modificou 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 período (1995 a 1999) na história da Internet no qual a Netscape perde a sua liderança absoluta no mercado para a Microsoft e o Internet Explorer
  44. 44. SEMELHANÇAS
  45. 45. O QUE VIMOS HOJE?
  46. 46. 1. TIPOS DE INTERFACES 2. HARDWARE VS INTERFACE 3. SOFTWARE VS INTERFACE 4. HISTÓRIA DA WEB 5. GUERRA DOS BROWSERS
  47. 47. Entre tantas coisas legais não podemos esquecer da gente 
  48. 48. Lançamento do tema projetual e explicação de como será o desenvolvimento (separação das equipes) PRÓXIMA AULA
  49. 49. #vamoquevamo patricia@ideativodesign.com.br

×