LEAN UX - Campus Party 2014
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

LEAN UX - Campus Party 2014

  • 4,375 views
Uploaded on

Apresentação utilizada na Campus Party no dia 29 de janeiro de 2014.

Apresentação utilizada na Campus Party no dia 29 de janeiro de 2014.

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
4,375
On Slideshare
2,537
From Embeds
1,838
Number of Embeds
18

Actions

Shares
Downloads
72
Comments
5
Likes
18

Embeds 1,838

http://www.uxdesign.blog.br 1,700
http://feedly.com 71
http://digg.com 18
https://twitter.com 12
http://feedreader.com 9
http://www.userexperience.blog.br 8
http://purisco.com 6
http://www.google.com.br 4
http://news.google.com 1
http://newsblur.com 1
http://www.inoreader.com 1
http://sites.embraer.com.br 1
http://reader.aol.com 1
http://www.newsblur.com 1
http://reader.aol.com.br 1
http://www.feedspot.com 1
http://inoreader.com 1
http://www.slideee.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! LEAN UX Horácio Soares Janeiro 2014
  • 2. Horácio Pastor Soares
 
 Fundador da mestr.es, consultor da Acesso Digital e Soyuz. Especialista em acessibilidade, Design, experiência do usuário e usabilidade. Palestrante, professor e editor de artigos. horacio.soares@gmail.com facebook.com/horacio.soares @horaciosoares
 21 99925-5404
  • 3. ! UX LEAN
  • 4. LEAN
 UX
 Como acertar o tiro certo no alvo certo?
  • 5. O que nossos 
 clientes esperam?
  • 6. felicidade
  • 7. felicidade X
  • 8. felicidade
  • 9. felicidade X
  • 10. felicidade
  • 11. experiência perfeita
  • 12. E o que vocês esperam?
  • 13. o melhor osso…
  • 14. Como, na maioria das
 vezes, os projetos Web são desenvolvidos?
  • 15. 
 Atendimento 
 Cliente
  • 16. 
 Atendimento 
 Cliente ?? ? ? ??
  • 17. para onde vamos? http://voluntariadomococa.files.wordpress.com/2009/09/tarifas-taxi.jpg
  • 18. v 
 Atendimento 
 Cliente ? ? 
 ?? Designer/Arquiteto
  • 19. Causo 1 ! Precisamos Construir uma mesa. Li O Tiro e o A
  • 20. CAUSO 1 
 
 - A propósito, que mesa? Livro: O Tiro e o Alvo
  • 21. De sinuca?
  • 22. Ping-pong?
  • 23. Futebol de botão?
  • 24. Carteado?
  • 25. Ou seria uma mesa para computador?
  • 26. Reunião?
  • 27. Escritório?
  • 28. Mesa de centro?
  • 29. Jantar?
  • 30. Ou seria uma mesa de cirurgia?
  • 31. De autópsia?
  • 32. CAUSO 1 (continuação) ! 
 - Isso não interessa, meu filho. Depois a gente vê. Vamos começar logo o trabalho. O prazo é curto, então, mãos à obra! Livro: O Tiro e o Alvo Livro: rework
 37 Signals
  • 33. v 
 Atendimento 
 Cliente 
 Designer/Arquiteto
  • 34. v 
 ?? ? 
 Cliente Atendimento 
 Designer/Arquiteto
  • 35. v 
 Atendimento 
 Cliente OK 
 OK Designer/Arquiteto
  • 36. v 
 Atendimento 
 Designer/Arquiteto 
 Cliente 
 #%$&*@#$%$# ? ? ? Designer gráfico
  • 37. v 
 ?? ? Atendimento 
 Designer/Arquiteto 
 Cliente 
 Designer gráfico
  • 38. v 
 ?? ? Atendimento 
 Designer/Arquiteto 
 Cliente 
 Designer gráfico
  • 39. v ? ?? 
 Atendimento 
 Designer/Arquiteto 
 Cliente 
 Designer gráfico
  • 40. v ? ?? 
 Atendimento 
 Designer/Arquiteto 
 Cliente 
 Designer gráfico
  • 41. v 
 OK 
 Atendimento Designer/Arquiteto 
 Cliente OK 
 Designer gráfico
  • 42. v 
 
 Atendimento Designer/Arquiteto 
 Cliente 
 Backend ?? ? 
 
 Designer gráfico Front End
  • 43. v 
 
 Atendimento Designer/Arquiteto 
 #%$&*@#$%$# Cliente 
 Backend ? ?? 
 
 Designer gráfico Front End
  • 44. v 
 
 Atendimento Designer/Arquiteto 
 Cliente 
 ? ? Backend 
 
 <html> <style> <script> Designer gráfico Front End
  • 45. v 
 
 Atendimento Designer/Arquiteto 
 #%$&*@#$%$# Cliente 
 
 ?? ? 
 Designer gráfico Backend <% - - %> Front End
  • 46. v 
 
 Atendimento Designer/Arquiteto 
 Cliente 
 <html> <style> <script> 
 
 <% - - %> Backend Designer gráfico Front End
  • 47. v <html> <style> 
 
 <script> <% - - %> Atendimento ?? ? #%$&*@#$%$# Designer/Arquiteto 
 Cliente 
 Backend 
 
 Designer gráfico Front End
  • 48. Conclusão? ! Longo tempo de desenvolvimento, retrabalho, desgaste com o cliente e diminuição do lucro.
  • 49. Como são nossas experiências?
  • 50. Realidade
  • 51. 50% É a média do tempo gasto em refação nos projetos de TI. 
 Fonte: http://spectrum.ieee.org/computing/software/why-software-fails/0 
 
 Via Curso AI Faber Ludens:
 http://www.slideshare.net/faberludens/curso-ai-i-masters-jan-2013
  • 52. 100x Mais caro fazer alterações em um projeto finalizado. 
 
 Fonte: http://spectrum.ieee.org/computing/software/why-software-fails/0 
 
 Via Curso AI Faber Ludens:
 http://www.slideshare.net/faberludens/curso-ai-i-masters-jan-2013
  • 53. 15% Dos projetos são abandonados depois de uma primeira entrega inadequada. 
 
 Fonte: http://spectrum.ieee.org/computing/software/why-software-fails/0 
 Via Curso AI Faber Ludens:
 http://www.slideshare.net/faberludens/curso-ai-i-masters-jan-2013
  • 54. 83% É a média da melhoria dos KPI’s em projetos com 10% do orçamento gasto em pesquisa de usabilidade.
 
 Fonte: http://spectrum.ieee.org/computing/software/why-software-fails/0 
 Via Curso AI Faber Ludens:
 http://www.slideshare.net/faberludens/curso-ai-i-masters-jan-2013
  • 55. Além de problemas de comunicação e colaboração, como as empresas reagem as mudanças?
  • 56. PRÓ-ATIVA aperfeiçoativa preventiva oportunidades de mudança necessidades de mudança REATIVA corretiva
  • 57. Por isso, na busca por soluções, o que maioria dos sites faz?
  • 58. Ctrl + C ! Ctrl + V para quase tudo...
  • 59. Resultado: replicamos tudo sem questionamentos... !
  • 60. X
  • 61. Código de barras
  • 62. X
  • 63. Artigo 
 CAPTCHA: herói ou vilão? ! http://acessodigital.net/art_captcha-heroi-ou-vilao.html
  • 64. Captcha http://sam.zoy.org/pwntcha/

  • 65. Captcha http://sam.zoy.org/pwntcha/
 X
  • 66. Captcha 
 (solução inacessível e insegura) (http://www.webvisum.com/en/main/download)
  • 67. Menu DropDown
  • 68. X
  • 69. Clique aqui!
  • 70. “Clique aqui”, “Saiba mais”, “veja Mais”… 41.700.000 respostas para “clique aqui” no Google.
  • 71. Site da Itautec http://www.itautec.com.br (acesso em setembro 2009)
  • 72. X Site da Itautec http://www.itautec.com.br (acesso em setembro 2009)
  • 73. Ou ainda as mais recentes modinhas como paralax, modal, one single page , etc…
  • 74. http://conversionxl.com/dont-use-automatic-imagesliders-or-carousels-ignore-the-fad/
  • 75. http://shouldiuseacarousel.com/
  • 76. Mas por quê?
  • 77. Porque está na moda, todo mundo usa, porque não temos tempo e somos reativos... ! REWORK: Business book from 37signals
  • 78. E porque somos preguiçosos…
  • 79. Dinâmica Divida o quadrado em
 4 partes iguais !!! Livro: O Tiro e o Alvo
  • 80. Dinâmica Os participantes do teste, em sua maioria, vão chegar facilmente às 4 respostas seguintes: Do livro “O Tiro e o Alvo” 
 Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
  • 81. Dinâmica A partir destas, passam a ter dificuldades para encontrar outras formas de dividir o quadrado. Alguns chegam a afirmar não haver mais soluções possíveis e desistem. Do livro “O Tiro e o Alvo” 
 Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
  • 82. Dinâmica Poder-se-ia ainda dividir o quadrado com retas quebradas, como são os casos [i], [j], [k] e [l] Do livro “O Tiro e o Alvo” 
 Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
  • 83. No pensamento lateral vai-se quebrando barreiras autoimpostas e descobrindo alternativas que jamais seriam consideradas no pensamento vertical. ! ! ! ! ! ! ! O pensamento lateral é a base da técnica de “brain storming” para geração de idéias. Do livro “O Tiro e o Alvo” 
 Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
  • 84. “Cuidado, tudo que criativo é diferente, mas nem tudo diferente é criativo”. ! ! Deve-se avaliar: CUSTO X BENEFÍCIO
  • 85. Uma escada diferente
  • 86. Uma escada criativa…
  • 87. • A maioria das experiências ruins poderiam ser evitadas com a identificação do alvo certo, com colaboração e avaliações com usuários...
  • 88. UX
  • 89. Afinal, o que é eXperiência 
 do Usuário (UX) ?
  • 90. “ eXperiência do Usuário (UX) é a qualidade da experiência que uma pessoa tem ao interagir com algo projetado.
 
 uxnet.org ”
  • 91. Como projetar
 para a eXperiência 
 do Usuário? Modelo - User Experience 
 HoneyComb http://semanticstudios.com/publications/semantics/000029.php
  • 92. Modelo - User Experience HoneyComb http://semanticstudios.com/publications/semantics/000029.php
  • 93. Modelo - User Experience HoneyComb http://semanticstudios.com/publications/semantics/000029.php
  • 94. http://www.sedentario.org/wp-content/uploads/2008/06/cachorrosempata2.jpg
  • 95. Modelo - User Experience HoneyComb http://semanticstudios.com/publications/semantics/000029.php
  • 96. Modelo - User Experience HoneyComb http://semanticstudios.com/publications/semantics/000029.php
  • 97. X
  • 98. Modelo - User Experience HoneyComb http://semanticstudios.com/publications/semantics/000029.php
  • 99. Modelo - User Experience HoneyComb http://semanticstudios.com/publications/semantics/000029.php
  • 100. Modelo - User Experience HoneyComb http://semanticstudios.com/publications/semantics/000029.php
  • 101. Mas para isso, entre outros, precisamos:
 - Identificar as necessidades dos usuários - Identificar os objetivos da empresa
  • 102. onde devemos mirar?
  • 103. desafio 1: 
 identificar objetivos e necessidades…
  • 104. Investigação Baseada em Perguntas Precisamos automatizar a Contabilidade Preciso do Balancete dia 5 e não dia 15 como atualmente! Necessito da Conta X do Balancete até o dia 5. Preciso do valor da Conta X para calcular até o dia 7 o valor das Reservas. Precisamos informar o valor das Reservas ao Banco Central até o dia 8! Por que se não informarmos as Reservas seremos multados!! Por Quê? Por Quê? Por Quê?
  • 105. Desafio 2:
 
 Como atender ao mesmo tempo 
 os objetivos e as necessidades? Marte 
 Objetivos e metas da empresa Vênus
 Necessidades dos usuários
  • 106. Objetivos
 e metas 
 do projeto
  • 107. Reais
 necessidades dos usuários
  • 108. Objetivos
 e metas 
 do projeto Reais
 necessidades dos usuários
  • 109. a busca
 do equilíbrio
  • 110. empresa Objetivos
 e metas do
 projeto Necessidades dos
 usuários usuários
  • 111. um case em equilíbrio…
  • 112. Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
  • 113. Erico Fileno
  • 114. Como o cliente explicou o que queria O que o cliente realmente precisava
  • 115. Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
  • 116. Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
  • 117. Observação e identificação de um problema...
  • 118. Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
  • 119. Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
  • 120. Um caminho para o equilíbrio: 
 modelagem participativa
  • 121. Um caminho: modelagem participativa
  • 122. Modelagem Participativa LUCRO! Por que um Novo Sistema Diretor Presidente de Materiais ? ROUBO! Chefe do Almoxarifado JUROS! Diretor Financeiro PARADAS! Diretor de Produção
  • 123. Voto não é democracia… ! Democracia é consenso…
  • 124. Investigação Baseada 
 em Perguntas Por Quê? Objetivar Livro: O Tiro e o Alvo O Quê? Conceituar Como? Projetar Q
  • 125. UX 
 Principais problemas
  • 126. UX Designer torna-se especialista na criação de docs como Wireframes, site maps, diagramas de fluxo, inventários de conteúdos, taxonomias, mockups e documentos com especificações, ao invés de projetarem experiências.
  • 127. Inventário de Conteúdo
  • 128. Taxonomia
  • 129. Personas
  • 130. Storyboard
  • 131. Casos de Uso
  • 132. Caso de uso
  • 133. Benthmarking
  • 134. Fluxos
  • 135. 
 protótipo

  • 136. 
 protótipo navegável…

  • 137. Quando combinado com metodologias de desenvolvimento, os entregáveis produzidos pelos designers podem gerar um grande desperdício de tempo.
  • 138. Um processo típico de desenvolvimento de software:
  • 139. ! Define > Projeta > Desenvolve > Testa > Deploy
  • 140. Um processo 
 típico de Design
  • 141. → Espera pela definição dos requisitos → Consume documentos de requisitos → Desenvolve site maps de alto nível e workflows → Busca consenso e aprovação → Desenvolve wireframes para cada sessão da experiência → Apresenta aos Stakeholders e obtém consenso e aprovação → Design gráfico para cada wireframe
  • 142. → Apresenta aos Stakeholders e obtém aprovação (após repetidos ciclos de revisão) → Escrever a especificação, detalhando cada pixel e interação → Teste de usabilidade para futuras melhorias → Análise da área de desenvolvimentoMão, aprovação e início da implementação.
  • 143. Esta fase pode demorar de um a seis meses, dependendo do escopo do projeto, níveis de aprovação, ciclos de revisão...
  • 144. Já não está na hora de tentar fazer alguma coisa diferente?
  • 145. LEAN UX
  • 146. http://www.slideshare.net/uxconsulting/iaxil-lunch-talk-lean-ux
  • 147. Não é uma UX preguiçosa, mas é sobre minimizar 
 desperdícios. http://www.slideshare.net/uxconsulting/iaxil-lunch-talk-lean-ux
  • 148. Processos Pessoas ! ! Design
 Pesquisa ! ! UX Agile ! ! ! ! Lean ! ! Startup Negócios Dev.! Prod.
  • 149. LEAN
  • 150. Vem da Lean Startup (Eric Ries)
  • 151. Só uma bala na agulha…
  • 152. Lean Starput (Eric Ries)
  • 153. Inspirado nas teorias do LEAN e Agile, Lean UX propõem uma UX com menos ênfase em entregas e maior foco na experiência real que está sendo projetada.
  • 154. Princípios
  • 155. Na Lean UX deve-se errar logo, para poder acertar o mais rápido possível...
  • 156. ! ! É um processo participativo, colaborativo...
  • 157. A Lean UX se concentra na fase de concepção do processo de desenvolvimento de software/sites. ! Seja qual for a metodologia escolhida da sua organização ( cascata, Agile , etc), estes conceitos podem ser aplicados as tarefas de design.
  • 158. A vítima do UX Lean !
  • 159. O designer
  • 160. ! ! ! ! ! ! ! ! Quebra de paradigma… Mudança de cultura. ! !
  • 161. Envolvimento da equipe…
  • 162. Quem aqui já testou seus projetos com usuários?
  • 163. Quem aqui sempre testa seus projetos com usuários?
  • 164. O que é qualidade?
  • 165. Como esperar experiências de qualidade deixando de lado a validação com usuários?
  • 166. Diferenças