Qual é a história que seu produto conta?

Palestra apresentada no evento do meetup HTML SP na #frontendweek 2018

Transcript

1. storytelling
2. Alda Rocha UX Research & UX Designer
3. Imagens substituem palavras
4. Histórias definem nosso mundo
5. Passam por muitas gerações
6. Nos comunicamos diferente hoje
7. Nossas informações estão fragmentadas nos canais e redes digitais que mudam de acordo com a evolução tecnológica
8. Comunicar ainda é um pilar vital dentro do design centrado no usuário
9. E que papel a visualização tem no design e no digital?
10. Seu produto = Se comunicar com um público
11. linguagem visual Human-centric design
12. O viés emocional ainda é um fator determinante no engajamento dos usuários com algum produto/plataforma
14. Dados, código, ações e interações precisam de linguagem visual e roteiro para serem interpretadas pelas pessoas.
15. E tudo começa com contar uma história
17. Qual é a história que seu produto conta?
18. A lógica
19. Itens de uma história
20. - Motivos e razões pra sua história - Personagem principal - Comece com um conflito (problema) - Crie um gatilho (emocional, solução) - Transforme em algo viral
22. Histórias engajam os usuários
23. O que engaja seu usuário?
25. A força do contexto
26. Você apoia trabalho escravo?
27. Explicando o que é SEO
28. Explicando Inception (filme)
29. Explicando um cartão de crédito
30. Explicando uma vantagem
31. Explicando data e informações
32. Why, how & What
33. *Pessoas não compram o que vc faz; Compram o pq vc faz
35. O que em ux nos ajuda nesses pontos?
36. - Jornada do usuário (user journey) - Ciclo de vida do usuário (3R - Recruitment, retention, recovery) - Pontos de contato (touchpoints) - Grupo de personas - Mapa de empatia - Casos e cenários - Storyboards - Story maps
37. Benefícios
38. - Digere as informações - Simplifica mensagens e ideias complexas - Entrega uma experiência com maior engajamento - Impacta positivamente na interação com seu produto e os usuários
39. Crow
40. - Character - Relationship - Objective - Where https://medium.com/microsoft-design/catching-crow-storytelling-for-ux- design-5e5a0b6def99
41. Suspense e surpresas
42. Bom pra uns, pra outros nem tanto
43. Macro
44. E se não tivéssemos imagens?
45. Roteiro e Script
48. HTML semântico
49. Positivo para acessibilidade
50. Por fim …
51. Histórias são emocionais
54. obrigada
55. @mjcoffeeholick #MeuLugarEmTI mjcoffeeholick.github.io