SlideShare uma empresa Scribd logo
Falar visualmente é o novo
“designers devem programar”
@thiagoesser | Setembro de 2017
Só tem graça quando a gente
entende o que está em jogo.
Revista Mundo Estranho
Thiago Esser
Designer de UX/Interação
Thiago Esser
Designer de UX/Interação
We are all designers.
"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
We are not all designers.
"Just as the term ‘medical practitioner’
is more general than ‘doctor’, we might
distinguish between ‘design practitioner’
and designer.”
— Bill Buxton
Sketching User Experiences
Somos todos seres visuais.
Pensamos visualmente,
temos imaginação.
Como colocar ideias no mundo:*
falando, escrevendo e desenhando.
* antes de construí-las.
Somos todos capazes de
mostrar o que se passa na
nossa cabeça?
Na prática, os top 3 medos são:
1. Falar em público
2. Morte
3. Barata
Na prática, os top 3 medos são:
1. Falar em público
2. Desenhar e mostrar para alguém
3. Morte
A gente desaprende a desenhar,
mas não desaprende a falar e
escrever.
Não somos tão visuais assim.
Desenhamos no ar, gastamos saliva.
Nota mental:
observar a produtividade de uma conversa
no trabalho com e sem artefatos visuais
como o desenho.
Pensamento visual:
uma forma natural e poderosa de se
comunicar.
"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
Uma atividade rica e complexa.
Cérebro - mão - superfície.
Aproxima.
Mostra domínio.
E vulnerabilidade também.
Torna o pensamento manifesto.
Implícito vs. explícito.
Sketches:
artefatos que iniciam uma negociação.
Jon Kolko no IxD17
Ok, legal, mas na real,
bem de boa...
Designers devem
programar.
Artigo na Wired
“When you can do both, you can do
things that no one else can do,
says John Maeda.”
“When you can do both, you can do
things that no one else can do,
says John Maeda.”
Não, não devem.
"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.
Designers devem falar
visualmente.
O "novo" designers should code.
Vai bem com:
Vai bem com:
● Escrita
Vai bem com:
● Escrita
● Facilitação
Vai bem com:
● Escrita
● Facilitação
● Comunicação
persuasiva
"Mas não tenho background em D.G.*"
Não sei desenhar, ou algo assim.
* Design Gráfico.
Sintetizar ideias visualmente:
é isso que está em jogo.
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.
Dear data:
um manifesto
por "dados mais
humanizados".
dear-data.com
"Peraê: tu é contra a tecnologia!
Ludita!"
Ludismo
High-fi
Look and feel
Low-fi
Não dá para testar
Paper prototyping is a waste of time
Low-fi
Não dá para testar
Paper prototyping is a waste of time
High-fi
Look and feel
Uma coisa não substitui outra.
Pelo contrário: valoriza pelo contraste.
Contraste na arquitetura:
Niemeyer (cujos desenhos talvez sejam tão conhecidos quanto as construções).
flickr.com/salvalaio
Fonte
“...the perfect cover photo
is usually the product of
much trial and error (...)
and just might even be an
accident.”
Contraste no design gráfico.
Edward Hopper
Edgar DegasLucian Freud
Alice Neel
Unfinishing school (artigo)Gustav Klimt
Joseph Grigely (2001)
Contemporary Drawing
from 1960s to Now
Sketches de produtos e serviços
podem ser considerados um
trabalho em si mesmo?
(e não só um apoio)
Tá bom, eu sei...
resolver problemas é nosso trabalho.
Matar algumas ideias ruins
também é nosso trabalho.
E fazer as boas vingarem.
Disegno = drawing and design
Giorgio Vasari, teórico da arte, em 1568.
Bauhaus: união entre arte e design.
Referência
Hoje: ofício e/ou modo de pensar.
“When You Come to a Fork in the Road, Take It.”
Artigo no LinkedIn
Sketches de Thomas Edison
(lâmpada elétrica)
Business Insider
Sketchbooks
"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
15 Real Products Created from Children’s Wildest Ideas
Isso se tornou muito importante
para ficar só entre designers.
Entra em cena:
Baseado em:
Mike Rohde's books
The back of the napkin
Contracapa
Exemplo em um workshop,
feito pelo@calvinmaister
Mas... faz o que com isso agora?
Além dos clássicos...
(Rough, paper prototype, concept)Sketches:
@rots
Sketches:
@rots
Sketches:
@rafaelburity
Sketches meus
@ EZ Commerce
Software releases
(big picture)
Sketches meus
@ EZ Commerce
Notas de reunião
Review, planejamento, brainstorm, kick-off...
Desenhar cenários de uso
Storyboards, fluxogramas ilustradosDesenho meu
s/ foto de Brian Evans
Planejar roteiros
Apresentações, vídeos explicativosbit.ly/ppt-sem-ppt
Comunicar achados de pesquisa
Entrevistas, observações, benchmarking
Same Findings, Different Story, Greater Impact
Crítica de design
Camada low-fi em cima da hi-fi
Sketches:
@rots
Priorização
O que fazer primeiro e por quê
Resumos de atividades
Workshops, palestras (de outras áreas)
Para fechar:
Desenhos/sketches são:
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.
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
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)
Desenhos/sketches são:
Um jeito de declarar algo, mas
deixando espaço para os
interlocutores participarem.
Uma mega blaster analogia para fechar.
Se já domina:
espalhe a palavra.
Se não domina:
experimente.
One more thing.
Isso tudo pode salvar sua alma.
Tipo isso.
1. Te ajudam a manter a sanidade.
a. Capturando ideias e organizando o caos na
era da informação.
1. Te ajudam a manter a sanidade.
b. Se organizando e mantendo foco.
bulletjournal.com
1. Te ajudam a
manter a sanidade.
c. Despejando ideias no
papel, criando um
estoque delas e te
deixando a dormir.
2. Colocam seu toque pessoal.
a. No time, cada um tem seu estilo.
Diferentes estilos de sketches
2. Colocam seu toque pessoal.
b. Podem te render uma promoção!
Post-its com minha letra.
Obrigado.
www.thiagoesser.com.br

