TDC - Design Invisivel
-
Upload
marcel-mueller -
Category
Design
-
view
180 -
download
0
Transcript of TDC - Design Invisivel
![Page 1: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/1.jpg)
👋
![Page 2: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/2.jpg)
DESIGN ________uma conversa além dos ______
MARCEL MÜLLER • @GRIGIO
![Page 3: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/3.jpg)
DESIGNERGoogle, HP, Snapchat, Chegou?, PlayKids, iFood, SuperPlayer etc
VISUALINTERFACEPRODUCT
& MOTION
![Page 4: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/4.jpg)
INTERFACES INVISÍVEIS, CHATBOTZZZZZ 😴
![Page 5: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/5.jpg)
CULTURA
![Page 6: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/6.jpg)
VÁRIOS TIMESVÁRIAS PESSOAS
![Page 7: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/7.jpg)
MESMOS PROBLEMAS
VÁRIOS TIMESVÁRIAS PESSOAS
![Page 8: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/8.jpg)
APARECEM COM O DESIGNApesar desses problemas não serem sobre design, eles
![Page 9: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/9.jpg)
3 PARADIGMAS & 1 HÁBITO RUIM
![Page 10: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/10.jpg)
ESQUECER DOS POR QUÊSHábito ruim:
![Page 11: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/11.jpg)
COMO DEVE SE PARECER.
![Page 12: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/12.jpg)
COMO DEVE SE PARECER.
![Page 13: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/13.jpg)
COMO DEVE SE PARECER & POR QUÊ.
![Page 14: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/14.jpg)
![Page 15: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/15.jpg)
CULTURA
![Page 16: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/16.jpg)
PARADIGMA #1
![Page 17: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/17.jpg)
“DESENVOLVEDORES NÃO SE ENVOLVEM COM DECISÕES DE DESIGN”
![Page 18: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/18.jpg)
POR QUÊ?
![Page 19: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/19.jpg)
UÉ, SEI LÁ
![Page 20: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/20.jpg)
![Page 21: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/21.jpg)
É O SEU PRODUTO TAMBÉM.Acima de qualquer coisa,
![Page 22: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/22.jpg)
HIG É SEU AMIGO
![Page 23: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/23.jpg)
NÃO PRECISA SER RADICAL,DESIGN #UI #ux
USABILIDADE!skeuomorfismo!!!
![Page 24: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/24.jpg)
APENAS MUDE A MENTALIDADE.
Exemplo:
![Page 25: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/25.jpg)
2012…
![Page 26: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/26.jpg)
![Page 27: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/27.jpg)
![Page 28: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/28.jpg)
Esse é um esboço do ícone do “Chegou?"
![Page 29: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/29.jpg)
![Page 30: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/30.jpg)
![Page 31: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/31.jpg)
WWDC 2015Icon best practices
![Page 32: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/32.jpg)
Leia a HIG; tenha uma postura aberta sobre design; seja dono do produto e questione.
![Page 33: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/33.jpg)
PARADIGMA #2
![Page 34: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/34.jpg)
“DESIGN = ESTÉTICA”
![Page 35: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/35.jpg)
POR QUÊ?
![Page 36: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/36.jpg)
![Page 37: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/37.jpg)
O DESIGN DE PRODUTOS PARA iOS GIROU EM TORNO DISSO POR MUITO TEMPO.
![Page 38: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/38.jpg)
AS COISAS MUDAM.
![Page 39: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/39.jpg)
![Page 40: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/40.jpg)
![Page 41: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/41.jpg)
"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](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/42.jpg)
WWDC 2016Iterative UI Design
![Page 43: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/43.jpg)
“GOALS”, “INTUITIVE”, “ITERATIVE” PERTENCEM À
“POR QUÊS”.
![Page 44: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/44.jpg)
NEM O DESIGNER É MAIS ASSIM
![Page 45: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/45.jpg)
POR QUE VOCÊ DEVERIA SER TAMBÉM?
![Page 46: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/46.jpg)
QUESTIONE OS DESIGNERS. SE ELES SE FECHAREM, O PROBLEMA É COM ELES.
![Page 47: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/47.jpg)
"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](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/48.jpg)
PLOT TWIST
![Page 49: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/49.jpg)
🤔 TALVEZ
![Page 50: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/50.jpg)
VOCÊ🤔
![Page 51: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/51.jpg)
SEJA🤔
![Page 52: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/52.jpg)
MAIS🤔
![Page 53: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/53.jpg)
DESIGNER🤔
![Page 54: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/54.jpg)
Observe a maneira como sua equipe trabalha e repare que talvez você seja o designer.
![Page 55: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/55.jpg)
E 1 ÚLTIMO PROBLEMA…
![Page 56: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/56.jpg)
![Page 57: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/57.jpg)
![Page 58: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/58.jpg)
AJUDA:Atualização diária de telas (via Slack ou qualquer coisa similar);
![Page 59: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/59.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/60.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/61.jpg)
![Page 62: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/62.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/63.jpg)
![Page 64: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/64.jpg)
![Page 65: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/65.jpg)
ZEPLIN.IO(not a sponsor)
![Page 66: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/66.jpg)
POR QUE ISSO IMPORTA?
![Page 67: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/67.jpg)
DON NORMAN 3 NÍVEIS COGNITIVOS DO DESIGN
![Page 68: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/68.jpg)
VISCERALme atrai
![Page 69: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/69.jpg)
VISCERALme atrai
![Page 70: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/70.jpg)
COMPORTA-MENTALme dá poderes
![Page 71: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/71.jpg)
REFLEXIVOme torna melhor
![Page 72: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/72.jpg)
POR QUE ISSO IMPORTA?
![Page 73: TDC - Design Invisivel](https://reader034.fdocuments.us/reader034/viewer/2022051720/58ee647a1a28ab8f468b4567/html5/thumbnails/73.jpg)
PEQUENOS DETALHES FARÃO A DIFERENÇA.