LEAN UX - Campus Party 2014

!
!
!
!
!
!
!
!
!
!
!
!
!
!
!
!

LEAN UX
Horácio Soares

Janeiro 2014

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

LEAN 

UX 
Como acertar
o tiro certo
no alvo certo?

O que
nossos  
clientes
esperam?

Como, na maioria das 
vezes, os projetos Web são
desenvolvidos?

Atendimento
 

Cliente

??
? ?
??

para onde vamos?

http://voluntariadomococa.files.wordpress.com/2009/09/tarifas-taxi.jpg

v
 

Atendimento
 

Cliente

?
?
 

??

Designer/Arquiteto

Causo 1
!
Precisamos
Construir
uma mesa.

Li
O Tiro e o A

CAUSO 1
 
 

- A propósito, que mesa?

Livro: O Tiro e o Alvo

Ou seria uma mesa para computador?

Ou seria uma mesa de cirurgia?

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: rework 
37 Signals

v
 

Atendimento
 

Cliente

 

Designer/Arquiteto

v
 

??
?
 

Cliente

Atendimento

 

Designer/Arquiteto

v
 

Atendimento
 

Cliente

OK

 

OK

Designer/Arquiteto

v
 

Atendimento

 

Designer/Arquiteto

 

Cliente
 

#%$&*@#$%$#

?

?
?

Designer gráfico

v
 

??
?

Atendimento

 

Designer/Arquiteto

 

Cliente
 

Designer gráfico

v

?
??

 

Atendimento

 

Designer/Arquiteto

 

Cliente
 

Designer gráfico

v
 

OK

 

Atendimento

Designer/Arquiteto

 

Cliente

OK
 

Designer gráfico

v
 

 

Atendimento

Designer/Arquiteto

 

Cliente
 

Backend

??
?
 

 

Designer gráfico
Front End

v
 

 

Atendimento

Designer/Arquiteto

 

#%$&*@#$%$#
Cliente
 

Backend

? ??
 

 

Designer gráfico
Front End

v
 

 

Atendimento

Designer/Arquiteto

 

Cliente
 

?
?

Backend

 
 

<html> <style>
<script>
Designer gráfico
Front End

v
 

 

Atendimento

Designer/Arquiteto

 

#%$&*@#$%$#
Cliente
 
 

??
?
 

Designer gráfico

Backend
<% - - %>

Front End

v
 

 

Atendimento

Designer/Arquiteto

 

Cliente
 

<html> <style>
<script>

 
 

<% - - %>
Backend

Designer gráfico
Front End

v

<html>

<style>
 

 

<script>
<% - - %>
Atendimento
??
?
#%$&*@#$%$#

Designer/Arquiteto

 

Cliente
 

Backend

 
 

Designer gráfico
Front End

Conclusão?
!

Longo tempo de
desenvolvimento, retrabalho,
desgaste com o cliente e
diminuição do lucro.

Como são nossas
experiências?

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

100x
Mais caro fazer alterações em um
projeto finalizado.  
 
Fonte:
http://spectrum.ieee.org/computing/software/why-software-fails/0  
 

15%

Dos projetos são abandonados
depois de uma primeira entrega
inadequada.  
 
Fonte:
http://spectrum.ieee.org/computing/software/why-software-fails/0

 

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

 

Além de problemas de
comunicação e colaboração,
como as empresas reagem as
mudanças?

PRÓ-ATIVA

aperfeiçoativa
preventiva

oportunidades
de mudança

necessidades
de mudança

REATIVA
corretiva

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...
!

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)

“Clique aqui”, “Saiba mais”, “veja
Mais”… 41.700.000 respostas
para “clique aqui” no Google.

Site da Itautec http://www.itautec.com.br (acesso em setembro 2009)

X
Site da Itautec http://www.itautec.com.br (acesso em setembro 2009)

Ou ainda as mais recentes
modinhas como paralax,
modal, one single page , etc…

http://conversionxl.com/dont-use-automatic-imagesliders-or-carousels-ignore-the-fad/

http://shouldiuseacarousel.com/

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…

Dinâmica
Divida o quadrado em 
4 partes iguais !!!


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/

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.


Dinâmica
Poder-se-ia ainda dividir o quadrado com
retas quebradas, como são os casos [i], [j],
[k] e [l]


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.

“Cuidado, tudo que criativo é diferente,
mas nem tudo diferente é criativo”.
!
!

Deve-se avaliar: CUSTO X BENEFÍCIO

•

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...

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

”

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

http://www.sedentario.org/wp-content/uploads/2008/06/cachorrosempata2.jpg

Mas para isso, entre outros,
precisamos: 
- Identificar as necessidades
dos usuários
- Identificar os objetivos da
empresa

desafio 1:
 

identificar objetivos e necessidades…

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ê?

Desafio 2: 
 

Como atender ao mesmo tempo  
os objetivos e as necessidades?

Marte

 

Objetivos e metas da empresa

Vênus 

Necessidades dos usuários

Objetivos 
e metas  
do projeto

Reais 
necessidades
dos usuários

Objetivos 
e metas  
do projeto

Reais 
necessidades
dos usuários

empresa
Objetivos 
e metas do 
projeto

Necessidades
dos 
usuários

usuários

Case apresentado por Rodrigo Tigre, POPULIS - Content Marketing Digitalks Rio de Janeiro Abril2012

Como o cliente explicou
o que queria

O que o cliente
realmente precisava

Observação e identificação
de um problema...

Um caminho para o equilíbrio:  
modelagem participativa

Um caminho: modelagem participativa

Modelagem Participativa
LUCRO!
Por que um
Novo Sistema
Diretor
Presidente

de Materiais ?

ROUBO!

Chefe do
Almoxarifado

JUROS!

Diretor
Financeiro

PARADAS!

Diretor de
Produção

Voto não é democracia…
!
Democracia é consenso…

Investigação Baseada  
em Perguntas

Por Quê?

Objetivar


O Quê?

Conceituar

Como?

Projetar

Q

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.

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?

http://www.slideshare.net/uxconsulting/iaxil-lunch-talk-lean-ux

Não é uma UX preguiçosa,
mas é sobre minimizar  
desperdícios.

http://www.slideshare.net/uxconsulting/iaxil-lunch-talk-lean-ux

Processos

Pessoas
!

!

Design 
Pesquisa

!

!

UX

Agile

!
!

!
!

Lean

!
!

Startup

Negócios

Dev.!
Prod.

Vem da
Lean Startup (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.

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.

!
!
!
!
!
!
!
!

Quebra de paradigma… Mudança de
cultura.
!
!

Quem aqui já testou seus
projetos com usuários?

Quem aqui sempre testa seus
projetos com usuários?

Como esperar experiências de
qualidade deixando de lado a
validação com usuários?

LEAN UX - Campus Party 2014

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a LEAN UX - Campus Party 2014

Mais de Horácio Soares

LEAN UX - Campus Party 2014