Abordamos nesse papo o processo que utilizamos durante diversos projetos voltados para inovação em empresas muito tradicionais. Apresentação realizada por Nasser Said e Giselli Brasil no ISA Redux 2018, organizado pelo IxDA SP.

1. Março, 2018
Redux
ISA2017.Design como meio para inovação

2. Agenda.
1. Quem fala.
2. Por quê UX?.
3. Processo.

3. Quem fala.
1

4. 4
QUEM FALA
Nasser Said
Experience Lead na XP Investimentos.

5. 5
QUEM FALA
Giselli Brasil
Product Manager na tropikal.
By Accenture Interactive

6. Por quê UX.
2

9. Design Centrado
no usuário.
“A prática de criar produtos de forma que os usuários sejam capazes de utilizá-las
com o mínimo de stress e o máximo de eficiência”
Woodson, 1981

10. Por que UX?

11. Porque estamos expostos a uma
complexidade cada vez maior.

12. Família assistindo TV nos Anos 50. Família assistindo TV em 2018.

13. 13
Recebemos 5x mais informação do que há 30 anos.

14. 14
Uma pessoa comum gera um volume de informações equivalente a 6 jornais por dia.

15. E como projetamos uma experiência
digital que acomode essa crescente
complexidade?

16. Não tem uma fórmula mágica.

17. Acreditamos em alguns princípios e
métodos que ajudam a conceber
produtos vencedores.

18. Processo.
3

19. 19
O processo de Design Thinking.
D
escoberta
D
efinição
D
esenvolvim
ento
Brief
Expandir
Focar
Expandir
FocarEntrega
Implementação

20. Como é usado na prática?

21. 21
Expandir
D
escoberta
Brief
O processo de Design Thinking.

22. “Tendemos a projetar nossa
racionalidade e nossas crenças
na racionalidade e nas crenças
dos outros.”
― Don Norman, The Design of Everyday Things

23. Precisamos imergir no
universo do outro.
23

24. 24
Entrevistas com Stakeholders.
Entender os principais objetivos de negócio e metas estratégicas da empresa.

25. 25
Dados de Acesso.
Número de visitas, páginas mais acessadas, duração de sessão, principais
pontos de entrada e saída.

26. 26
Desk Research.
Análise de publicações acadêmicas e estudos de mercado para entender o cenário econômico,
comportamentos e tendências presentes no setor.

27. 27
Benchmark.
Análise da experiência digital de competidores locais e globais, além de players de outras indústrias que
possam servir de inspiração.

28. 28
Pesquisas Online.
Usuários respondem a uma lista de perguntas pré-determinadas.

29. 29
Grupos Focal.
Um grupo de usuários discute temas, guiado por um moderador.

30. 30
Customer Intercepts.
Ir até os lugares em que os usuários interagem fisicamente com a marca, como agências e lojas.

31. 31
Listening Labs.
Composição de métodos para entender o contexto dos usuários, suas necessidades e a relação com o
produto que estamos estudando.

32. Investigar reflete uma
maneira de ver,
compreender ou
explicar o mundo.

33. 33
D
escoberta
D
efinição
Brief
Expandir
Focar
O processo de Design Thinking.

34. O foco determina a melhor
solução estratégica para os
problemas encontrados.

35. Qual é o Problema?

36. 1. Quero um fluxo de acesso.
2. Preciso de um sistema.
3. Quero um aplicativo.
4. O usuário não permanece no meu
produto.

37. 37
Processo colaborativo de análise.
No Design Thinking quanto mais interdisciplinaridade melhor para a ideação.

39. 39
Personas.
Arquétipos que representam os tipos de usuários que encontramos durante as pesquisas.
Prático.
Descrição da pessoa
Dedicado.
Descrição da pessoa
Descolado.
Descrição da pessoa
Racional.
Descrição da pessoa

40. 40
Jornada do Usuário.
Mapeamento da jornada do usuário a partir da primeira interação com a marca para entender as
motivações, necessidades e os ‘pain points’ dos usuários.

41. Visão
Estratégica.
R E S U LTA D O
Documento com a compilação dos principais
findings para nortear o desenvolvimento do
projeto e do produto.
41

