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
Google Agent Development Kit (ADK) 入門 🚀
mickey_kubo
2
1.2k
実行環境に中立なWebAssemblyライブマイグレーション機構/techtalk-2025spring
chikuwait
0
240
Combinatorial Search with Generators
kei18
0
380
20250605_新交通システム推進議連_熊本都市圏「車1割削減、渋滞半減、公共交通2倍」から考える地方都市交通政策
trafficbrain
0
570
「エージェントって何?」から「実際の開発現場で役立つ考え方やベストプラクティス」まで
mickey_kubo
0
130
rtrec@dbem6
myui
6
890
近似動的計画入門
mickey_kubo
4
990
LLM-as-a-Judge: 文章をLLMで評価する@教育機関DXシンポ
k141303
3
830
プロシェアリング白書2025_PROSHARING_REPORT_2025
circulation
1
910
業界横断 副業・兼業者の実態調査
fkske
0
190
2025/7/5 応用音響研究会招待講演@北海道大学
takuma_okamoto
1
110
CSP: Self-Supervised Contrastive Spatial Pre-Training for Geospatial-Visual Representations
satai
3
220
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
KATA
mclloyd
30
14k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Docker and Python
trallard
45
3.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Automating Front-end Workflow
addyosmani
1370
200k
Bash Introduction
62gerente
613
210k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
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