• Save
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

on

  • 672 views

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

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

Statistics

Views

Total Views
672
Views on SlideShare
672
Embed Views
0

Actions

Likes
2
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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 Design ágil: encaixando o design no processo - Bernard de Luna, Estante Virtual Presentation Transcript

  • 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 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
  • 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
  • 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
  • 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.
  • 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 Cenários•Mapeamento de Fluxo de navegação•Sitemap•Escrever roteiros de testes com usuário•Wireframes•Executar testes com usuário•Documentar•Apresentar
  • •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
  • 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/archive/2009/03/20/goodbye-google.html
  • dip
  • 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/
  • 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
  • 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 iniciada. Com a interação earquitetura definida, ainda pode ser iniciada umaterceira etapa simultânea que é a dodesenvolvimento do sistema.
  • WIREFRAMEDESIGN FRONT-ENDBACK-END
  • 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.
  • WIREFRAME DESIGNDESENVOLVIMENTOTESTES
  • MinimumViable Product
  • 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
  • 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 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
  • 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 processo conjunto de criação.Horácio Soares Neto
  • @bernarddelunaobrigado!Bernard De Luna