O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
A influência dos usuários
no desenvolvimento do Talk7
André Barro
linkedin: br.linkedin.com/in/andrebarro
twitter: @abarro...
#elo7tech
NOSSO
MANTRA:
NÃO FAZER
Como nascem
os produtos?
IDEIAS
VALE DA SOMBRA
E DA MORTE
ROADMAP
EXECUÇÃO
TESTES DE
USABILIDADE
BETA OU A/B
"Não sou um usuário leigo,
uso muitos sistemas
diferentes e até os mais
difíceis me dou muito bem,
mas fiquei >> Agoniado ...
"Quero parabenizar a
mudança do sistemas de
perguntas, agora sim,
deixo aqui minha
satisfação!!
Abraço a todos do elo7"
NÃO FAZER ?
PRODUÇÃO
Como entender
o usuário?
User
Experience
“A maioria das pessoas acredita que User Experience é somente encontrar a melhor
solução para os seus usuários – mas não é...
Como entender
o usuário?
Testes de Usabilidade
Testes de Usabilidade
O que é?
- Usuários
- Interface
- Tarefas
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 ...
STEP 1: O QUE VAMOS TESTAR? PORQUE VAMOS TESTAR?
STEP 2: DEFINIR QUAL O PERFIL QUE
QUEREMOS TESTAR E RECRUTÁ-LOS
STEP 3: ELABORAR O FLUXO QUE SERÁ
TESTADO E O ROTEIRO QUE GUIARÁ O TESTE
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
facil...
STEP 5: APLICAR O TESTE
40 - 50 MINUTOS
Aplicamos utilizando o método de pensar em voz alta
Este método baseia-se em
convi...
Observar o comportamento dos usuários enquanto eles
completam as tarefas nos permite identificar quais delas
foram realiza...
ESTÁGIOS DO TESTE
Moderador
Usuário
Assistente
1. Receber o participante e deixá-lo à
vontade
2. O moderador pede para o p...
STEP 6: TABULAR E AVALIAR OS INSIGHTS
Analisamos a tabulação feita nos testes e
compilamos os vídeos para compartilhar os ...
Iterações
Iterações
Entrega de Layouts
- Wireframes não são finais
- Alta fidelidade
- Fluxo de telas
- 4 versões de telas
- Assets otimizados...
Entrega de Layouts
- Wireframes não são finais
- Alta fidelidade
- Fluxo de telas
- 4 versões de telas
- Assets otimizados...
Entrega de Layouts
- Wireframes não são finais
- Alta fidelidade
- Fluxo de telas
- 4 versões de telas
- Assets otimizados...
Mobile Web
Android
IOS
Integração com DEVs
TyrellMartell Stark
Sprint
a Frente
Zeplin
- Comunicação design e dev
- Documenta
- CSS
- Fontes
- Cores
Teste
A/B
Teste
A/B
Bootstrap
http://www.elo7.com.br/bootstrap
Obrigado!
André Barro
linkedin: br.linkedin.com/in/andrebarro
twitter: @abarro
Fernanda Bernardo
linkedin: br.linkedin.com...
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
Próximos SlideShares
Carregando em…5
×

A influência dos usuários no desenvolvimento do Talk7

245 visualizações

Publicada em

A experiência do usuário envolve várias etapas, entre elas pesquisas, testes, protótipos... Cada uma dessas etapas possui uma estrutura a ser seguida e necessitam de um planejamento antes mesmo de serem executados. Como é feito todo esse preparo? E depois, como os resultados impactam as áreas de tecnologia (front-end, back-end e mobile)? Como os times envolvidos se comportam diante de todo o fluxo de trabalho? Existe mesmo a rivalidade entre designers e devs?

Publicada em: Tecnologia
  • Seja o primeiro a comentar

A influência dos usuários no desenvolvimento do Talk7

  1. 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. 2. #elo7tech
  3. 3. NOSSO MANTRA:
  4. 4. NÃO FAZER
  5. 5. Como nascem os produtos?
  6. 6. IDEIAS
  7. 7. VALE DA SOMBRA E DA MORTE
  8. 8. ROADMAP
  9. 9. EXECUÇÃO
  10. 10. TESTES DE USABILIDADE
  11. 11. BETA OU A/B
  12. 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. 13. "Quero parabenizar a mudança do sistemas de perguntas, agora sim, deixo aqui minha satisfação!! Abraço a todos do elo7"
  14. 14. NÃO FAZER ?
  15. 15. PRODUÇÃO
  16. 16. Como entender o usuário?
  17. 17. User Experience
  18. 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. 19. Como entender o usuário?
  20. 20. Testes de Usabilidade
  21. 21. Testes de Usabilidade O que é?
  22. 22. - Usuários - Interface - Tarefas
  23. 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. 24. STEP 1: O QUE VAMOS TESTAR? PORQUE VAMOS TESTAR?
  25. 25. STEP 2: DEFINIR QUAL O PERFIL QUE QUEREMOS TESTAR E RECRUTÁ-LOS
  26. 26. STEP 3: ELABORAR O FLUXO QUE SERÁ TESTADO E O ROTEIRO QUE GUIARÁ O TESTE
  27. 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. 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. 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. 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. 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. 32. Iterações
  33. 33. Iterações
  34. 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. 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. 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. 37. Mobile Web
  38. 38. Android
  39. 39. IOS
  40. 40. Integração com DEVs
  41. 41. TyrellMartell Stark
  42. 42. Sprint a Frente
  43. 43. Zeplin
  44. 44. - Comunicação design e dev - Documenta - CSS - Fontes - Cores
  45. 45. Teste A/B
  46. 46. Teste A/B
  47. 47. Bootstrap http://www.elo7.com.br/bootstrap
  48. 48. Obrigado! André Barro linkedin: br.linkedin.com/in/andrebarro twitter: @abarro Fernanda Bernardo linkedin: br.linkedin.com/in/fernandabernardo twitter: @Feh_Bernardo

×