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
110
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.1k
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
Submeter-level land cover mapping of Japan
satai
3
130
20250502_ABEJA_論文読み会_スライド
flatton
0
170
EarthMarker: A Visual Prompting Multimodal Large Language Model for Remote Sensing
satai
3
350
Principled AI ~深層学習時代における課題解決の方法論~
taniai
3
1.2k
SSII2025 [SS1] レンズレスカメラ
ssii
PRO
2
980
引力・斥力を制御可能なランダム部分集合の確率分布
wasyro
0
190
NLP2025参加報告会 LT資料
hargon24
1
320
業界横断 副業・兼業者の実態調査
fkske
0
190
Computational OT #4 - Gradient flow and diffusion models
gpeyre
0
310
電力システム最適化入門
mickey_kubo
1
700
ウッドスタックチャン:木材を用いた小型エージェントロボットの開発と印象評価 / ec75-sato
yumulab
1
420
数理最適化に基づく制御
mickey_kubo
5
680
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.4k
Thoughts on Productivity
jonyablonski
69
4.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
A Tale of Four Properties
chriscoyier
160
23k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Adopting Sorbet at Scale
ufuk
77
9.5k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
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