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
200
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
140
Atomic Design - Developers circle facebook
mjcoffeeholick
4
270
Other Decks in Research
See All in Research
Mathematics in the Age of AI and the 4 Generation University
hachama
0
150
NLP2025 WS Shared Task 文法誤り訂正部門 ehiMetrick
sugiyamaseiji
0
170
PhD Defence: Considering Temporal and Contextual Information for Lexical Semantic Change Detection
a1da4
1
180
さくらインターネット研究所 アップデート2025年
matsumoto_r
PRO
0
580
言語モデルの内部機序:解析と解釈
eumesy
PRO
40
17k
自然由来エネルギーの揺らぎによるワークロード移動を想定した超個体データセンターシステムの検討進捗状況
kikuzo
0
110
eAI (Engineerable AI) プロジェクトの全体像 / Overview of eAI Project
ishikawafyu
0
470
Sosiaalisen median katsaus 03/2025 + tekoäly
hponka
0
1.1k
EarthMarker: A Visual Prompting Multimodal Large Language Model for Remote Sensing
satai
3
230
資産間の相関関係を頑健に評価する指標を用いたファクターアローケーション戦略の構築
nomamist
0
200
Computational OT #1 - Monge and Kantorovitch
gpeyre
0
130
プロシェアリング白書2025_PROSHARING_REPORT_2025
circulation
1
660
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
122
52k
A better future with KSS
kneath
239
17k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
RailsConf 2023
tenderlove
30
1.1k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Unsuck your backbone
ammeep
671
58k
We Have a Design System, Now What?
morganepeng
52
7.6k
Producing Creativity
orderedlist
PRO
344
40k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.7k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Optimizing for Happiness
mojombo
378
70k
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