1. O documento discute a importância dos designers comunicarem visualmente através de desenhos e esboços. 2. Desenhar ajuda a organizar ideias de forma clara e a materializar o pensamento. 3. Esboços podem ser usados de muitas formas diferentes para apoiar o processo de design, desde brainstorming até apresentações.

1. Falar visualmente é o novo
“designers devem programar”
@thiagoesser | Setembro de 2017

3. Só tem graça quando a gente
entende o que está em jogo.

5. Revista Mundo Estranho

6. Thiago Esser
Designer de UX/Interação
Thiago Esser
Designer de UX/Interação

10. We are all designers.

11. "We manipulate the environment, the
better to serve our needs. We select
what items to own, which to have
around us. We build, buy, arrange, and
restructure: all this is a form of design."
— Don Norman
Emotional Design

12. We are not all designers.

13. "Just as the term ‘medical practitioner’
is more general than ‘doctor’, we might
distinguish between ‘design practitioner’
and designer.”
— Bill Buxton
Sketching User Experiences

14. Somos todos seres visuais.
Pensamos visualmente,
temos imaginação.

15. Como colocar ideias no mundo:*
falando, escrevendo e desenhando.
* antes de construí-las.

16. Somos todos capazes de
mostrar o que se passa na
nossa cabeça?

17. Na prática, os top 3 medos são:
1. Falar em público
2. Morte
3. Barata

18. Na prática, os top 3 medos são:
1. Falar em público
2. Desenhar e mostrar para alguém
3. Morte

19. A gente desaprende a desenhar,
mas não desaprende a falar e
escrever.

20. Não somos tão visuais assim.
Desenhamos no ar, gastamos saliva.

21. Nota mental:
observar a produtividade de uma conversa
no trabalho com e sem artefatos visuais
como o desenho.

22. Pensamento visual:
uma forma natural e poderosa de se
comunicar.

23. "Escrita à mão ajuda a
fixar mais dados"
● + Capacidade de abstração
● Melhor memorização
● Organizar dados com sua
própria lógica
Artigo na Folha de São Paulo

24. Uma atividade rica e complexa.
Cérebro - mão - superfície.

25. Aproxima.

26. Mostra domínio.
E vulnerabilidade também.

27. Torna o pensamento manifesto.
Implícito vs. explícito.

28. Sketches:
artefatos que iniciam uma negociação.
Jon Kolko no IxD17

29. Ok, legal, mas na real,
bem de boa...

30. Designers devem
programar.

31. Artigo na Wired

32. “When you can do both, you can do
things that no one else can do,
says John Maeda.”

33. “When you can do both, you can do
things that no one else can do,
says John Maeda.”

34. Não, não devem.

