1.
Eduardo
Insaurriaga
profissão:
designer de interação.
SATC
Semana Acadêmica
Arena Criativa

2.
o que você está estudando?

3.
com o que você trabalha?

4.
o que você faz?

5.
jornalista.

6.
publicitário.

7.
designer?

8.
designer de
interação?

9.
genealogia.
design de interação.
processos.
mercado.
o futuro.

10.
genealogia.
design de interação.
processos.
mercado.
o futuro.

11.
o que é design?

12.
sabemos…

13.
flexível.
interdisciplinar.
holístico.

14.
– Paul Rand
“Design, assim como a arte, possui
múltiplas definições; não há uma
definição única. Design é tão simples,
que por isso é tão complicado.

15.
André Villas-Boas

16.
forma função
método simbolismo

17.
área de conhecimento ligada a uma
prática social baseada no projeto de
produtos que carregam valores formais,
funcionais e simbólicos, propostos de
acordo com um cenário social, cultural
e econômico específico.
design.

18.
design.

19.
design
de interação?

20.
ação que ocorre entre um
usuário e um produto que busca
desempenhar uma função
específica.
interação.

21.
design de interação.

22.
cartões
magnéticospara
usonosônibus.

23.
design
design de
produto
programação
visual
design de
interação

24.
design de interação.

25.
Preece
Rogers
Sharp

26.
padrões.
camadas de interação

27.
sistemas.
camadas de interação

28.
dispositivos.
camadas de interação

29.
interação humana.
camadas de interação

30.
genealogia.
design de interação.
processos.

31.
processos.

32.
UX
experiência do usuário.
as percepções e respostas
de uma pessoa que
resultam do uso
de um produto,
sistema ou
serviço.

33.
Donald Norman

34.
– Donald Norman
“Design centrado no usuário
significa trabalhar com seus
usuários durante todo o projeto.

35.
designcentradonousuário.

36.
comunicação
planejamento
modelagem
construção
entregawaterfall.

37.
scrum.

38.
ny times.

39.
ideias
construiraprender
testar
produto
dados
lean
startup.

40.
livro lean startup.
Eric Ries

41.
lean ux.

42.
Jeff Gothelf
Josh Seiden

43.
teoria. prática?

44.
pesquisa.

45.
entrevistas.

46.
business
model canvas.

47.
Yves Pigneur
Alexander Osterwalder

48.
mapa
de empatia.

49.
personas.

50.
cenários.

51.
journey map.

52.
mapa conceitual.

53.
brainstorm.

54.
card sorting.

55.
wireframes.

56.
visual design.

57.
style guide.

58.
– Jony Ive
“Não há aprendizado sem ter
muitas ideias e sem falhar
muitas vezes.

59.
paper
prototype.

60.
hi-fi prototype.

61.
testes de
usabilidade.

62.
eye tracking.

63.
teste a/b.

64.
análise de métricas.

65.
genealogia.
design de interação.
processos.
mercado.

66.
mercado.

67.
photoshop.

68.
Sketch
Keynote

69.
internet.

70.
internet.

71.
mobile.

72.
mobile.

73.
apps.

74.
games.

75.
games.

76.
games.

77.
freelancer.

78.
startups.

79.
agências digitais.

80.
consultoria.

81.
grandes empresas.

82.
web e novas
tecnologias.

83.
trendsetter.

84.
agile.

85.
adaptative path.
cooper.
artifact conference.

86.
ux lab.

87.
temos vagas.

88.
genealogia.
design de interação.
processos.
mercado.
o futuro.

89.
responsive.

90.
responsive.

91.
Ethan Marcotte

92.
personalização.

93.
cms.

94.
cope.

95.
wearables.

96.
smart tv.

97.
internet das coisas.

98.
hmi.

99.
genealogia.
design de interação.
processos.
mercado.
o futuro.

100.
dicas.

101.
font-face.
google fonts
https://www.google.com/fonts
typekit
https://typekit.com
font squirrel
http://www.fontsquirrel.com

102.
questionários.
survey monkey
https://www.surveymonkey.com
typeform
http://www.typeform.com

103.
frameworks.
bootstrap
http://getbootstrap.com
pattern lab
http://patternlab.io
skeleton
http://www.getskeleton.com
foundation
http://foundation.zurb.com

104.
code editors.
codepen
http://codepen.io
js fiddle
http://jsfiddle.net

105.
ícones.
the noun project
http://thenounproject.com
icomoon
https://icomoon.io
grumpicon
http://grumpicon.com

106.
imagens.
responsive images
http://responsiveimages.org
thumbor
http://thumbor.org

107.
prototipação.
pop
https://popapp.in
webfront
https://webflow.com
stand in
http://standin.io
framer
http://framerjs.com
composite
http://www.getcomposite.com
invision
http://www.invisionapp.com

108.
photoshop.
skala preview
http://bjango.com/mac/skalapreview/
guideguide
http://guideguide.me
style tiles
http://styletil.es

109.
genealogia.
design de interação.
processos.
mercado.
o futuro.

110.
1. usuário.

111.
2. estudo.

112.
3. código.

113.
4. network.

114.
5. hobbies.

115.
6. paixão.

116.
– Steve Jobs
“Stay hungry,
stay foolish.

117.
obrigado.
Eduardo
Insaurriaga
eduardoin@gmail.com
@eduardoin