42. 42
Driving Mode
Skin Evolution
Web Analytics
Small improvements
6 MESES
Monitoring
Localizar carro
Acionar câmera interna
Acionar câmera externa
Gas Station
Localizar postos
Suporte a decisão
Abastecimento em tempo real
Informações sobre o
Posto de Gasolina
Postos favoritos
Qualidade do combustível
Avaliar abastecimento
Parking
Buscar vaga em estacionamento
Buscar vaga na ruas
Avaliação do estacionamento
Integrations
Melhor rota para o
compromisso
Integrar Redes sociais
Rota de Navegação
Integrar E-mails
Home automation
Integrar Google Now
Integrar Spotify e outros
apps de músicaDrive Coach
Coaching de direção
Favoritar modo de direção
Portability
Importar dados
Exportar dados /
Certificado de revenda
Payments
eWallet
Extrato de pagamento
Gestão da carteira
Detalhe do serviço
Detalhe da concessionária
Cotação de serviço
Agendamento de serviço
Status de serviço
Avaliar serviço
Maintenance
Sincronizar carro
Painel (dashboard)
Personalizar informações
Estatísticas
Relatórios do diagnóstico
Relatório por perfil
Car diagnostics
Saldo de pontos
Extrato de pontos
Recompensas
Loyalty
Cálculo de risco
Cotação de seguro
Aquisição / Renovação
Adicionar seguro
Aviso de sinistro
Informações médicas
Insurance
Consultar multas
Legal
Configurações do carro
Abertura de portas do carro
Car settings
MLP WAVES
B A C K L O G
FEATURES
L3C
Onboarding
Login
Cadastro do veículo
Cadastro do usuário
Showcase do carro
Status de produção
User Manual
Avaliar conteúdo
Enviar dúvida
Diversidade de conteúdo
Support Channel
Chat
Pesquisa
Roadside assistance
Global
Recuperar senha
Busca
Notificação
Configurações
Gerenciar Perfis de usuário
Parking Mode
User Manual
Recomendação

43. 43
D
escoberta
D
efinição
D
esenvolvim
ento
Brief
Expandir
Focar
Expandir
O processo de Design Thinking.

44. “Interface é a materialização do
produto.”

45. Geração de ideias.
Muitos sketches = muitas ideias.
O time faz muitos rascunhos
para discutir caminhos
visualmente.
45

46. 46
Wireframes.
Rápidos para mostrar fluxos, melhores ainda para testar novas formas de interação.

47. Layout.
O layout é materialização visual
do produto construído nas etapas
anteriores.
Mesmo nesta etapa, ainda há
espaço para discussões e
mudanças, e também há muita
troca entre profissionais de
especializações diferentes.
47

48. 48
Prototipação.
Protótipos funcionas feitos com ou sem código, com objetivo de documentar corretamente as interações das
interfaces ou fazer testes com usuários.

49. 49
Prototipação (quase) sem código.
InVision. Principle. Framer.

50. 50
Teste de usabilidade.
Usuários realizam tarefas em um site ou protótipo e o time observa suas dificuldades.

52. Mas o processo de criação vai além das
metodologias.

53. Um projeto inovador.
53
Técnica. Conceito. Originalidade.
Maestria na técnica e
na direção de arte.
Uma motivacão
inteligente e que faça
sentido.
Ousadia para procurar
soluções que ainda não foram
tentadas.

54. 54
D
escoberta
D
efinição
D
esenvolvim
ento
Brief
Expandir
Focar
Expandir
FocarEntrega
Implementação
O processo de Design Thinking.

55. 55
MVP.Miminum viable product.

56. 56
MVP.Miminum viable product.

57. 57
MLP.Miminum lovable product.

58. 58
Vamos priorizar
experiências
completas.
Not like this. Like this.

59. 59
MVP. MLP.

60. Lovable é sobre criar
conexões e despertar
sentimentos.
60

61. 61
Evitar reuniões desnecessárias

63. 63

64. Dúvidas?

65. Tks.Março, 2018.
Design como meio para inovação