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
1
85
Content First - Barbara Mercedes - IDF Summit 2019
En el marco del UX Summit de IDF Bs As
IDF Buenos Aires
December 07, 2019
Tweet
Share
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
250
UX Summit 2019 - Inés Castellano - Contenidos
idfbuenosaires
0
300
UX Summit 2019 - Daniel Mordecki - No me gusta, no vale como evaluación de diseño
idfbuenosaires
1
260
No más autopsias al diseño - Andrés Puppo - UX Summit 2019
idfbuenosaires
0
70
Todo bajo control - Gonzalo Felis / Ayelen Pereyra - UX Summit 2019
idfbuenosaires
1
82
UX, la previa - Angeles Mendoza / Lucas Giuliani - UX Summit 2019
idfbuenosaires
0
110
El amor en tiempos de UX - Salvador Reynoso - UX Summit 2019
idfbuenosaires
1
130
Ux de Postit - Camila Villarreal - UX Summit 2019
idfbuenosaires
1
130
Reversed Atomic Design - Sof Andrade - UX Summit 2019
idfbuenosaires
0
120
Other Decks in Design
See All in Design
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
110
役立つシステムを作るためのAI活用
kanzaki
0
100
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.5k
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
200
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
230
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.3k
The Spectacular Lies of Maps
axbom
PRO
1
300
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
680
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
440
#Dubois Challenge 2025: Economics
ajstarks
1
190
Yumika Yamada Portfolio
yumii
0
1.8k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
500
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
75
5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Automating Front-end Workflow
addyosmani
1371
200k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Writing Fast Ruby
sferik
629
62k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Docker and Python
trallard
46
3.6k
Code Reviewing Like a Champion
maltzj
525
40k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Building Applications with DynamoDB
mza
96
6.7k
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!