SlideShare a Scribd company logo
1 of 36
Download to read offline
design

behind the
scenes and layers
bernard de luna

@bernarddeluna
- team leader de produto na Petrobras
- creative director da Melt DSP
- product coordinator da Estante Virtual
- colunista do iMasters e Tableless
- mentor e consultor de startups de tecnologia
- +50 eventos
como nasce

um design?
IDEIA

sketching
imagine
draw

Robert McKim

see
imagine
see

draw

Robert McKim
imagine
draw

Robert McKim

see
imagine
draw
Robert McKim
quando você

falha?
designers, na verdade, não
resolvem problemas.
designers trabalham com eles

Marty Neumeier
fracasse com frequência
para ter sucesso logo

Tom Kelley
see
see

data
Data in your favor? Ok,
launch it.

data

Data shows negative
effects? Back to the
drawing board.

Doug Bowman
o que você

entrega?
PROCESSO
agile design
escopo
fechado
scrum
kanban
RASI

responsability
authority
support
informed
tarefa ou
projeto 1

tarefa ou
projeto 2

tarefa ou
projeto 3

tarefa ou
projeto 4

KIKO

S

R

A

A

LEANDRO

R

S

R

S

BRUNO

A

I

I

R
VISUAL
DESIGN
nomeie sua camada com um
padrão criado pela equipe
shape = shape
12.5px =
aplicação
popups, modais, ...
layers não utilizadas
diferentes estados
referências...
componentes são

smart objects
não usem
photoshop
why we skip

photoshop

Jason Fried http://37signals.com/svn/posts/1061-why-we-skip-photoshop
obrigado!
@bernarddeluna

More Related Content

Similar to Design behind scenes and layers

