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
250
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
160
Atomic Design - Developers circle facebook
mjcoffeeholick
4
270
Other Decks in Research
See All in Research
Time to Cash: The Full Stack Breakdown of Modern ATM Attacks
ratatata
0
160
Combinatorial Search with Generators
kei18
0
1k
Mamba-in-Mamba: Centralized Mamba-Cross-Scan in Tokenized Mamba Model for Hyperspectral Image Classification
satai
3
120
なめらかなシステムと運用維持の終わらぬ未来 / dicomo2025_coherently_fittable_system
monochromegane
0
4k
Language Models Are Implicitly Continuous
eumesy
PRO
0
300
電通総研の生成AI・エージェントの取り組みエンジニアリング業務向けAI活用事例紹介
isidaitc
1
1.1k
引力・斥力を制御可能なランダム部分集合の確率分布
wasyro
0
260
snlp2025_prevent_llm_spikes
takase
0
380
論文紹介:Not All Tokens Are What You Need for Pretraining
kosuken
0
200
心理言語学の視点から再考する言語モデルの学習過程
chemical_tree
2
630
単施設でできる臨床研究の考え方
shuntaros
0
3.1k
20250624_熊本経済同友会6月例会講演
trafficbrain
1
700
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
10k
Speed Design
sergeychernyshev
32
1.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Building Applications with DynamoDB
mza
96
6.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
KATA
mclloyd
PRO
32
15k
Documentation Writing (for coders)
carmenintech
75
5.1k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
How STYLIGHT went responsive
nonsquared
100
5.8k
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