A influência dos usuários no desenvolvimento do Talk7
•Transferir como PPTX, PDF•
1 gostou•400 visualizações
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.
Recomendados
Recomendados
Mais conteúdo relacionado
Semelhante a A influência dos usuários no desenvolvimento do Talk7
Semelhante a A influência dos usuários no desenvolvimento do Talk7 (20)
Mais de Fernanda Bernardo
Mais de Fernanda Bernardo (19)
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
- 2. #elo7tech
- 4. NÃO FAZER
- 6. IDEIAS
- 9. VALE DA SOMBRA E DA MORTE
- 10. ROADMAP
- 11. EXECUÇÃO
- 14. BETA OU A/B
- 16. "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."
- 18. "Quero parabenizar a mudança do sistemas de perguntas, agora sim, deixo aqui minha satisfação!! Abraço a todos do elo7"
- 19. NÃO FAZER ?
- 20. PRODUÇÃO
- 28. User Experience
- 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
- 34. Testes de Usabilidade O que é?
- 35. - Usuários - Interface - Tarefas
- 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!
- 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
- 50. Iterações
- 51. Iterações
- 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
- 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
- 57. Mobile Web
- 58. Android
- 59. IOS
- 64. Sprint a Frente
- 65. Zeplin
- 66. - Comunicação design e dev - Documenta - CSS - Fontes - Cores
- 70. Teste A/B
- 73. Teste A/B
- 79. Obrigado! André Barro linkedin: br.linkedin.com/in/andrebarro twitter: @abarro Fernanda Bernardo linkedin: br.linkedin.com/in/fernandabernardo twitter: @Feh_Bernardo
Notas do Editor
- Slide final de agradecimentos e dúvidas
- 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.
- Slide final de agradecimentos e dúvidas
- Adicionar ao carrinho / Comprar este produto => B
- Adicionar ao carrinho / Comprar este produto => B
- Adicionar ao carrinho / Comprar este produto => B
- Adicionar ao carrinho / Comprar este produto => B
- Slide final de agradecimentos e dúvidas