Senta Pua Series: UX com Satis Apresentação realizada no dia 27/02 para as empresas investidas do Fundo de Investimentos Astella

1. Incorporando a Experiência de Usuário
na sua Estratégia
Senta Pua Series
Fevereiro/2013

2. Sucesso através
da Experiência do Usuário
4 anos
+ 100 marcas
+ 300 projetos
pesquisar fazer avaliar

3. Clientes

4. Sucesso através
da Experiência do Usuário
Serviços / técnicas
pesquisar fazer avaliar
Benchmarking Wireframes e protótipos Avaliação Heurística
Análise competitiva navegáveis de alta fidelidade Teste de Usabilidade
Card Sorting Sitemap Eye tracking
Entrevistas com usuários Fluxo de interação Teste A/B
Estudo baseado em etnografia Gamificação
Mapeamento de processos Dashboards
Matriz de funcionalidades Infográficos
Inventário de conteúdo Lean UX
Design Visual

5. O que é
Experiência do Usuário (UX)?
‘User Experience’
ou ‘Experiência do usuário’
envolve todos os aspectos
da interação dos usuários finais
com sua empresa, serviços e produtos.
(Nielsen Norman Group)

6. Como UX pode ajudar
nos Objetivos de Negócio
Aumento Aumento Aumento Aumento
de Conversão de Cadastros do Uso da Satisfação
Fonte: http://www.humanfactors.com/ROIposter.asp

7. Como UX pode ajudar
nos Objetivos de Negócio
Diminuição Diminuição Diminuição Diminuição do
do Abandono do Número do Tempo Tempo de
de Chamadas de Treinamento Desenvolvimento
Fonte: http://www.humanfactors.com/ROIposter.asp

8. UX Honeycomb
Fonte: http://semanticstudios.com/publications/semantics/000029.php

9. UX Iceberg
Fonte: http://www.affectivedesign.org

10. UX Treasure Map
Fonte: http://semanticstudios.com/uxtreasuremap.pdf

11. Bradesco Trading: iPhone / iPad
Objetivos
iPhone (2009)
 Primeiro aplicativo para homebroker brasileiro para iPhone
 Adaptação da versão desktop para formato mobile de forma
intuitiva e com fácil navegação
 Agregação do conteúdo disponível em vários sites da marca
no aplicativo
iPad (2011)
 Adaptação para versão tablet

12. Bradesco Trading: iPhone (2009)
http://itunes.apple.com/br/app/bradesco-trading/id393549498?mt=8

13. Bradesco Trading: iPad (2011)
http://itunes.apple.com/br/app/bradesco-trading/id393549498?mt=8

14. iGFutebol: iPhone / iPad
Objetivos
iPhone (2010)
 Adaptação da versão desktop para formato mobile de forma
intuitiva e com fácil navegação
 Transformação do conteúdo técnico e denso do aplicativo
desktop em uma navegação fácil e com uma boa usabilidade
 Início de criação de uma linha de produtos para o público de
massa e venda para marcas (iG comprou o aplicativo em 2010
e Sky comprou outra versão em 2012)
iPad (2011)
 Adaptação para versão tablet
 Adição de funcionalidades específicas para o device

15. iGFutebol: iPhone / iPad
300.000 8 minutos
downloads duração média visita
http://itunes.apple.com/br/app/ig-futebol/id386243494?mt=8

16. Febraban: Portal Meu Bolso em Dia
Objetivos
Primeira Versão (2010)
 Criação de um portal de conteúdo voltado para a educação
financeira da nova classe C
 Tornar a relação com o dinheiro algo simples e fácil de
entender com uma navegação intuitiva e conteúdo de fácil
entendimento
Segunda Versão (lançamento em Abril/2013)
 Adaptar a navegação para as novas necessidades do cliente e
de conteúdo
 Agregar novos tipos de conteúdo

17. Febraban: Portal Meu Bolso em Dia
Primeira versão
(No ar atualmente)
11.733.716
pageviews
(Fev/13)
15.000
usuários/dia
(Fev/13)
158.000
downloads Jimbo
(Fev/13)
http://www.meubolsoemdia.com.br

18. Febraban: Portal Meu Bolso em Dia
Primeira versão
(No ar atualmente)
Problema:
Site foi projetado
para um fim e
necessidades do cliente
e conteúdo mudaram
Resultado:
Itens demais em um
menu e dificuldade na
navegação
http://www.meubolsoemdia.com.br

19. Febraban: Portal Meu Bolso em Dia
Segunda versão
(Em finalização)
Card Sorting
Aplicação da técnica no
público-alvo do site
http://www.meubolsoemdia.com.br