Mais conteúdo relacionado

Semelhante a Falar visualmente é o novo “designers devem programar”

Quem manda é o usuário
Quem manda é o usuárioQuem manda é o usuário
Quem manda é o usuário
juliana.constantino
 
O pensamento projetual sobre problemas capciosos
O pensamento projetual sobre problemas capciososO pensamento projetual sobre problemas capciosos
O pensamento projetual sobre problemas capciosos
UTFPR
 
Filosofias do Design pelos mestres - 13 frases inspiradoras sobre design
Filosofias do Design pelos mestres - 13 frases inspiradoras sobre designFilosofias do Design pelos mestres - 13 frases inspiradoras sobre design
Filosofias do Design pelos mestres - 13 frases inspiradoras sobre design
Luciano Freitas
 
Pensamento projetual no desenvolvimento de software
Pensamento projetual no desenvolvimento de softwarePensamento projetual no desenvolvimento de software
Pensamento projetual no desenvolvimento de software
UTFPR
 
Design Thinking: Do Conceito ao Mundo Real [3ª edição]
Design Thinking: Do Conceito ao Mundo Real [3ª edição]Design Thinking: Do Conceito ao Mundo Real [3ª edição]
Design Thinking: Do Conceito ao Mundo Real [3ª edição]
Alessandro Almeida
 
exercicios_de_criatividade
exercicios_de_criatividadeexercicios_de_criatividade
exercicios_de_criatividade
Guto Xavier
 
Soujavarj 12 habitos de arquitetos altamente eficazes
Soujavarj 12 habitos de arquitetos altamente eficazesSoujavarj 12 habitos de arquitetos altamente eficazes
Soujavarj 12 habitos de arquitetos altamente eficazes
Raphael Rodrigues
 
Filosofia do Design / Filosofia no Design
Filosofia do Design / Filosofia no DesignFilosofia do Design / Filosofia no Design
Filosofia do Design / Filosofia no Design
mabuse h.d.
 
Aula 1 - Técnicas de PrototipaçãoI
Aula 1 - Técnicas de PrototipaçãoIAula 1 - Técnicas de PrototipaçãoI
Aula 1 - Técnicas de PrototipaçãoI
Paolo Passeri
 
Processo criativo e Design - Weekreate SENAC 2015
Processo criativo e Design - Weekreate SENAC 2015Processo criativo e Design - Weekreate SENAC 2015
Processo criativo e Design - Weekreate SENAC 2015
Samantha Rosa
 
User experience design: onde estamos e para onde vamos, numa perspectiva bras...
User experience design: onde estamos e para onde vamos, numa perspectiva bras...User experience design: onde estamos e para onde vamos, numa perspectiva bras...
User experience design: onde estamos e para onde vamos, numa perspectiva bras...
Thiago Esser
 
