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
Content First - Barbara Mercedes - IDF Summit 2019
Search
IDF Buenos Aires
December 07, 2019
Design
96
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Content First - Barbara Mercedes - IDF Summit 2019
En el marco del UX Summit de IDF Bs As
IDF Buenos Aires
December 07, 2019
More Decks by IDF Buenos Aires
See All by IDF Buenos Aires
UX Summit 2019 - Stefi Speranza - Cómo estudiar el caos de forma estratégica
idfbuenosaires
0
280
UX Summit 2019 - Inés Castellano - Contenidos
idfbuenosaires
0
370
UX Summit 2019 - Daniel Mordecki - No me gusta, no vale como evaluación de diseño
idfbuenosaires
1
270
No más autopsias al diseño - Andrés Puppo - UX Summit 2019
idfbuenosaires
0
82
Todo bajo control - Gonzalo Felis / Ayelen Pereyra - UX Summit 2019
idfbuenosaires
1
90
UX, la previa - Angeles Mendoza / Lucas Giuliani - UX Summit 2019
idfbuenosaires
0
120
El amor en tiempos de UX - Salvador Reynoso - UX Summit 2019
idfbuenosaires
1
140
Ux de Postit - Camila Villarreal - UX Summit 2019
idfbuenosaires
1
150
Reversed Atomic Design - Sof Andrade - UX Summit 2019
idfbuenosaires
0
130
Other Decks in Design
See All in Design
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
310
2026年の勢い / Momentum for 2026
bebe
0
510
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
560
CULTURE DECK/Frontend Engineer
mhand01
0
1.4k
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
240
The Art of Caring
klemens
0
370
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
240
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
230
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
190
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.2k
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
670
AI時代、デザイナーの価値はどこに?
tararira
2
1.8k
Featured
See All Featured
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
560
A better future with KSS
kneath
240
18k
Making the Leap to Tech Lead
cromwellryan
135
10k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
430
Building an army of robots
kneath
306
46k
Leo the Paperboy
mayatellez
8
1.9k
Code Reviewing Like a Champion
maltzj
528
40k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
380
Transcript
Hola!
Content First Por qué deberíamos dejar de usar Lorem Ipsum,
y empezar a hablar de estrategias de contenido?
“ Content precedes design. Design in the absence of content
is not design, it's decoration. Jeffrey Zeldman https://twitter.com/zeldman/status/804159148
Content First? Qué es eso?
None
El contenido es todo aquello que enriquece a las experiencias
de usuario
No es sólo texto, sino que también son los datos,
imágenes, videos...
Sirve a una necesidad de comunicación, a una conversación entre
humanos y tecnología
None
Cuando hablamos de content first lo que planteamos es usar
el contenido para definir el diseño y los elementos que lo componen
None
En un mundo ideal, la relación con nuestro equipo de
trabajo es simbiótica. Pero...
https://medium.com/designfeld/the-one-where-we-killed-lorem-ipsum-c8a2793ffa55
None
Qué pasa con Lorem Ipsum?
Lorem Ipsum es bueno para ➔ diseñar/testear rápido ➔ probar
tipografías ➔ visión general del aspecto y sensación de un producto
El problema? Destruye la experiencia del usuario
None
None
https://blog.prototypr.io/content-first-design-second-prototyping-with-words-and-adobe-xd-c4c07cac21ef
https://medium.com/designfeld/the-one-where-we-killed-lorem-ipsum-c8a2793ffa55
None
No content? No problem
Proto-Content
Formas de usar al proto-content ➔ diseñando con el contenido
actual ➔ diseñando con el contenido de la competencia ➔ diseñando con contenido borrador
Contenido actual Si estamos rediseñando un producto, probablemente tengamos un
montón de contenido existente para experimentar
Contenido de la competencia Nos permite comunicar un mensaje parecido,
a una audiencia similar
Contenido borrador Vamos un paso más allá, y escribimos con
nuestras propias palabras lo que el diseño debería decirle al usuario
None
Auditorías de Contenido
https://blog.prototypr.io/content-first-design-second-prototyping-with-words-and-adobe-xd-c4c07cac21ef
Entonces... por qué hay que pensar en estrategias de contenido?
➔ nos ayuda a darle forma a nuestros diseños ➔
nos permite trazar user flows de manera eficiente ➔ mejora la experiencia de usuario
None
https://medium.com/google-design/write-first-the-craft-of-content-first-design-d9460d567947 https://medium.com/deliveroo-design/content-design-systems-need-you-82836afb4fe6 https://medium.com/designfeld/the-one-where-we-killed-lorem-ipsum-c8a2793ffa55 https://gathercontent.com/blog/designing-content-first-for-a-better-ux https://www.craigbailey.net/content-is-king-by-bill-gates/ https://uxplanet.org/content-first-approach-in-design-collaborating-with-content-strategists-and-ux-writers-80 447b0e5605 https://uxdesign.cc/why-you-should-design-the-content-first-for-better-experiences-374f4ba1fe3c https://blog.prototypr.io/content-first-design-second-prototyping-with-words-and-adobe-xd-c4c07cac21ef https://review.content-science.com/2018/05/content-the-next-big-thing-for-design-systems/
https://www.ttandem.com/blog/content-first-que-es-primero-el-diseno-o-los-contenidos/ https://clearleft.com/posts/why-your-design-system-should-include-content https://www.uxbooth.com/articles/using-proto-content-for-a-better-user-experience/?source=post_page-----c 4c07cac21ef----------------------
@brbrmrcds
Gracias!