20. Febraban: Portal Meu Bolso em Dia
Segunda versão
(Em finalização)
http://www.meubolsoemdia.com.br

21. Sebrae Nacional: Intranet Gerentes
Objetivos
 Transferência da tecnologia para opção com atualização mais
fácil
 Descentralização das fontes de geração da informação
 Maior tempo de uso da Intranet
 Maior interação dos usuários na Intranet

22. Sebrae Nacional: Intranet Gerentes
Versão Antiga
Página Inicial

23. Sebrae Nacional: Intranet Gerentes
Nova Versão
Card Sorting
Aplicação da técnica
em amostra
de Gerentes

24. Sebrae Nacional: Intranet Gerentes
Nova Versão
Wireframe
Página Inicial

25. Site Blindado: Portal Clientes
Objetivos
 Transformação da empresa de monoproduto
para multiproduto
 Implantação serviço de auto-atendimento online
 Fidelização de cliente e aumento de vendas na mesma base,
com o oferecimento de produtos adicionais e complementares
para a base
 Mudança da cultura da empresa, que fazia
todo o Atendimento ao Cliente apenas via telefone
Portal em fase final de testes (Beta)

26. Site Blindado: Portal Clientes
Versão Antiga
Página de Login
http://www.siteblindado.com.br

27. Site Blindado: Portal Clientes
Nova versão
Wireframes:
Página de Login
e Dashboard
http://www.siteblindado.com.br

28. Site Blindado: Portal Clientes
Nova versão
Design Visual:
Página de Login
e Dashboard
http://www.siteblindado.com.br

29. Jimbo Mobile: Teste de Usabilidade
Objetivos
 Testar o aplicativo antes do lançamento
 Testar o uso do aplicativo pelo público-alvo
 Entender o uso do aplicativo pelos usuários

30. Jimbo Mobile: Teste de Usabilidade
Aplicação
do Teste

31. Jimbo Mobile: Teste de Usabilidade
Relatório
de Resultados

32. Banif: FutInvest
Objetivos
 Aumento de participação no mercado
 Divulgação da marca para o público de massa (foi feito uma
parceria para divulgação nos programas da ESPN Brasil)
 Reforço de imagem da marca
 Explicação do conceito de ações de forma simples para o
público leigo aproveitando a paixão do Brasileiro – Futebol - e
evento de alcance mundial – Copa do Mundo 2010

33. Banif: FutInvest
Mecânica do Jogo
Ações dos times
eram valorizadas de acordo
com a performance dos times
durante a Copa
35 minutos
tempo médio
da visita no site
20%
crescimento
da base de clientes
15.000
participantes

34. Oi: Dashboard de Monitoramento
Objetivos
 Agregação de várias fontes de informação em um único local
 Divulgação da informação para todos os Colaboradores da
empresa
Mostrar a informação de forma clara e direta
 Acompanhamento em tempo real das vendas e comparação
entre canais

35. Oi: Dashboard de Monitoramento
Wireframe

36. Oi: Dashboard de Monitoramento
Design Visual

37. Wayra: Eu Decido
Objetivos
 Explicação do conceito do produto em poucos passos e de
fácil entendimento
 Alinhamento da interface para o conceito inovador do
produto
 Melhor localização do botão de call-to-action

38. Wayra: Eu Decido
Versão Antiga
Página de Login
e Criação de Grupo
http://www.eudecido.com

39. Wayra: Eu Decido
Nova versão
Wireframes:
Página de Login
e Andamento de Grupo
http://www.eudecido.com

40. Wayra: Eu Decido
Nova versão
Wireframes:
Página de Login
e Andamento de Grupo
http://www.eudecido.com

41. Como aplicar
a Experiência do Usuário
no seu negócio
 Entenda os benefícios que a disciplina pode trazer
para o seu negócio
 Crie a cultura da Experiência do Usuário na sua
equipe gradativamente, com palestras, treinamentos
(in-company/externos) e cursos
 Envolva os seus colaboradores no processo de
mudança
 Ouça e peça a participação dos seus usuários

42. Como aplicar
a Experiência do Usuário
no seu negócio
 Aplique as mudanças no seu produto em pequenas
doses no início e acompanhe os resultados
 A partir dos resultados, comece a aplicar em outras
áreas, sempre ouvindo seus usuários
 Esteja aberto para o novo e para aceitar críticas
 Conheça as várias metodologias e veja qual é a
melhor para a sua empresa

43. ;)
Obrigado!
Gilmar Gumier gilmar@satis.me
@gilmargumier
11 98641-2122
www.satis.me