Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Qual é a história que seu produto conta?
Search
Alda Rocha
July 12, 2018
Research
3
120
Qual é a história que seu produto conta?
Palestra apresentada no evento do meetup HTML SP na #frontendweek 2018
Alda Rocha
July 12, 2018
Tweet
Share
More Decks by Alda Rocha
See All by Alda Rocha
Como viés influencia o que desenvolvemos
mjcoffeeholick
3
240
Viés
mjcoffeeholick
3
150
Os clichês de UX
mjcoffeeholick
0
170
Viés e UX
mjcoffeeholick
1
210
UXD: a manopla do infinito do design
mjcoffeeholick
0
120
Raio X de UX
mjcoffeeholick
1
1.2k
UXD: Manopla do infinito do design
mjcoffeeholick
6
340
Como ter uma comunidade mais inclusiva
mjcoffeeholick
1
150
Atomic Design - Developers circle facebook
mjcoffeeholick
4
270
Other Decks in Research
See All in Research
電通総研の生成AI・エージェントの取り組みエンジニアリング業務向けAI活用事例紹介
isidaitc
1
880
AI エージェントを活用した研究再現性の自動定量評価 / scisci2025
upura
1
140
Mechanistic Interpretability:解釈可能性研究の新たな潮流
koshiro_aoki
1
400
Self-supervised audiovisual representation learning for remote sensing data
satai
3
260
CSP: Self-Supervised Contrastive Spatial Pre-Training for Geospatial-Visual Representations
satai
3
250
When Submarine Cables Go Dark: Examining the Web Services Resilience Amid Global Internet Disruptions
irvin
0
290
20250605_新交通システム推進議連_熊本都市圏「車1割削減、渋滞半減、公共交通2倍」から考える地方都市交通政策
trafficbrain
0
710
NLP2025参加報告会 LT資料
hargon24
1
350
LLM-as-a-Judge: 文章をLLMで評価する@教育機関DXシンポ
k141303
3
870
「どう育てるか」より「どう働きたいか」〜スクラムマスターの最初の一歩〜
hirakawa51
0
820
経済学と機械学習:因果推論と密度比推定を中心に
masakat0
0
130
IMC の細かすぎる話 2025
smly
2
580
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.7k
Being A Developer After 40
akosma
90
590k
Documentation Writing (for coders)
carmenintech
73
5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Navigating Team Friction
lara
188
15k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Transcript
storytelling
Alda Rocha UX Research & UX Designer
Imagens substituem palavras
Histórias definem nosso mundo
Passam por muitas gerações
Nos comunicamos diferente hoje
Nossas informações estão fragmentadas nos canais e redes digitais que
mudam de acordo com a evolução tecnológica
Comunicar ainda é um pilar vital dentro do design centrado
no usuário
E que papel a visualização tem no design e no
digital?
Seu produto = Se comunicar com um público
linguagem visual Human-centric design
O viés emocional ainda é um fator determinante no engajamento
dos usuários com algum produto/plataforma
None
Dados, código, ações e interações precisam de linguagem visual e
roteiro para serem interpretadas pelas pessoas.
E tudo começa com contar uma história
None
Qual é a história que seu produto conta?
A lógica
Itens de uma história
- 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
None
Histórias engajam os usuários
O que engaja seu usuário?
None
A força do contexto
Você apoia trabalho escravo?
Explicando o que é SEO
Explicando Inception (filme)
Explicando um cartão de crédito
Explicando uma vantagem
Explicando data e informações
Why, how & What
*Pessoas não compram o que vc faz; Compram o pq
vc faz
None
O que em ux nos ajuda nesses pontos?
- 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
Benefícios
- 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
Crow
- Character - Relationship - Objective - Where https://medium.com/microsoft-design/catching-crow-storytelling-for-ux- design-5e5a0b6def99
Suspense e surpresas
Bom pra uns, pra outros nem tanto
Macro
E se não tivéssemos imagens?
Roteiro e Script
None
None
HTML semântico
Positivo para acessibilidade
Por fim …
Histórias são emocionais
None
None
obrigada
@mjcoffeeholick #MeuLugarEmTI mjcoffeeholick.github.io