O documento descreve o processo de desenvolvimento do Talk7, incluindo como as ideias surgiram, testes de usabilidade com usuários, iterações com base nos resultados dos testes, e integração com desenvolvedores.
A influência dos usuários no desenvolvimento do Talk7
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
29. “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
36. 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
37. STEP 1: O QUE VAMOS TESTAR? PORQUE VAMOS TESTAR?
38. STEP 2: DEFINIR QUAL O PERFIL QUE
QUEREMOS TESTAR E RECRUTÁ-LOS
39. STEP 3: ELABORAR O FLUXO QUE SERÁ
TESTADO E O ROTEIRO QUE GUIARÁ O TESTE
40. 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!
41.
42.
43.
44. 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
45. 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
46. 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
47. STEP 6: TABULAR E AVALIAR OS INSIGHTS
Analisamos a tabulação feita nos testes e
compilamos os vídeos para compartilhar os resultados
52. 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
53. 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
54.
55. 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
antes de tudo quero contar pra vocês nosso mantra na equipe de produtos.
antes de tudo quero contar pra vocês nosso mantra na equipe de produtos.
Só porque você leu no medium, não quer dizer que está certo. Por mais vontade que dê de imitar/implementar um novo produto, fluxo ou interface, a gente precisa garantir que não vamos estragar nada que está no ar. Então vou mostrar rapidamente como funciona este processo no Elo7.
Feedback dos usuários
Proximidade da equipe de atendimento
Visão de mercado/produto do Elo7
Dados
Uma ideia nasce muito frágil. E por isso…
falar dos valores do elo
Precisa passar pelo vale da sombra e da morte pra ver se para em pé.
Uma vez que temos uma ideia, não da pra já sair implementando.
Primeiro ela precisa passar por um processo de validação interna.
Toda quinta temos uma reunião aberta para toda a empresa de produtos, onde apresentamos conceitos e ideias futuras.
Além disso fazemos pelo slack.
Legal, a ideia é promissora? Então ela merece ir pro Roadmap.
Agora é importante saber o possível impacto desta ideia. Porque dentro do roadmap ela passa a ser comparada com outras coisas que temos pra fazer.
Agora além de passar pelo vale da sombra e da morte esta ideia será comparada com outras para determinarmos sua assertividade.
Alta média ou baixa. Isso vai ajudar na priorização. Geralmente quanto maior a assertividade, menor a originalidade da ideia. A frequência de pedido de uma feature ajuda também a priorizar.
Mas quando chega sua vez, o time de UX e design entra em campo. Junto com o time de produto definimos como será o produto e mãos à obra.
O design cria a interface e rola um debate aberto no slack até aprovarmos o layout.
A próxima etapa é ver se realmente para em pé.
Criamos protótipos e fazemos testes de usabilidade com o público alvo. Sejam compradores ou vendedores do Elo7.
Esta fase é muito importante por 3 motivos.
Validamos o conceito
Validamos a interface
Coletamos argumentos (a maneira que as pessoas descrevem aquele produto, isso será útil para fazer o marketing daquele produto depois e entender como as pessoas enxergam o produto que estamos fazendo).
Passou o teste de usabilidade?
Bora codar e colocar isso no ar.
Mas calma ae.
Primeiro fazemos um beta teste ou A/B.
Temos todas as métricas - fazemos um antes e depois
Um A/B para coisas mais simples, e Beta pra novos produtos. Nesta fase, a comunicação com o usuário é super importante.
Fazemos um vídeo explicando o que a pessoa vai testar e subimos canais de feedback específicos praquele beta. Simplesmente um google form.
Então na hora que o prduto está no mundo real é que você realmente vai saber se ele funciona ou não. Muita coisa é resolvida nos testes de usabildade. Mas coisas importantes podem passar despercebidas.
*Educação - mural vídeo, prepara pessoal do atendimento, FAQ, webseminário
Lembra que eu falei que nosso mantra é não fazer cagada? Pois na verdade, é não fazer cagada em produção.
Este processo todo não é infalível e não é nem isso que queremos. Falhar é super importante como todo mundo já sabe.
Legal tudo em produção. Medir e analisar.
Mas eu passei bem por cima do assunto a Fernanda vai detalhar melhor o processo
Slide final de agradecimentos e dúvidas
Se somos pessoas diferentes umas das outras, temos diferentes culturas, hábitos, gostos…..
Como usar as vontades e gostos de cada uma dessas pessoas e transformar em apenas uma ideia, em uma nova feature, em um novo produto?
Além das pessoas, temos diferentes dispositivos, cada qual com sua forma de usar, seus vícios e suas funcionalidades próprias. Alguns exemplos, usuários desktop x mobile, como tratar hover ou gestos? Usuários Android e IOS, qual a melhor forma de tratar o botão voltar? Será que devemos levar em consideração essas diferenças? Será que temos que criar praticamente todo um design diferente para cada uma delas?
Da mesma forma os movimentos usados em cada uma das plataformas são diferentes e devem ser considerados no momento de planejar cada uma das telas de um site.
Todas essas preocupações com a experiência do usuário é conhecido como User Experience(UX) como o próprio nome diz.