35. "What is relevant, what does differentiate
the job roles, is responsibility. (...) The goal
of [a designer's] code is not the same as
the goal of the code that coders write. The
code isn’t for deployment, but for design."
— Alan Cooper
Should Designers Code??? No.

36. Designers devem falar
visualmente.
O "novo" designers should code.

37. Vai bem com:

38. Vai bem com:
● Escrita

39. Vai bem com:
● Escrita
● Facilitação

40. Vai bem com:
● Escrita
● Facilitação
● Comunicação
persuasiva

41. "Mas não tenho background em D.G.*"
Não sei desenhar, ou algo assim.
* Design Gráfico.

42. Sintetizar ideias visualmente:
é isso que está em jogo.

43. Num cenário de produtos high tech ou de
coisas difíceis de tangibilizar (serviços,
experiências), processos mais manuais
nos ajudam a lembrar para quem estamos
desenvolvendo, além de manter uma visão
mais global do que estamos criando.

44. Dear data:
um manifesto
por "dados mais
humanizados".
dear-data.com

47. "Peraê: tu é contra a tecnologia!
Ludita!"
Ludismo

48. High-fi
Look and feel
Low-fi
Não dá para testar
Paper prototyping is a waste of time

49. Low-fi
Não dá para testar
Paper prototyping is a waste of time
High-fi
Look and feel

50. Uma coisa não substitui outra.
Pelo contrário: valoriza pelo contraste.

51. Contraste na arquitetura:
Niemeyer (cujos desenhos talvez sejam tão conhecidos quanto as construções).

52. flickr.com/salvalaio

54. Fonte
“...the perfect cover photo
is usually the product of
much trial and error (...)
and just might even be an
accident.”

55. Contraste no design gráfico.

57. Edward Hopper

58. Edgar DegasLucian Freud

59. Alice Neel
Unfinishing school (artigo)Gustav Klimt

60. Joseph Grigely (2001)
Contemporary Drawing
from 1960s to Now

61. Sketches de produtos e serviços
podem ser considerados um
trabalho em si mesmo?
(e não só um apoio)

62. Tá bom, eu sei...
resolver problemas é nosso trabalho.

63. Matar algumas ideias ruins
também é nosso trabalho.
E fazer as boas vingarem.

64. Disegno = drawing and design
Giorgio Vasari, teórico da arte, em 1568.

65. Bauhaus: união entre arte e design.
Referência

66. Hoje: ofício e/ou modo de pensar.
“When You Come to a Fork in the Road, Take It.”
Artigo no LinkedIn

67. Sketches de Thomas Edison
(lâmpada elétrica)
Business Insider
Sketchbooks

70. "If you can't sketch, you can't see it in
your head. (...) In 95% of time, if the
sketch is looking good as a sketch,
execution is going to look good as
well.”
— Jake and Pum Lefebure (Design Army)
Podcast com Debbie Milman

71. 15 Real Products Created from Children’s Wildest Ideas

81. Isso se tornou muito importante
para ficar só entre designers.

82. Entra em cena:

83. Baseado em:
Mike Rohde's books
The back of the napkin

92. Contracapa

94. Exemplo em um workshop,
feito pelo@calvinmaister

98. Mas... faz o que com isso agora?

99. Além dos clássicos...
(Rough, paper prototype, concept)Sketches:
@rots

100. Sketches:
@rots
Sketches:
@rafaelburity

101. Sketches meus
@ EZ Commerce

102. Software releases
(big picture)

104. Sketches meus
@ EZ Commerce

105. Notas de reunião
Review, planejamento, brainstorm, kick-off...

106. Desenhar cenários de uso
Storyboards, fluxogramas ilustradosDesenho meu
s/ foto de Brian Evans

107. Planejar roteiros
Apresentações, vídeos explicativosbit.ly/ppt-sem-ppt

109. Comunicar achados de pesquisa
Entrevistas, observações, benchmarking

110. Same Findings, Different Story, Greater Impact

111. Crítica de design
Camada low-fi em cima da hi-fi
Sketches:
@rots

115. Priorização
O que fazer primeiro e por quê

118. Resumos de atividades
Workshops, palestras (de outras áreas)

120. Para fechar:

121. Desenhos/sketches são:

122. Desenhos/sketches são:
A materialização do pensamento.
Encontrar um caminho.
O melhor link entre uma ideia e sua execução.
Uma versão em câmera lenta do pensamento.

123. Desenhos/sketches são:
A materialização do pensamento.
Encontrar um caminho.
O melhor link entre uma ideia e sua execução.
Uma versão em câmera lenta do pensamento.
Todas ditas por artistas visuais.
Contemporary Drawing from 1960s to Now

124. Desenhos/sketches são:
Baratos (basta papel e caneta)
Imediatos (cérebro - mão)
Adaptáveis (por tentativa e erro)
Acessíveis (para todos, não-designers também)

125. Desenhos/sketches são:
Um jeito de declarar algo, mas
deixando espaço para os
interlocutores participarem.

126. Uma mega blaster analogia para fechar.

127. Se já domina:
espalhe a palavra.
Se não domina:
experimente.

128. One more thing.

129. Isso tudo pode salvar sua alma.
Tipo isso.

130. 1. Te ajudam a manter a sanidade.
a. Capturando ideias e organizando o caos na
era da informação.

131. 1. Te ajudam a manter a sanidade.
b. Se organizando e mantendo foco.
bulletjournal.com

132. 1. Te ajudam a
manter a sanidade.
c. Despejando ideias no
papel, criando um
estoque delas e te
deixando a dormir.

133. 2. Colocam seu toque pessoal.
a. No time, cada um tem seu estilo.
Diferentes estilos de sketches

134. 2. Colocam seu toque pessoal.
b. Podem te render uma promoção!
Post-its com minha letra.

137. Obrigado.
www.thiagoesser.com.br