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

1. DESIGN DE
INTERFACES
2017/1 - DESIGN UNIVALI
TOPO DO ICEBERG

2. NA ÚLTIMA AULA...

4. REQUISITOS DE PROJETO
ARQUITETURA DE INFORMAÇÃO
SKETCH
WIREFRAME
ELEMENTOS DE UI

5. 02 - 13/03/2017
o2História do Design de interfaces
e considerações básicas de UI

6. 1. TIPOS DE INTERFACES
2. HARDWARE VS INTERFACE
3. SOFTWARE VS INTERFACE
4. HISTÓRIA DA WEB
5. GUERRA DOS BROWSERS

7. INTERFACES
FÍSICAS
02 - 13/03/2017

8. 02 - 13/03/2017

9. INTERFACES
NATURAIS

11. INTERFACES
INVISÍVEIS

13. CORNING
https://www.youtube.com/watch?v=jzLYh3j6xn8#t=329.102410303

14. DESIGN
INTERFACES
SOFTWARES

16. 1970
Hardware Software Experience
1980 2000
THE THIRD WAVE OF THE INFORMATION AGE
ERIC SCHAFFE, HUMAN FACTORS INTERNATIONAL

17. História

18. A história da interface gráfica do
usuário acompanha a evolução
tecnológica. Também está ligada à
matemática e à guerra.

19. EVOLUÇÃO DA INFORMÁTICA
https://www.youtube.com/watch?v=Sx1Z_MGwDS8

20. A era dos pré-computadores
eletrônicos caracteriza-se por
dispositivos de input e output e
que desempenhavam funções
relacionadas com cálculo


21. Haviam cinco conceitos modernos:
entrada de dados, armazenamento,
processador, unidade de controle,
dispositivo de saída

23. O desenvolvimento tecnológico
durante o século XX até
a chegada das primeiras
interfaces levaram à
construção de computadores
cada vez menores


24. WHIRLWIND
1949

25. Foi o primeiro computador com
capacidade de realizar cálculos
de forma digital e representá-los
diretamente em uma tela.

26. SKETCHPAD
1962
Pioneiro em geradores de cenas
para simuladores de aviões
militares e comerciais.

27. 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.

28. DYNABOOK
1960
Embrião do laptop e tablets

29. 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

30. MOUSE
1968
Douglas Engelbart

31. Salto em direção ao que
conhecemos hoje, essa invenção
possibilitou a manipulação
direta do usuário na interface
gráfica.

32. DÚVIDAS?

57. Fonte das imagens: https://judsonmaria.wordpress.com/2010/09/20/a-evolucao-dos-sistemas-operacionais/

59. TUDO CERTO
POR AÊ?

60. ERA DA INFORMAÇÃO
Fonte: Eduardo novais (http://bit.ly/2mu41Np)

61. 1963

62. 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.

63. Vislumbrava o
computador como
uma máquina fácil
de usar, divertida
e que tivesse uma
interface com
imagem e som
THEODORE
HOLM NELSON

64. 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.

65. 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

66. ENTRETENIMENTO
Os jogos de arcade, como o Pong,
foram a primeira forma de utilização
exclusiva do computador para puro
entretenimento

67. A internet surgiu a partir de
pesquisas militares no auge da
Guerra Fria, mas...

68. ...o somente em
1989 o cientista Tim
Berners-Lee, do
CERN, criou a World
Wide Web

69. 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

70. 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...

71. MOSAIC - NSA

72. NETSCAPE

76. 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

77. SEMELHANÇAS

78. O QUE VIMOS HOJE?

79. 1. TIPOS DE INTERFACES
2. HARDWARE VS INTERFACE
3. SOFTWARE VS INTERFACE
4. HISTÓRIA DA WEB
5. GUERRA DOS BROWSERS

80. Entre tantas coisas
legais não podemos
esquecer da gente


82. Lançamento do tema projetual e explicação
de como será o desenvolvimento (separação
das equipes)
PRÓXIMA AULA

83. #vamoquevamo
patricia@ideativodesign.com.br