This document discusses responsive and future-friendly content. It emphasizes that the future cannot be predicted and that disruption will accelerate. It suggests that proprietary solutions will initially dominate as existing standards, workflows and infrastructure will not keep up. It advocates for content-first, mobile-first and orbital responsive content approaches. It also discusses ensuring content remains meaningful and valuable across contexts by focusing on patterns, priority guides, identity, dimensions and relationships rather than just scale.

1. Future
Friendly
Content.
@thamar

2. 1 future friendly
2 responsive
3 beeld content

3. 1
“The future cannot be
predicted, but futures
can be invented”
Dennis Gabor, inventing the future 1963

4. futurefriend.ly
“Disruption will only
accelerate”

5. Schaalbaarheid op devices

6. Sensors en andere output

7. futurefriend.ly
“Our existing standards,
workflows, and infrastructure
won't hold up. ”

8. Een ander werkproces

9. futurefriend.ly
“Proprietary solutions will
dominate at first.”

10. Gebruiken wat je kent

11. futurefriend.ly
Oplossingen:
1 content first
2 mobile first
3 orbital content

12. Orbital Content

13. Responsive content...
Als je voor content
de context niet meer te
voorspellen is, moet het
doelgericht, waardevol en
doordacht zijn.

14. 2
“The secret to getting
ahead is getting started.”
Things Mark Twain Didn't Really Say

15. Responsive..
is nog steeds iets tussen
developers en designers.

19. responsive content
Kijk niet alleen naar
schaalbaarheid op scherm

20. Patterns

21. content templates
handig voor recht-toe
recht-aan sites

23. patterns
inzichtelijk maken
van concepten.

25. inzichtelijk maken =
verwachting managen

26. patterns
responsive content:
priority guide

27. Dress
Responsively
OLL HAS LTO
Back to Top
SCR OW clothing co P
DRO N MAI K
BEL W LIN
DO
Home About Shirts Contact MADE BY
SIZE US UP & SPARKBOX
CAST YOUR VOTE! LOGO
Link
EXCLUSIVELY FOR
#1 IMAGE
OF LEADING
334
IN POLLS VOTES
SHIRT
BUILD RESPONSIVELY
LOGO
Link
SHOW ME ALL THE CANDIDATES
Home About Shirts Contact
WHAT’S THIS ALL ABOUT?
© Sparkbox 2012
The Dress Responsively Clothing All Rights Reserved.
Company doesn’t exist. Yet. This
website is a product of Sparkbox’s Build
ING
Responsively workshop. Dress AND
EXP OTER
El Presidente Say: FO
Responsively was originally built as a
mock project to create working files and Responsive design is always the right
content for the workshop’s attendees. answer. Though it is not always the
only answer.
But then we got to thinking.
Listen to Bruce Lee. Be like water,
What standards-loving, responsively-
my friend.
building, media-querying web citizens

28. Identiteit

29. identiteit
Hoe blijf je als merk
herkenbaar op klein scherm?

31. 3
“In photography, the smallest
thing can be a great subject.
The little, human detail can
become a Leitmotiv. ”
Henri Cartier-Bresson

32. Content in responsive design..
dimensions, ratio's en
contentblokken, objecten,
containers.

33. maar..
Het heeft meestal niets te
maken met
betekenis en relaties

35. Time magazine...
Headline, Lede, image,
body, conclusion.

36. Beeldredactie...
Let op de complexiteit, pas
aspec ratio aan op level en
frequentie.

43. twee mogelijkheden
Ander platform,
andere content
óf
conditional loading

44. responsive images
conditional loading
1 fluid grid
2 flexible images
3 media queries

45. Responsive content...
semantiek
microcontent
strategische keuzes
context

47. Future
Friendly
Content.
@thamar