lean ux - campus party 2014

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

LEAN UXHorácio Soares Janeiro 2014

[email protected] 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.

http://www.facebook.com/horacio.soares



https://twitter.com/horaciosoares

http://mestr.es

http://acessodigital.net

http://acessodigital.net

http://www.soyuz.com.br

!

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?

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

v

Cliente

Atendimento

Designer/Arquiteto

?? ??

Livro: O Tiro e o Alvo

Causo 1

!

Precisamos

Construir uma mesa.

CAUSO 1

- A propósito, que mesa?


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: 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/ArquitetoOK

OK

v

Cliente

Designer gráficoFront End

Atendimento

Designer/Arquiteto

? ?

Backend

?

v

Cliente


Atendimento

Designer/Arquiteto

??

Backend

?#%$&*@#$%$#

v

Cliente


Atendimento

Designer/Arquiteto

<html> <style><script>

Backend

??

v

Cliente


Atendimento

Designer/Arquiteto

Backend

??

?

<% - - %>

#%$&*@#$%$#

v

Cliente


Atendimento

Designer/Arquiteto

<html> <style>

<script>

Backend

<% - - %>

v

Cliente


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%

http://spectrum.ieee.org/computing/software/why-software-fails/0



http://www.slideshare.net/faberludens/curso-ai-i-masters-jan-2013

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

!

Código de barras

Artigo CAPTCHA: herói ou vilão?

!http://acessodigital.net/art_captcha-heroi-ou-vilao.html

http://acessodigital.net/art_captcha-heroi-ou-vilao.html

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)

http://www.webvisum.com/en/main/download

Menu DropDown

Clique aqui!

“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)

http://www.itautec.com.br/

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

X

http://www.itautec.com.br/

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


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/

http://migre.me/105T7

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




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

Dinâmica




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

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

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://www.sedentario.org/wp-content/uploads/2008/06/cachorrosempata2.jpg

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

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

http://www.slideshare.net/rbtigre/content-marketing-digitalks-rio-de-janeiro-abril2012

Erico Fileno

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

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


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




Não é uma UX preguiçosa,

mas é sobre minimizar desperdícios.



!Dev.!Prod.

Processos!

Design Pesquisa

Pessoas

!!

!!!

Startup

Negócios

!

UX!

Agile!

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