Design Thinking: pensamento estratégico
Design Thinking: pensamento estratégicoDesign Thinking: pensamento estratégico
Design Thinking: pensamento estratégico
Denise Eler
 
Design Thinking - Aula Centro Europeu
Design Thinking - Aula Centro EuropeuDesign Thinking - Aula Centro Europeu
Design Thinking - Aula Centro Europeu
Israel Lessak
 
Usuarios e Designers: projetos e ações situadas
Usuarios e Designers: projetos e ações situadasUsuarios e Designers: projetos e ações situadas
Usuarios e Designers: projetos e ações situadas
Rodrigo Freese Gonzatto
 
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWDNOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
W. Gabriel de Oliveira
 
Dt ws slideshare-oct2013
Dt ws slideshare-oct2013Dt ws slideshare-oct2013
Dt ws slideshare-oct2013
Denise Pilar
 
Designer: ser ou não ser
Designer: ser ou não serDesigner: ser ou não ser
Designer: ser ou não ser
Jonathan Prieto
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Valdir Soares
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
Edyd B. Junges
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
UTFPR
 

Semelhante a Falar visualmente é o novo “designers devem programar” (20)

Quem manda é o usuário
Quem manda é o usuárioQuem manda é o usuário
Quem manda é o usuário
 
O pensamento projetual sobre problemas capciosos
O pensamento projetual sobre problemas capciososO pensamento projetual sobre problemas capciosos
O pensamento projetual sobre problemas capciosos
 
Filosofias do Design pelos mestres - 13 frases inspiradoras sobre design
Filosofias do Design pelos mestres - 13 frases inspiradoras sobre designFilosofias do Design pelos mestres - 13 frases inspiradoras sobre design
Filosofias do Design pelos mestres - 13 frases inspiradoras sobre design
 
Pensamento projetual no desenvolvimento de software
Pensamento projetual no desenvolvimento de softwarePensamento projetual no desenvolvimento de software
Pensamento projetual no desenvolvimento de software
 
Design Thinking: Do Conceito ao Mundo Real [3ª edição]
Design Thinking: Do Conceito ao Mundo Real [3ª edição]Design Thinking: Do Conceito ao Mundo Real [3ª edição]
Design Thinking: Do Conceito ao Mundo Real [3ª edição]
 
exercicios_de_criatividade
exercicios_de_criatividadeexercicios_de_criatividade
exercicios_de_criatividade
 
Soujavarj 12 habitos de arquitetos altamente eficazes
Soujavarj 12 habitos de arquitetos altamente eficazesSoujavarj 12 habitos de arquitetos altamente eficazes
Soujavarj 12 habitos de arquitetos altamente eficazes
 
Filosofia do Design / Filosofia no Design
Filosofia do Design / Filosofia no DesignFilosofia do Design / Filosofia no Design
Filosofia do Design / Filosofia no Design
 
Aula 1 - Técnicas de PrototipaçãoI
Aula 1 - Técnicas de PrototipaçãoIAula 1 - Técnicas de PrototipaçãoI
Aula 1 - Técnicas de PrototipaçãoI
 
Processo criativo e Design - Weekreate SENAC 2015
Processo criativo e Design - Weekreate SENAC 2015Processo criativo e Design - Weekreate SENAC 2015
Processo criativo e Design - Weekreate SENAC 2015
 
User experience design: onde estamos e para onde vamos, numa perspectiva bras...
User experience design: onde estamos e para onde vamos, numa perspectiva bras...User experience design: onde estamos e para onde vamos, numa perspectiva bras...
User experience design: onde estamos e para onde vamos, numa perspectiva bras...
 
Design Thinking: pensamento estratégico
Design Thinking: pensamento estratégicoDesign Thinking: pensamento estratégico
Design Thinking: pensamento estratégico
 
Design Thinking - Aula Centro Europeu
Design Thinking - Aula Centro EuropeuDesign Thinking - Aula Centro Europeu
Design Thinking - Aula Centro Europeu
 
Usuarios e Designers: projetos e ações situadas
Usuarios e Designers: projetos e ações situadasUsuarios e Designers: projetos e ações situadas
Usuarios e Designers: projetos e ações situadas
 
NOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWDNOIX - aula sobre as palestras do 13 EWD
NOIX - aula sobre as palestras do 13 EWD
 
Dt ws slideshare-oct2013
Dt ws slideshare-oct2013Dt ws slideshare-oct2013
Dt ws slideshare-oct2013
 
Designer: ser ou não ser
Designer: ser ou não serDesigner: ser ou não ser
Designer: ser ou não ser
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
 

