Bernard De Lunawww.bernarddeluna.com@bernarddeluna
Marketplacesebos e livreirosvocê
11 milhõesde livros cadastrados
9 milvendas por dia!
design x arte
wikipediaO Próprio Gropius afirma que antes de umexercício puro do racionalismo funcional, aBauhaus deveria procurar defin...
O Próprio Gropius afirma que antes de umexercício puro do racionalismo funcional, aBauhaus deveria procurar definir os lim...
Manifesto de Bauhaus (1919)A ação de vanguarda deles iria provoca umaalteração duradoura na história da arquitetura edas a...
Manifesto de Bauhaus (1919)Educaterra - História por Voltaire SchillingA ação de vanguarda deles iria provoca umaalteração...
Ideal de engenhariaO Principal objetivo da maioria dosprojetos da web é facilitar aocliente o desempenho de tarefasúteis
etapas de projeto•Contextualização do projeto•Levantamento de requisitos•Priorização de requisitos•Criação de Personas e C...
•Contextualização do projeto•Levantamento de requisitos•Priorização de requisitos•Criação de Personas e Cenários•Mapeament...
dias úteisaproximadamente 2 meses34
1 designervalor hora 80,00R$ 21.760
Designers, na verdade, nãoresolvem problemas.Designers trabalham comelesMARTY NEUMEIER
Muitos designers ainda nãosabem a diferença entre UX eUI
iteraçãoprodução testes+
Dados sem contexto sãoperigosos
Data in your favor? Ok, launch it.Data shows negative effects?Back to the drawing board.Doug Bowman: http://stopdesign.com...
dip
Usuários odeiam mudanças, por issoé geralmente melhor ficar com umdesign familiar e evoluirgradualmenteJakob Nielsen’shttp...
Não se deve acreditar nas pessoasque dizem preferir certasmudanças em seu produto. Elasprovavelmente superestimam suasfutu...
sucessodados insights+contextopadrões+ +
Modelo tradicionalCada etapa finalizada dá origem aocomeço da etapa seguinte.Processo demorado e geradependência.
WIREFRAMEDESIGNFRONT-ENDBACK-END
Modelo avançadoNecessita de uma documentação bastantedefinida no protótipo para que a etapa decodificação possa ser inicia...
WIREFRAMEDESIGN FRONT-ENDBACK-END
Modelo ágilSprint 1: prever, mapear e arquitetar oque será feito na sprint 2. Paralelo aisso, temos que codificar o que se...
WIREFRAME DESIGNDESENVOLVIMENTOTESTES
MinimumViable Product
Qualquer que seja o mínimoconjunto de recursos que vocêdecidir construir, você podeconstruí-lo corretamenteRyan (37 signal...
Ryan (37 signals)http://37signals.com/svn/posts/2963-what-happens-to-user-experience-in-a-minimum-viable-product
5DESIGNERS40DESENVOLVEDORES12PROJETOSSIMULTÂNEOS
15min x 12 =3 HORAS!
Planning3horasreview1horax1248 HORAS!
Nos tornamosprofissionais reativos
Postura reativaInvestigar o que está errado e corrigir
Postura PROATIVAAlém da correção, age-se de modoaperfeiçoativo e preventivo.
Horácio soaresnetoA postura reativa éfilha do passadoenquanto a proativaé mãe do futuro.
Diagram of the iterative design and critique process. Warfel, Todd Zaki
Jakob Nielsen - http://www.useit.com/alertbox/20000319.html
webanalyticsonlinesurveysusertestingAB /multivariatetestingoffline focusgroups /interviewssocial mediaanalysis /voice tool...
Falta de liderançaé um gargalo
RASIROLEResponsibility, Authority, Support andInformed
tarefa ouprojeto 1tarefa ouprojeto 2tarefa ouprojeto 3tarefa ouprojeto 4S R A AR S R SA I I RKIKOLEANDROBRUNO
Greate design isinvisibleJoshua Porter
Thinks in Flows,notscreensJason Putorti
Simplicidade é a maisnovasofisticaçãoSaint Exupery
Não é possível obter uma criação coletivaa partir da soma de criações individuais.Uma criação é sempre resultado deum proc...
@bernarddelunaobrigado!Bernard De Luna
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Design ágil: encaixando o design no processo  - Bernard de Luna, Estante Virtual
Upcoming SlideShare
Loading in …5
×

Design ágil: encaixando o design no processo - Bernard de Luna, Estante Virtual

672 views
588 views

Published on

Apresentação por Bernard de Luna, Gerente de Produto na Estante Virtual, no Congresso E-commerce Brasil Experiência do Cliente.

Published in: Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
672
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • ArquitetoalemãoUm dos principaisarquitetos do século XXPaida BauhausImpulsionador do modernismoe do funcionalismoatravésda Bauhaus
  • Design ágil: encaixando o design no processo - Bernard de Luna, Estante Virtual

    1. 1. Bernard De Lunawww.bernarddeluna.com@bernarddeluna
    2. 2. Marketplacesebos e livreirosvocê
    3. 3. 11 milhõesde livros cadastrados
    4. 4. 9 milvendas por dia!
    5. 5. design x arte
    6. 6. wikipediaO Próprio Gropius afirma que antes de umexercício puro do racionalismo funcional, aBauhaus deveria procurar definir os limites desteenfoque, e através da separação daquilo que émeramente arbitrário do que é essencial e típico,permitir ao espírito criativo construir o novo sobre abase tecnológica já adquirida pela humanidade
    7. 7. O Próprio Gropius afirma que antes de umexercício puro do racionalismo funcional, aBauhaus deveria procurar definir os limites desteenfoque, e através da separação daquilo que émeramente arbitrário do que é essencial etípico, permitir ao espírito criativo construir o novosobre a base tecnológica já adquirida pelahumanidadewikipedia
    8. 8. Manifesto de Bauhaus (1919)A ação de vanguarda deles iria provoca umaalteração duradoura na história da arquitetura edas artes plásticas em geral. Não era paramenos visto que a ambição do movimento era“a nova construção do futuro.” Começava entãouma das mais importantes transformações doséculo 20: a aliança entre a estética e atecnologia, entre o artista e a indústria.Educaterra - História por Voltaire Schilling
    9. 9. Manifesto de Bauhaus (1919)Educaterra - História por Voltaire SchillingA ação de vanguarda deles iria provoca umaalteração duradoura na história da arquitetura edas artes plásticas em geral. Não era paramenos visto que a ambição do movimento era“a nova construção do futuro.” Começava entãouma das mais importantes transformações doséculo 20: a aliança entre a estética e atecnologia, entre o artista e a indústria.
    10. 10. Ideal de engenhariaO Principal objetivo da maioria dosprojetos da web é facilitar aocliente o desempenho de tarefasúteis
    11. 11. etapas de projeto•Contextualização do projeto•Levantamento de requisitos•Priorização de requisitos•Criação de Personas e Cenários•Mapeamento de Fluxo de navegação•Sitemap•Escrever roteiros de testes com usuário•Wireframes•Executar testes com usuário•Documentar•Apresentar
    12. 12. •Contextualização do projeto•Levantamento de requisitos•Priorização de requisitos•Criação de Personas e Cenários•Mapeamento de Fluxo de navegação•Sitemap•Escrever roteiros de testes com usuário•Wireframes•Executar testes com usuário•Documentar•Apresentar•1d•3d•1d•3d•3d•3d•3d•8d•4d•2d•3detapas de projeto
    13. 13. dias úteisaproximadamente 2 meses34
    14. 14. 1 designervalor hora 80,00R$ 21.760
    15. 15. Designers, na verdade, nãoresolvem problemas.Designers trabalham comelesMARTY NEUMEIER
    16. 16. Muitos designers ainda nãosabem a diferença entre UX eUI
    17. 17. iteraçãoprodução testes+
    18. 18. Dados sem contexto sãoperigosos
    19. 19. Data in your favor? Ok, launch it.Data shows negative effects?Back to the drawing board.Doug Bowman: http://stopdesign.com/archive/2009/03/20/goodbye-google.html
    20. 20. dip
    21. 21. Usuários odeiam mudanças, por issoé geralmente melhor ficar com umdesign familiar e evoluirgradualmenteJakob Nielsen’shttp://www.nngroup.com/articles/fresh-vs-familiar-aggressive-redesign/
    22. 22. Não se deve acreditar nas pessoasque dizem preferir certasmudanças em seu produto. Elasprovavelmente superestimam suasfuturas reações.Neuropsicólogo Susan Weinschenkhttp://uxmyths.com/post/746610684/myth-21-people-can-tell-you-what-they-want
    23. 23. sucessodados insights+contextopadrões+ +
    24. 24. Modelo tradicionalCada etapa finalizada dá origem aocomeço da etapa seguinte.Processo demorado e geradependência.
    25. 25. WIREFRAMEDESIGNFRONT-ENDBACK-END
    26. 26. Modelo avançadoNecessita de uma documentação bastantedefinida no protótipo para que a etapa decodificação possa ser iniciada. Com a interação earquitetura definida, ainda pode ser iniciada umaterceira etapa simultânea que é a dodesenvolvimento do sistema.
    27. 27. WIREFRAMEDESIGN FRONT-ENDBACK-END
    28. 28. Modelo ágilSprint 1: prever, mapear e arquitetar oque será feito na sprint 2. Paralelo aisso, temos que codificar o que serátrabalhado na sprint atual e corrigir errose melhorias da sprint atual e sprintanterior.
    29. 29. WIREFRAME DESIGNDESENVOLVIMENTOTESTES
    30. 30. MinimumViable Product
    31. 31. Qualquer que seja o mínimoconjunto de recursos que vocêdecidir construir, você podeconstruí-lo corretamenteRyan (37 signals)http://37signals.com/svn/posts/2963-what-happens-to-user-experience-in-a-minimum-viable-product
    32. 32. Ryan (37 signals)http://37signals.com/svn/posts/2963-what-happens-to-user-experience-in-a-minimum-viable-product
    33. 33. 5DESIGNERS40DESENVOLVEDORES12PROJETOSSIMULTÂNEOS
    34. 34. 15min x 12 =3 HORAS!
    35. 35. Planning3horasreview1horax1248 HORAS!
    36. 36. Nos tornamosprofissionais reativos
    37. 37. Postura reativaInvestigar o que está errado e corrigir
    38. 38. Postura PROATIVAAlém da correção, age-se de modoaperfeiçoativo e preventivo.
    39. 39. Horácio soaresnetoA postura reativa éfilha do passadoenquanto a proativaé mãe do futuro.
    40. 40. Diagram of the iterative design and critique process. Warfel, Todd Zaki
    41. 41. Jakob Nielsen - http://www.useit.com/alertbox/20000319.html
    42. 42. webanalyticsonlinesurveysusertestingAB /multivariatetestingoffline focusgroups /interviewssocial mediaanalysis /voice toolsonlinereputation /buzzmonitoringonline focusgroupsessionplaytechnology100%90%80%70%60%50%40%30%20%10%0%% of companies using % of companies considering very effectivecomparação entre entre métodos deavaliação da experiência do consumidor
    43. 43. Falta de liderançaé um gargalo
    44. 44. RASIROLEResponsibility, Authority, Support andInformed
    45. 45. tarefa ouprojeto 1tarefa ouprojeto 2tarefa ouprojeto 3tarefa ouprojeto 4S R A AR S R SA I I RKIKOLEANDROBRUNO
    46. 46. Greate design isinvisibleJoshua Porter
    47. 47. Thinks in Flows,notscreensJason Putorti
    48. 48. Simplicidade é a maisnovasofisticaçãoSaint Exupery
    49. 49. Não é possível obter uma criação coletivaa partir da soma de criações individuais.Uma criação é sempre resultado deum processo conjunto de criação.Horácio Soares Neto
    50. 50. @bernarddelunaobrigado!Bernard De Luna

    ×