+ All Categories
Home > Design > TDC - Design Invisivel

TDC - Design Invisivel

Date post: 22-Jan-2018
Category:
Upload: marcel-mueller
View: 180 times
Download: 0 times
Share this document with a friend
74
Transcript
Page 1: TDC - Design Invisivel

👋

Page 2: TDC - Design Invisivel

DESIGN ________uma conversa além dos ______

MARCEL MÜLLER • @GRIGIO

Page 3: TDC - Design Invisivel

DESIGNERGoogle, HP, Snapchat, Chegou?, PlayKids, iFood, SuperPlayer etc

VISUALINTERFACEPRODUCT

& MOTION

Page 4: TDC - Design Invisivel

INTERFACES INVISÍVEIS, CHATBOTZZZZZ 😴

Page 5: TDC - Design Invisivel

CULTURA

Page 6: TDC - Design Invisivel

VÁRIOS TIMESVÁRIAS PESSOAS

Page 7: TDC - Design Invisivel

MESMOS PROBLEMAS

VÁRIOS TIMESVÁRIAS PESSOAS

Page 8: TDC - Design Invisivel

APARECEM COM O DESIGNApesar desses problemas não serem sobre design, eles

Page 9: TDC - Design Invisivel

3 PARADIGMAS & 1 HÁBITO RUIM

Page 10: TDC - Design Invisivel

ESQUECER DOS POR QUÊSHábito ruim:

Page 11: TDC - Design Invisivel

COMO DEVE SE PARECER.

Page 12: TDC - Design Invisivel

COMO DEVE SE PARECER.

Page 13: TDC - Design Invisivel

COMO DEVE SE PARECER & POR QUÊ.

Page 14: TDC - Design Invisivel
Page 15: TDC - Design Invisivel

CULTURA

Page 16: TDC - Design Invisivel

PARADIGMA #1

Page 17: TDC - Design Invisivel

“DESENVOLVEDORES NÃO SE ENVOLVEM COM DECISÕES DE DESIGN”

Page 18: TDC - Design Invisivel

POR QUÊ?

Page 19: TDC - Design Invisivel

UÉ, SEI LÁ

Page 20: TDC - Design Invisivel
Page 21: TDC - Design Invisivel

É O SEU PRODUTO TAMBÉM.Acima de qualquer coisa,

Page 22: TDC - Design Invisivel

HIG É SEU AMIGO

Page 23: TDC - Design Invisivel

NÃO PRECISA SER RADICAL,DESIGN #UI #ux

USABILIDADE!skeuomorfismo!!!

Page 24: TDC - Design Invisivel

APENAS MUDE A MENTALIDADE.

Exemplo:

Page 25: TDC - Design Invisivel

2012…

Page 26: TDC - Design Invisivel
Page 27: TDC - Design Invisivel
Page 28: TDC - Design Invisivel

Esse é um esboço do ícone do “Chegou?"

Page 29: TDC - Design Invisivel
Page 30: TDC - Design Invisivel
Page 31: TDC - Design Invisivel

WWDC 2015Icon best practices

Page 32: TDC - Design Invisivel

Leia a HIG; tenha uma postura aberta sobre design; seja dono do produto e questione.

Page 33: TDC - Design Invisivel

PARADIGMA #2

Page 34: TDC - Design Invisivel

“DESIGN = ESTÉTICA”

Page 35: TDC - Design Invisivel

POR QUÊ?

Page 36: TDC - Design Invisivel
Page 37: TDC - Design Invisivel

O DESIGN DE PRODUTOS PARA iOS GIROU EM TORNO DISSO POR MUITO TEMPO.

Page 38: TDC - Design Invisivel

AS COISAS MUDAM.

Page 39: TDC - Design Invisivel
Page 40: TDC - Design Invisivel
Page 41: TDC - Design Invisivel

"At the end of the day, it’s not UIs or screens or graphics we should be enamored with; it’s ease of use. Sometimes, the easiest things are the hardest to see."JULIE ZHUO, DESIGN VP @ FACEBOOK

Page 42: TDC - Design Invisivel

WWDC 2016Iterative UI Design

Page 43: TDC - Design Invisivel

“GOALS”, “INTUITIVE”, “ITERATIVE” PERTENCEM À

“POR QUÊS”.

Page 44: TDC - Design Invisivel

NEM O DESIGNER É MAIS ASSIM

Page 45: TDC - Design Invisivel

POR QUE VOCÊ DEVERIA SER TAMBÉM?

Page 46: TDC - Design Invisivel

QUESTIONE OS DESIGNERS. SE ELES SE FECHAREM, O PROBLEMA É COM ELES.

Page 47: TDC - Design Invisivel

"You see, a great designer starts with the whys. She conveys the principles behind her thinking and leaves you feeling like you understand the core values from which all her design decisions flow."JULIE ZHUO, DESIGN VP @ FACEBOOK

Page 48: TDC - Design Invisivel

PLOT TWIST

Page 49: TDC - Design Invisivel

🤔 TALVEZ

Page 50: TDC - Design Invisivel

VOCÊ🤔

Page 51: TDC - Design Invisivel

SEJA🤔

Page 52: TDC - Design Invisivel

MAIS🤔

Page 53: TDC - Design Invisivel

DESIGNER🤔

Page 54: TDC - Design Invisivel

Observe a maneira como sua equipe trabalha e repare que talvez você seja o designer.

Page 55: TDC - Design Invisivel

E 1 ÚLTIMO PROBLEMA…

Page 56: TDC - Design Invisivel
Page 57: TDC - Design Invisivel
Page 58: TDC - Design Invisivel

AJUDA:Atualização diária de telas (via Slack ou qualquer coisa similar);

Page 59: TDC - Design Invisivel

AJUDA:Atualização diária de telas (via Slack ou qualquer coisa similar);

Quebrar segregação por departamento (apenas desenvolvedores ficam com o código; apenas designers ficam com telas);

Page 60: TDC - Design Invisivel

AJUDA:Atualização diária de telas (via Slack ou qualquer coisa similar);

Quebrar segregação por departamento (apenas desenvolvedores ficam com o código; apenas designers ficam com telas);

Incentivar mútua contribuição;

Page 61: TDC - Design Invisivel
Page 62: TDC - Design Invisivel

AJUDA:Atualização diária de telas (via Slack ou qualquer coisa similar);

Quebrar segregação por departamento (apenas desenvolvedores ficam com o código; apenas designers ficam com telas);

Zeplin! <3

Incentivar mútua contribuição;

Page 63: TDC - Design Invisivel
Page 64: TDC - Design Invisivel
Page 65: TDC - Design Invisivel

ZEPLIN.IO(not a sponsor)

Page 66: TDC - Design Invisivel

POR QUE ISSO IMPORTA?

Page 67: TDC - Design Invisivel

DON NORMAN 3 NÍVEIS COGNITIVOS DO DESIGN

Page 68: TDC - Design Invisivel

VISCERALme atrai

Page 69: TDC - Design Invisivel

VISCERALme atrai

Page 70: TDC - Design Invisivel

COMPORTA-MENTALme dá poderes

Page 71: TDC - Design Invisivel

REFLEXIVOme torna melhor

Page 72: TDC - Design Invisivel

POR QUE ISSO IMPORTA?

Page 73: TDC - Design Invisivel

PEQUENOS DETALHES FARÃO A DIFERENÇA.

Page 74: TDC - Design Invisivel

🙏OBRIGADO!MARCEL MÜLLER • @GRIGIO

[email protected]


Recommended