Mais de Thiago Esser

Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
Thiago Esser
 
Como organizar uma conferência de grande porte: o caso UXConf BR
Como organizar uma conferência de grande porte: o caso UXConf BRComo organizar uma conferência de grande porte: o caso UXConf BR
Como organizar uma conferência de grande porte: o caso UXConf BR
Thiago Esser
 
3 razões por que a sua palestra não foi aprovada nessa conferência, e a dela/...
3 razões por que a sua palestra não foi aprovada nessa conferência, e a dela/...3 razões por que a sua palestra não foi aprovada nessa conferência, e a dela/...
3 razões por que a sua palestra não foi aprovada nessa conferência, e a dela/...
Thiago Esser
 
Design as the art of materializing business decisions (Interaction 16)
Design as the art of materializing business decisions (Interaction 16)Design as the art of materializing business decisions (Interaction 16)
Design as the art of materializing business decisions (Interaction 16)
Thiago Esser
 
Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015
Thiago Esser
 
Interaction design in tech companies: the long way to the top
Interaction design in tech companies: the long way to the topInteraction design in tech companies: the long way to the top
Interaction design in tech companies: the long way to the top
Thiago Esser
 
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
Thiago Esser
 
UXConfBR - Apresentação
UXConfBR - ApresentaçãoUXConfBR - Apresentação
UXConfBR - Apresentação
Thiago Esser
 
Where do great products come from?
Where do great products come from?Where do great products come from?
Where do great products come from?
Thiago Esser
 
User Experience & User Stories
User Experience & User StoriesUser Experience & User Stories
User Experience & User Stories
Thiago Esser
 
Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)
Thiago Esser
 
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresasDesign Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
Thiago Esser
 
As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)
Thiago Esser
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
Thiago Esser
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
Thiago Esser
 
Design para UX Mobile
Design para UX MobileDesign para UX Mobile
Design para UX Mobile
Thiago Esser
 
Oficina Design Centrado no Usuário
Oficina Design Centrado no UsuárioOficina Design Centrado no Usuário
Oficina Design Centrado no Usuário
Thiago Esser
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
Thiago Esser
 
Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)
Thiago Esser
 

Mais de Thiago Esser (19)

Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
Mercado de UX: onde estamos e pra onde vamos? @ umovmearena (agosto/2019)
 
Como organizar uma conferência de grande porte: o caso UXConf BR
Como organizar uma conferência de grande porte: o caso UXConf BRComo organizar uma conferência de grande porte: o caso UXConf BR
Como organizar uma conferência de grande porte: o caso UXConf BR
 
3 razões por que a sua palestra não foi aprovada nessa conferência, e a dela/...
3 razões por que a sua palestra não foi aprovada nessa conferência, e a dela/...3 razões por que a sua palestra não foi aprovada nessa conferência, e a dela/...
3 razões por que a sua palestra não foi aprovada nessa conferência, e a dela/...
 
Design as the art of materializing business decisions (Interaction 16)
Design as the art of materializing business decisions (Interaction 16)Design as the art of materializing business decisions (Interaction 16)
Design as the art of materializing business decisions (Interaction 16)
 
Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015Design as the art of materializing business decisions @ ISA 2015
Design as the art of materializing business decisions @ ISA 2015
 
Interaction design in tech companies: the long way to the top
Interaction design in tech companies: the long way to the topInteraction design in tech companies: the long way to the top
Interaction design in tech companies: the long way to the top
 
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
A Arte de Materializar as Decisões de Negócios - #TheDevConf 2015
 
UXConfBR - Apresentação
UXConfBR - ApresentaçãoUXConfBR - Apresentação
UXConfBR - Apresentação
 
Where do great products come from?
Where do great products come from?Where do great products come from?
Where do great products come from?
 
User Experience & User Stories
User Experience & User StoriesUser Experience & User Stories
User Experience & User Stories
 
Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)
 
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresasDesign Centrado em Usuários (UCD) em grandes e pequenas empresas
Design Centrado em Usuários (UCD) em grandes e pequenas empresas
 
As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)As pessoas e a Tecnologia (ou vice-versa)
As pessoas e a Tecnologia (ou vice-versa)
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Design para UX Mobile
Design para UX MobileDesign para UX Mobile
Design para UX Mobile
 
Oficina Design Centrado no Usuário
Oficina Design Centrado no UsuárioOficina Design Centrado no Usuário
Oficina Design Centrado no Usuário
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)
 

Falar visualmente é o novo “designers devem programar”