Fabricio Dore - Design e Agile – esqueceram de combinar com os russos (Como c...
Fabricio Dore - Design e Agile – esqueceram de combinar com os russos (Como c...Fabricio Dore - Design e Agile – esqueceram de combinar com os russos (Como c...
Fabricio Dore - Design e Agile – esqueceram de combinar com os russos (Como c...Agile Trends
 
Como fazer-os-recrutadores-implorarem-para-te-contratar
Como fazer-os-recrutadores-implorarem-para-te-contratarComo fazer-os-recrutadores-implorarem-para-te-contratar
Como fazer-os-recrutadores-implorarem-para-te-contratarKleber Carvalho
 
Como minimizar incertezas ao construir o roadmap do produto - TDC 2018
Como minimizar incertezas ao construir o roadmap do produto - TDC 2018Como minimizar incertezas ao construir o roadmap do produto - TDC 2018
Como minimizar incertezas ao construir o roadmap do produto - TDC 2018Marcos Lavin
 
TDC2018SP | Trilha UX Design - Design Operations (DesOps) - mapear o trabalho...
TDC2018SP | Trilha UX Design - Design Operations (DesOps) - mapear o trabalho...TDC2018SP | Trilha UX Design - Design Operations (DesOps) - mapear o trabalho...
TDC2018SP | Trilha UX Design - Design Operations (DesOps) - mapear o trabalho...tdc-globalcode
 
Use MDD e faça as máquinas trabalharem para você - Andreza Leite
 Use MDD e faça as máquinas trabalharem para você - Andreza Leite Use MDD e faça as máquinas trabalharem para você - Andreza Leite
Use MDD e faça as máquinas trabalharem para você - Andreza LeiteiMasters
 
Unb 2012.1 - dweb - 02 - por onde começar
Unb   2012.1 - dweb - 02 - por onde começarUnb   2012.1 - dweb - 02 - por onde começar
Unb 2012.1 - dweb - 02 - por onde começarClaudenio Alberto
 
ARQUITETURAS PERFEITAS E O PORQUÊ SEU PROJETO NASCEU FALIDO
ARQUITETURAS PERFEITAS E O PORQUÊ SEU PROJETO NASCEU FALIDOARQUITETURAS PERFEITAS E O PORQUÊ SEU PROJETO NASCEU FALIDO
ARQUITETURAS PERFEITAS E O PORQUÊ SEU PROJETO NASCEU FALIDOYan Justino
 
Gerencie sua carreira. Seja um desenvolvedor melhor!
Gerencie sua carreira. Seja um desenvolvedor melhor!Gerencie sua carreira. Seja um desenvolvedor melhor!
Gerencie sua carreira. Seja um desenvolvedor melhor!Sandro Giacomozzi
 
TDC2018FLN | Trilha Gestão de Produtos - Como minimizar incertezas ao constru...
TDC2018FLN | Trilha Gestão de Produtos - Como minimizar incertezas ao constru...TDC2018FLN | Trilha Gestão de Produtos - Como minimizar incertezas ao constru...
TDC2018FLN | Trilha Gestão de Produtos - Como minimizar incertezas ao constru...tdc-globalcode
 
iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...
iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...
iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...Leonardo "Hackin" Freire
 
Gestão e Processos para Desenvolvimento de Software
Gestão e Processos para Desenvolvimento de SoftwareGestão e Processos para Desenvolvimento de Software
Gestão e Processos para Desenvolvimento de SoftwareRafael Amaral
 
Lemonade Uberaba 2016 - A jornada do nada ao real
Lemonade Uberaba 2016 - A jornada do nada ao realLemonade Uberaba 2016 - A jornada do nada ao real
Lemonade Uberaba 2016 - A jornada do nada ao realLuis Machado Reis
 
[GDG Quality Fest 2017] BDD - Como quebrar as barreiras de negócio dentro do ...
[GDG Quality Fest 2017] BDD - Como quebrar as barreiras de negócio dentro do ...[GDG Quality Fest 2017] BDD - Como quebrar as barreiras de negócio dentro do ...
[GDG Quality Fest 2017] BDD - Como quebrar as barreiras de negócio dentro do ...Andrelise Rafael Gonçalves
 
Agile br2011 lucabastos-prog10x-noiteagilcaelum
Agile br2011 lucabastos-prog10x-noiteagilcaelumAgile br2011 lucabastos-prog10x-noiteagilcaelum
Agile br2011 lucabastos-prog10x-noiteagilcaelumLuca Bastos
 
Cultura DevOps - Integração entre infra e devel
Cultura DevOps - Integração entre infra e develCultura DevOps - Integração entre infra e devel
Cultura DevOps - Integração entre infra e develJose Augusto Carvalho
 
Publicação de trabalhos na Web
Publicação de trabalhos na WebPublicação de trabalhos na Web
Publicação de trabalhos na WebGabriel Ishida
 

Similar to Design behind scenes and layers (20)

Fabricio Dore - Design e Agile – esqueceram de combinar com os russos (Como c...
Fabricio Dore - Design e Agile – esqueceram de combinar com os russos (Como c...Fabricio Dore - Design e Agile – esqueceram de combinar com os russos (Como c...
Fabricio Dore - Design e Agile – esqueceram de combinar com os russos (Como c...
 
Gestao Ágil do Backlog - Taskboards
Gestao Ágil do Backlog - TaskboardsGestao Ágil do Backlog - Taskboards
Gestao Ágil do Backlog - Taskboards
 
Como fazer-os-recrutadores-implorarem-para-te-contratar
Como fazer-os-recrutadores-implorarem-para-te-contratarComo fazer-os-recrutadores-implorarem-para-te-contratar
Como fazer-os-recrutadores-implorarem-para-te-contratar
 
Como minimizar incertezas ao construir o roadmap do produto - TDC 2018
Como minimizar incertezas ao construir o roadmap do produto - TDC 2018Como minimizar incertezas ao construir o roadmap do produto - TDC 2018
Como minimizar incertezas ao construir o roadmap do produto - TDC 2018
 
TDC2018SP | Trilha UX Design - Design Operations (DesOps) - mapear o trabalho...
TDC2018SP | Trilha UX Design - Design Operations (DesOps) - mapear o trabalho...TDC2018SP | Trilha UX Design - Design Operations (DesOps) - mapear o trabalho...
TDC2018SP | Trilha UX Design - Design Operations (DesOps) - mapear o trabalho...
 
Workshop de Visual Thinking para os Negócios
Workshop de Visual Thinking para os NegóciosWorkshop de Visual Thinking para os Negócios
Workshop de Visual Thinking para os Negócios
 
Use MDD e faça as máquinas trabalharem para você - Andreza Leite
 Use MDD e faça as máquinas trabalharem para você - Andreza Leite Use MDD e faça as máquinas trabalharem para você - Andreza Leite
Use MDD e faça as máquinas trabalharem para você - Andreza Leite
 
Apostila de Lumion.pdf
Apostila de Lumion.pdfApostila de Lumion.pdf
Apostila de Lumion.pdf
 
Unb 2012.1 - dweb - 02 - por onde começar
Unb   2012.1 - dweb - 02 - por onde começarUnb   2012.1 - dweb - 02 - por onde começar
Unb 2012.1 - dweb - 02 - por onde começar
 
ARQUITETURAS PERFEITAS E O PORQUÊ SEU PROJETO NASCEU FALIDO
ARQUITETURAS PERFEITAS E O PORQUÊ SEU PROJETO NASCEU FALIDOARQUITETURAS PERFEITAS E O PORQUÊ SEU PROJETO NASCEU FALIDO
ARQUITETURAS PERFEITAS E O PORQUÊ SEU PROJETO NASCEU FALIDO
 
Gerencie sua carreira. Seja um desenvolvedor melhor!
Gerencie sua carreira. Seja um desenvolvedor melhor!Gerencie sua carreira. Seja um desenvolvedor melhor!
Gerencie sua carreira. Seja um desenvolvedor melhor!
 
TDC2018FLN | Trilha Gestão de Produtos - Como minimizar incertezas ao constru...
TDC2018FLN | Trilha Gestão de Produtos - Como minimizar incertezas ao constru...TDC2018FLN | Trilha Gestão de Produtos - Como minimizar incertezas ao constru...
TDC2018FLN | Trilha Gestão de Produtos - Como minimizar incertezas ao constru...
 
iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...
iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...
iMasters DevCommerce 2016 - A difícil tarefa de ser TI numa empresa de varejo...
 
Gestão e Processos para Desenvolvimento de Software
Gestão e Processos para Desenvolvimento de SoftwareGestão e Processos para Desenvolvimento de Software
Gestão e Processos para Desenvolvimento de Software
 
Lemonade Uberaba 2016 - A jornada do nada ao real
Lemonade Uberaba 2016 - A jornada do nada ao realLemonade Uberaba 2016 - A jornada do nada ao real
Lemonade Uberaba 2016 - A jornada do nada ao real
 
[GDG Quality Fest 2017] BDD - Como quebrar as barreiras de negócio dentro do ...
[GDG Quality Fest 2017] BDD - Como quebrar as barreiras de negócio dentro do ...[GDG Quality Fest 2017] BDD - Como quebrar as barreiras de negócio dentro do ...
[GDG Quality Fest 2017] BDD - Como quebrar as barreiras de negócio dentro do ...
 
Agile br2011 lucabastos-prog10x-noiteagilcaelum
Agile br2011 lucabastos-prog10x-noiteagilcaelumAgile br2011 lucabastos-prog10x-noiteagilcaelum
Agile br2011 lucabastos-prog10x-noiteagilcaelum
 
Apostila Photoshop
Apostila Photoshop Apostila Photoshop
Apostila Photoshop
 
Cultura DevOps - Integração entre infra e devel
Cultura DevOps - Integração entre infra e develCultura DevOps - Integração entre infra e devel
Cultura DevOps - Integração entre infra e devel
 
Publicação de trabalhos na Web
Publicação de trabalhos na WebPublicação de trabalhos na Web
Publicação de trabalhos na Web
 

More from Bunee.io - Hiring with Intelligence

[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna [FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna Bunee.io - Hiring with Intelligence
 

More from Bunee.io - Hiring with Intelligence (20)

O que não lhe contaram sobre a carreira de DEV
O que não lhe contaram sobre a carreira de DEVO que não lhe contaram sobre a carreira de DEV
O que não lhe contaram sobre a carreira de DEV
 
Como fazer um Pitch Fantástico
Como fazer um Pitch FantásticoComo fazer um Pitch Fantástico
Como fazer um Pitch Fantástico
 
The BGs - Background CSS
The BGs - Background CSSThe BGs - Background CSS
The BGs - Background CSS
 
Pensando em Redesign
Pensando em RedesignPensando em Redesign
Pensando em Redesign
 
Como ser Único (sexy)?
Como ser Único (sexy)?Como ser Único (sexy)?
Como ser Único (sexy)?
 
A importância de Aprender Ensinando
A importância de Aprender EnsinandoA importância de Aprender Ensinando
A importância de Aprender Ensinando
 
Lean UX: Parem de criar produtos, comecem a criar experiências
Lean UX: Parem de criar produtos, comecem a criar experiênciasLean UX: Parem de criar produtos, comecem a criar experiências
Lean UX: Parem de criar produtos, comecem a criar experiências
 
Lean UX para aplicativos mobile
Lean UX para aplicativos mobileLean UX para aplicativos mobile
Lean UX para aplicativos mobile
 
Semântica: Uma jornada pelos componentes web
Semântica: Uma jornada pelos componentes webSemântica: Uma jornada pelos componentes web
Semântica: Uma jornada pelos componentes web
 
como pensar front para wordpress
como pensar front para wordpresscomo pensar front para wordpress
como pensar front para wordpress
 
Atenção: Dev no palco!
Atenção: Dev no palco!Atenção: Dev no palco!
Atenção: Dev no palco!
 
Layouts Responsivos
Layouts ResponsivosLayouts Responsivos
Layouts Responsivos
 
Surpresa
SurpresaSurpresa
Surpresa
 
Quero ser um ninja em xHTML, HTML5 e CSS3
Quero ser um ninja em xHTML, HTML5 e CSS3Quero ser um ninja em xHTML, HTML5 e CSS3
Quero ser um ninja em xHTML, HTML5 e CSS3
 
Design agil: Encaixando o Design no processo
Design agil: Encaixando o Design no processoDesign agil: Encaixando o Design no processo
Design agil: Encaixando o Design no processo
 
Modular CSS - Projetando CSS para aplicativos
Modular CSS - Projetando CSS para aplicativosModular CSS - Projetando CSS para aplicativos
Modular CSS - Projetando CSS para aplicativos
 
UX SUX
UX SUXUX SUX
UX SUX
 
Planejamento de um wireframe orientado para aplicativos
Planejamento de um wireframe orientado para aplicativosPlanejamento de um wireframe orientado para aplicativos
Planejamento de um wireframe orientado para aplicativos
 
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna [FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
 
Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de LunaQuero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
 

Design behind scenes and layers