1.
A influência dos usuários
no desenvolvimento do Talk7
André Barro
linkedin: br.linkedin.com/in/andrebarro
twitter: @abarro
Fernanda Bernardo
linkedin: br.linkedin.com/in/fernandabernardo
twitter: @Feh_Bernardo

2.
#elo7tech

3.
NOSSO
MANTRA:

4.
NÃO FAZER

5.
Como nascem
os produtos?

6.
IDEIAS

7.
VALE DA SOMBRA
E DA MORTE

8.
ROADMAP

9.
EXECUÇÃO

10.
TESTES DE
USABILIDADE

11.
BETA OU A/B

12.
"Não sou um usuário leigo,
uso muitos sistemas
diferentes e até os mais
difíceis me dou muito bem,
mas fiquei >> Agoniado <<
com essa alteração."

13.
"Quero parabenizar a
mudança do sistemas de
perguntas, agora sim,
deixo aqui minha
satisfação!!
Abraço a todos do elo7"

14.
NÃO FAZER ?

15.
PRODUÇÃO

16.
Como entender
o usuário?

17.
User
Experience

18.
“A maioria das pessoas acredita que User Experience é somente encontrar a melhor
solução para os seus usuários – mas não é. UX se trata sobre definir o problema que
precisa ser resolvido (o porquê), definir para quem esse problema precisa ser resolvido (o
quem), e definir o caminho que deve ser percorrido para resolvê-lo (o como).”
– Whitney Hess

19.
Como entender
o usuário?

20.
Testes de Usabilidade

21.
Testes de Usabilidade
O que é?

22.
- Usuários
- Interface
- Tarefas

23.
Nossos testes são feitos em 6 etapas
1. O que iremos
testar?
4. Fazer o
protótipo
5. Aplicar o
teste
6. Tabular e
avaliar os insights
2. Definir o perfil
e recrutar
3. Elaborar o fluxo
e o roteiro

24.
STEP 1: O QUE VAMOS TESTAR? PORQUE VAMOS TESTAR?

25.
STEP 2: DEFINIR QUAL O PERFIL QUE
QUEREMOS TESTAR E RECRUTÁ-LOS

26.
STEP 3: ELABORAR O FLUXO QUE SERÁ
TESTADO E O ROTEIRO QUE GUIARÁ O TESTE

27.
STEP 4: MÃO NA MASSA NO PROTÓTIPO
Um protótipo é uma
versão que se parece
com o produto final, e
pode ser modificado
facilmente!

28.
STEP 5: APLICAR O TESTE
40 - 50 MINUTOS
Aplicamos utilizando o método de pensar em voz alta
Este método baseia-se em
convidar o usuário a
expressar verbalmente suas
ações e pensamentos
enquanto usam a interface

29.
Observar o comportamento dos usuários enquanto eles
completam as tarefas nos permite identificar quais delas
foram realizadas corretamente e quais delas são pontos de
conflito

30.
ESTÁGIOS DO TESTE
Moderador
Usuário
Assistente
1. Receber o participante e deixá-lo à
vontade
2. O moderador pede para o participante
realizar tarefas na interface e pensar em
voz alta
3. Para finalizar, o moderador faz
perguntas gerais para levar o usuário a
expressas a experiência

31.
STEP 6: TABULAR E AVALIAR OS INSIGHTS
Analisamos a tabulação feita nos testes e
compilamos os vídeos para compartilhar os resultados

32.
Iterações

33.
Iterações

34.
Entrega de Layouts
- Wireframes não são finais
- Alta fidelidade
- Fluxo de telas
- 4 versões de telas
- Assets otimizados
- Link dos assets para S3

35.
Entrega de Layouts
- Wireframes não são finais
- Alta fidelidade
- Fluxo de telas
- 4 versões de telas
- Assets otimizados
- Link dos assets para S3

36.
Entrega de Layouts
- Wireframes não são finais
- Alta fidelidade
- Fluxo de telas
- 4 versões de telas
- Assets otimizados
- Link dos assets para S3

37.
Mobile Web

38.
Android

39.
IOS

40.
Integração com DEVs

41.
TyrellMartell Stark

42.
Sprint
a Frente

43.
Zeplin

44.
- Comunicação design e dev
- Documenta
- CSS
- Fontes
- Cores

45.
Teste
A/B

46.
Teste
A/B

47.
Bootstrap
http://www.elo7.com.br/bootstrap

48.
Obrigado!
André Barro
linkedin: br.linkedin.com/in/andrebarro
twitter: @abarro
Fernanda Bernardo
linkedin: br.linkedin.com/in/fernandabernardo
twitter: @Feh_Bernardo