O documento descreve o processo de design de um novo aplicativo chamado Minha Claro Lite, que visa melhorar a experiência dos usuários do aplicativo Minha Claro da operadora Claro. O processo envolveu entrevistas com usuários, mapeamento de problemas, definição de tarefas-chave e prototipagem de soluções. A nova abordagem tem como objetivo simplificar as informações e fluxos para tornar o app mais fácil de usar.
1. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Um estudo de caso e concepção do app
Minha lite
2. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Introdução
O aplicativo Minha Claro é um canal pelo
qual os clientes da Claro dos planos Pré,
Pós, Controle e Banda Larga podem
executar algumas tarefas:
• Consultar informações sobre o
plano.
• Consultar consumo de Internet e
comprar pacote adicional.
• Consultar saldo de recarga e realizar
uma recarga.
• Emitir 2a via de fatura e obter o
código de barras do boleto.
3. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Introdução
Contudo, ao ver as avaliações na Google
Play Store, cerca de 45 mil avaliações,
podemos observar que há muitos usuários
insatisfeitos com o aplicativo. Mas será
mesmo? Ou são apenas usuários de
outras operadoras que estão avaliando
mal o aplicativo?
Então, para validar essa hipótese, decidi
sair à campo para entender melhor o
cenário.
4. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Desafio
• Entender as dificuldades do usuário ao utilizar o app
Minha Claro
• Facilitar a vida do usuário oferecendo apenas aquilo
que ele mais utiliza e busca no app
• Dar liberdade ao usuário para fazer suas escolhas no
app
• Propor algo mais leve e que o usuário não se perca
dentro do app
• Melhorar a experiência do cliente como um todo
5. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Processo
6. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Etapas
1. Guerrilla Usability Test com o app Minha Claro
2. Mapa de Afinidade
3. Tarefas do usuário
4. Prototipagem
5. Validação do protótipo com usuários
7. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Saída à campo
8. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Público Alvo
• Pessoas que utilizam aplicativos das operadoras
• Pessoas que utilizam rede de dados móveis da
operadora
• Pessoas que têm o hábito de manter o controle sobre
seu plano (Internet, Faturas, Saldo de Recarga)
• Pessoas que pagam faturas e outras contas pelo
celular.
9. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Cenários
1. Você ficou sabendo que a Claro possui um app para que
seus clientes tenham o controle de seu plano e busquem
informações sobre ele. Para isso, você precisa se cadastrar
no portal Minha Claro, como você faria isso utilizando o app?
2. Agora que você se cadastrou, como você faria para se
informar sobre o seu plano (Consumo de Internet, Recargas,
Faturas)?
3. Você atingiu o consumo máximo de Internet do seu plano e
agora precisa de um pacote adicional, como você faria
para comprar um?
4. Você precisa fazer uma recarga, pois o seu saldo zerou.
Como você faria para recarregar os créditos?
5. A sua fatura é digital, como você faria para pagá-la?
10. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Guerrilla Usability Testing
11. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Análise e Síntese
12. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Tarefas do Usuário
Tarefas Primárias
• Se cadastrar na Minha Claro
• Consultar consumo de Internet e de pacote adicional
• Consultar saldo de recarga
• Consultar consumo de minutos e de pacote adicional
• Consultar fatura e pagá-la copiando código de barras
• Emitir 2ª via da fatura
Tarefas Secundárias
• Fazer transferência de créditos de recarga para outro usuário
• Fazer transferência de Internet para outro usuário
13. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Jornada do Usuário
Fazer cadastro na Minha Claro
14. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Jornada do Usuário
Consultar consumo de Internet e de pacote adicional
15. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Jornada do Usuário
Consultar saldo de recarga
16. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Jornada do Usuário
Consultar consumo de minutos e de pacote adicional
• Não há a possibilidade do usuário consultar o consumo de
minutos.
• Usuário só tem informações da franquia limite do plano
que foi contratado.
17. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Jornada do Usuário
Consultar fatura e pagá-la copiando código de barras
Comportamento do app
Ações do Usuário
Legenda:
18. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Jornada do Usuário
Emitir 2ª via da fatura
19. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Mapa de Afinidade
20. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Pontos de melhoria em geral
• Identificado alguns pontos de melhoria:
• Usabilidade
• Como mostrar as informações
• Informações mais resumidas
• Dar devido feedback ao usuário
• Interações do app com o usuário (controles, notificações e etc.)
• Contraste dos elementos de tela em geral
• Desempenho
• Ser menos burocrático
• Ser um app de verdade
21. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Dificuldades dos usuários
• Dificuldade em encontrar as informações.
• Dificuldade em saber como contratar um pacote adicional.
• Dificuldade em como emitir uma 2ª via da fatura.
• Se perde no app, pois tem muita informação que o usuário
não se interessa.
• Opções de recarga são poucas e confusas.
• Usuário não consegue transferir Internet e nem Saldo de
Créditos para outros usuários.
• Dificuldade de verificar quantos minutos ainda têm para
ligações.
22. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Mapa de Importância
23. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Ideação
24. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Rabiscoframes
25. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Prototipagem
26. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Ícone do App
Minha
Claro
Minha Claro Lite
27. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Login
• Apenas um modo de entrar
na conta
• Mais evidente e menos
invasivo na hora de sugerir
cadastro
• Interface mais leve e
equilíbrio dos elementos
Minha
Claro
Minha Claro Lite
28. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Cadastro
• Tela menos carregada
• Linguagem que se comunica
com o usuário
• Sem necessidade de ficar
“scrollando” a tela
Minha Claro Minha Claro Lite
29. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Cadastro
• Camada de segurança contra
spam e bots de cadastro
Minha Claro Minha Claro Lite
30. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Cadastro
• Feedback ao usuário
• Linguagem que se comunica
com o usuário
Minha Claro Minha Claro Lite
31. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Home
• Navegação em tabs que permite maior objetividade no que
o usuário está buscando
Minha Claro Minha Claro Lite
32. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Consumo de Internet
• Informações mais claras e
objetivas
• Sem precisar “scrollar”
• Possibilidade de realizar ações
que têm a ver com o contexto
• Ações evidentes para o
usuário
Minha Claro Minha Claro Lite
33. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Contratar Pacote Adicional de Internet
• Informações mais claras e
objetivas
• Aparece a opção
de contratação
apenas quando o
usuário consumiu
toda a franquia
principal
• Processo de
contratação não
é muito claro
Minha Claro Minha Claro Lite
34. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Compartilhar Internet com contatos
• Informações claras e objetivas
• Opções e sugestões para o usuário
• Não existe essa
funcionalidade no
app Minha Claro
Minha Claro Minha Claro Lite
35. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Compartilhar Internet com contatos
• Deixar claro para o usuário sobre a ação dele
• Mostrar o status da solicitação do usuário
• Não existe essa
funcionalidade no
app Minha Claro
Minha Claro Minha Claro Lite
36. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Fazer recarga de créditos
• Opções de recarga mais
claras e objetivas
• Tela com foco no que o
usuário quer fazer
naquele momento
Minha Claro Minha Claro Lite
37. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Fazer recarga de créditos
• Maior segurança para o usuário
Minha
Claro
Minha Claro Lite
38. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Transferência de créditos de recarga
• Facilidade e conveniência para o usuário
• Não existe essa
funcionalidade no
app Minha Claro
Minha Claro Minha Claro Lite
39. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Faturas
• Mais simples
• Usuário pode copiar o código de barras ou receber 2ª via
por e-mail com um simples clique.
Minha Claro Minha Claro Lite
40. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Franquia de minutos
• Informações mais claras e
objetivas
• Sem precisar “scrollar”
• Possibilidade de realizar ações
que têm a ver com o contexto
• Ações evidentes para o
usuário
• As informações
não são
facilmente
apresentadas
• Difícil de
encontrar
• Não é evidente
para todos os
usuários,
principalmente
quando o usuário
possui minutos
ilimitados
Minha Claro Minha Claro Lite
41. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Comprar pacote adicional de minutos
• Informações mais claras e objetivas
• As informações
não são
facilmente
apresentadas
• Difícil de
encontrar
• Não é evidente
para todos os
usuários,
principalmente
quando o usuário
possui minutos
ilimitados
Minha Claro Minha Claro Lite
42. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Validação
43. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Validação com usuários
44. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Se cadastrar na Minha Claro
Consultar consumo de
Internet e de pacote
adicional
Consultar saldo de recarga
Resultados
Antes Depois
Boa Regular Ruim
Níveis de Experiência:
45. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Consultar consumo de
minutos e de pacote
adicional
Consultar fatura e pagá-la
copiando código de barras
Emitir 2ª via da fatura
Resultados
Antes Depois
Boa Regular Ruim
Níveis de Experiência:
46. BRUNO
KATEKAWA
“O Design e a
Engenharia são capazes
de empoderar as
pessoas.”
Data Science + UX
Formado em Engenharia
da Computação pela
Universidade Federal de
São Carlos, 2011.
Pós Graduado em
Design de Serviço pela
Universidade Positivo,
2018.
https://github.com/
brunokatekawa
O QUE OFEREÇO
Sou consultor em Data Analytics & UX. Já trabalhei para
empresas de vários portes, de startups a multinacionais,
onde tive uma vasta experiência com tecnologia da
informação e experiência do usuário, extraindo o potencial
máximo dessas disciplinas para oferecer o maior valor
possível aos negócios.
Além disso, já colaborei com projetos que impactaram
positivamente centenas de milhares de pessoas que usam
desde serviços bancários (varejo, corporativo e privado), de
telecomunicações até serviços de seguro de saúde.
• Criação de serviços e produtos
orientados a dados e pessoas
• Facilitação de workshops de inovação
• Design Sprint
• Data Science & Machine Learning
B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
https://www.linkedin.com/in/brunokatekawa/
47. B R U N O K A T E K A W A | E M P O W E R I N G P E O P L E T H R O U G H D E S I G N A N D E N G I N E E R I N G
C R E A T I V E E M P O W E R M E N T | D A T A I N F O R M E D D E S I G N
Muito Obrigado!