View
4.744
Download
10
Category
Preview:
DESCRIPTION
Apresentação utilizada na Campus Party no dia 29 de janeiro de 2014.
Citation preview
!!!!!!!!!!!!!!!!
LEAN UXHorácio Soares Janeiro 2014
horacio.soares@gmail.com facebook.com/horacio.soares
@horaciosoares21 99925-5404
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.
!
UXLEAN
LEAN
UXComo acertar o tiro certo no alvo certo?
O que nossos clientes
esperam?
felicidade
felicidade
X
felicidade
felicidade
X
felicidade
experiência perfeita
E o que vocês
esperam?
o melhor osso…
Como, na maioria das vezes, os projetos Web são
desenvolvidos?
Cliente
Atendimento
Cliente ??
?? ??
Atendimento
http://voluntariadomococa.files.wordpress.com/2009/09/tarifas-taxi.jpg
para onde vamos?
v
Cliente
Atendimento
Designer/Arquiteto
?? ??
Livro: O Tiro e o Alvo
Causo 1
!
Precisamos
Construir uma mesa.
CAUSO 1
- A propósito, que mesa?
Livro: O Tiro e o Alvo
De sinuca?
Ping-pong?
Futebol de botão?
Carteado?
Ou seria uma mesa para computador?
Reunião?
Escritório?
Mesa de centro?
Jantar?
Ou seria uma mesa de cirurgia?
De autópsia?
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
v
Cliente
Atendimento
Designer/Arquiteto
v
Cliente
Atendimento
Designer/Arquiteto???
v
Cliente
Atendimento
Designer/Arquiteto
OKOK
v
Cliente
Designer gráfico
Atendimento
Designer/Arquiteto
??
?#%$&*@#$%$#
v
Cliente
Designer gráfico
Atendimento
Designer/Arquiteto
???
v
Cliente
Designer gráfico
Atendimento
Designer/Arquiteto
???
v
Cliente
Designer gráfico
Atendimento
Designer/Arquiteto???
v
Cliente
Designer gráfico
Atendimento
Designer/Arquiteto???
v
Cliente
Designer gráfico
Atendimento
Designer/ArquitetoOK
OK
v
Cliente
Designer gráficoFront End
Atendimento
Designer/Arquiteto
? ?
Backend
?
v
Cliente
Designer gráficoFront End
Atendimento
Designer/Arquiteto
??
Backend
?#%$&*@#$%$#
v
Cliente
Designer gráficoFront End
Atendimento
Designer/Arquiteto
<html> <style><script>
Backend
??
v
Cliente
Designer gráficoFront End
Atendimento
Designer/Arquiteto
Backend
??
?
<% - - %>
#%$&*@#$%$#
v
Cliente
Designer gráficoFront End
Atendimento
Designer/Arquiteto
<html> <style>
<script>
Backend
<% - - %>
v
Cliente
Designer gráficoFront End
Atendimento
Designer/Arquiteto
<html> <style><script>
Backend
<% - - %>
#%$&*@#$%$#
???
Conclusão?
!
Longo tempo de desenvolvimento, retrabalho, desgaste com o cliente e diminuição do lucro.
Como são nossas experiências?
Realidade
É 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
50%
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
100x
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
15%
É 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
83%
Além de problemas de comunicação e colaboração, como as empresas reagem as
mudanças?
necessidadesde mudança
oportunidadesde mudança
REATIVA corretiva
PRÓ-ATIVA aperfeiçoativa preventiva
Por isso, na busca por soluções, o que maioria dos
sites faz?
Ctrl + C ! Ctrl + V para quase tudo...
Resultado:
replicamos tudo sem questionamentos...
!
X
Código de barras
X
Artigo CAPTCHA: herói ou vilão?
!http://acessodigital.net/art_captcha-heroi-ou-vilao.html
Captcha http://sam.zoy.org/pwntcha/
Captcha http://sam.zoy.org/pwntcha/
X
Captcha (solução inacessível e insegura)
(http://www.webvisum.com/en/main/download)
Menu DropDown
X
Clique aqui!
“Clique aqui”, “Saiba mais”, “veja
Mais”… 41.700.000 respostas
para “clique aqui” no Google.
Ou ainda as mais recentes modinhas como paralax,
modal, one single page , etc…
http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/
http://shouldiuseacarousel.com/
Mas por quê?
Porque está na moda, todo mundo usa, porque não temos tempo e
somos reativos...
!
REWORK: Business book from 37signals
E porque somos preguiçosos…
Divida o quadrado em4 partes iguais !!!
Dinâmica
Livro: O Tiro e o Alvo
Os participantes do teste, em sua maioria, vão chegar facilmente às 4 respostas seguintes:
Dinâmica
Do livro “O Tiro e o Alvo” Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
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.
Dinâmica
Do livro “O Tiro e o Alvo” Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
Poder-se-ia ainda dividir o quadrado com retas quebradas, como são os casos [i], [j], [k] e [l]
Dinâmica
Do livro “O Tiro e o Alvo” Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
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/
“Cuidado, tudo que criativo é diferente, mas nem tudo diferente é criativo”.
!!
Deve-se avaliar: CUSTO X BENEFÍCIO
Uma escada diferente
Uma escada criativa…
• 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...
UX
Afinal, o que é eXperiência do Usuário (UX) ?
eXperiência do Usuário (UX) é a qualidade da experiência que uma
pessoa tem ao interagir com algo projetado.
uxnet.org
“
”
http://semanticstudios.com/publications/semantics/000029.php
Como projetar para a eXperiência do Usuário?
Modelo - User Experience HoneyComb
http://semanticstudios.com/publications/semantics/000029.php
Modelo - User Experience HoneyComb
http://semanticstudios.com/publications/semantics/000029.php
Modelo - User Experience HoneyComb
http://www.sedentario.org/wp-content/uploads/2008/06/cachorrosempata2.jpg
http://semanticstudios.com/publications/semantics/000029.php
Modelo - User Experience HoneyComb
http://semanticstudios.com/publications/semantics/000029.php
Modelo - User Experience HoneyComb
X
http://semanticstudios.com/publications/semantics/000029.php
Modelo - User Experience HoneyComb
http://semanticstudios.com/publications/semantics/000029.php
Modelo - User Experience HoneyComb
http://semanticstudios.com/publications/semantics/000029.php
Modelo - User Experience HoneyComb
Mas para isso, entre outros, precisamos:
- Identificar as necessidades dos usuários
- Identificar os objetivos da empresa
onde devemos mirar?
desafio 1:
identificar objetivos e necessidades…
Por Quê?Por Quê?Por Quê?Por Quê?Por Quê?
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!!
Investigação Baseada em Perguntas
Marte Objetivos e metas da empresa
Vênus Necessidades dos usuários
Desafio 2:
Como atender ao mesmo tempo os objetivos e as necessidades?
Objetivos e metas do projeto
Reais necessidades
dos usuários
Objetivos e metas do projeto
Reais necessidades
dos usuários
a busca do equilíbrio
empresa
usuários
Objetivos e metas do
projeto Necessidades dos
usuários
um case em equilíbrio…
Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
Erico Fileno
Como o cliente explicou
o que queria
O que o cliente
realmente precisava
Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
Observação e identificação de um problema...
Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012
Um caminho para o equilíbrio: modelagem participativa
Um caminho: modelagem participativa
Por que um Novo Sistemade Materiais ?
LUCRO!
DiretorPresidente
ROUBO!
Chefe do Almoxarifado
JUROS!
Diretor Financeiro
PARADAS!
Diretor de Produção
Modelagem Participativa
Voto não é democracia… !
Democracia é consenso…
Investigação Baseada em Perguntas
Q
Como?
Projetar
O Quê?
Conceituar
Por Quê?
Objetivar
Livro: O Tiro e o Alvo
UX Principais problemas
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.
Inventário de Conteúdo
Taxonomia
Personas
Storyboard
Casos de Uso
Caso de uso
Benthmarking
Fluxos
protótipo
protótipo navegável…
Quando combinado com metodologias de
desenvolvimento, os entregáveis produzidos pelos designers
podem gerar um grande desperdício de tempo.
Um processo típico de
desenvolvimento de software:
!Define > Projeta > Desenvolve > Testa > Deploy
Um processo típico de Design
→ 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
→ 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.
Esta fase pode demorar de um a seis meses, dependendo do escopo
do projeto, níveis de aprovação, ciclos de revisão...
Já não está na hora de tentar fazer
alguma coisa diferente?
LEAN
UX
http://www.slideshare.net/uxconsulting/iaxil-lunch-talk-lean-ux
http://www.slideshare.net/uxconsulting/iaxil-lunch-talk-lean-ux
Não é uma UX preguiçosa,
mas é sobre minimizar desperdícios.
!Dev.!Prod.
Processos!
Design Pesquisa
Pessoas
!!
!!!
Startup
Negócios
!
UX!
Agile!
Lean
LEAN
Vem da
Lean Startup (Eric Ries)
Só uma bala na agulha…
Lean Starput (Eric Ries)
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.
Princípios
Na Lean UX deve-se errar logo, para
poder acertar o mais rápido possível...
!!
É um processo participativo,
colaborativo...
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.
A vítima
do UX Lean
!
O designer
!!!!!!!!
Quebra de paradigma… Mudança de
cultura.
!
!
Envolvimento da equipe…
Quem aqui já testou seus projetos com usuários?
Quem aqui sempre testa seus projetos com usuários?
O que é qualidade?
Como esperar experiências de qualidade deixando de lado a
validação com usuários?
Diferenças
Recommended