FutureFriendlyContent.@thamar
1 future friendly2 responsive3 beeld content
1“The future cannot bepredicted, but futures  can be invented”Dennis Gabor, inventing the future 1963
futurefriend.ly“Disruption will only     accelerate”
Schaalbaarheid op devices
Sensors en andere output
futurefriend.ly  “Our existing standards,workflows, and infrastructure       wont hold up. ”
Een ander werkproces
futurefriend.ly“Proprietary solutions will    dominate at first.”
Gebruiken wat je kent
futurefriend.ly    Oplossingen:1    content first2    mobile first3    orbital content
Orbital Content
Responsive content...   Als je voor content de context niet meer te voorspellen is, moet hetdoelgericht, waardevol en     ...
2 “The secret to gettingahead is getting started.”  Things Mark Twain Didnt Really Say
Responsive..is nog steeds iets tussendevelopers en designers.
responsive content   Kijk niet alleen naarschaalbaarheid op scherm
Patterns
content templateshandig voor recht-toe   recht-aan sites
patternsinzichtelijk maken  van concepten.
inzichtelijk maken =verwachting managen
patternsresponsive content:   priority guide
Dress             Responsively           OLL                  HAS          LTO                                            ...
Identiteit
identiteit    Hoe blijf je als merkherkenbaar op klein scherm?
3“In photography, the smallestthing can be a great subject. The little, human detail can    become a Leitmotiv. ”       He...
Content in responsive design..   dimensions, ratios en contentblokken, objecten,        containers.
maar..Het heeft meestal niets te      maken met  betekenis en relaties
Time magazine...Headline, Lede, image,  body, conclusion.
Beeldredactie...Let op de complexiteit, pasaspec ratio aan op level en        frequentie.
twee mogelijkheden  Ander platform,  andere content        ófconditional loading
responsive imagesconditional loading  1   fluid grid 2    flexible images  3   media queries
Responsive content...     semantiek   microcontentstrategische keuzes      context
FutureFriendlyContent.@thamar
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Thamar Kiemel | Future Friendly Content ContentCafé #06
Upcoming SlideShare
Loading in …5
×

Thamar Kiemel | Future Friendly Content ContentCafé #06

1,310 views

Published on

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,310
On SlideShare
0
From Embeds
0
Number of Embeds
590
Actions
Shares
0
Downloads
4
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Thamar Kiemel | Future Friendly Content ContentCafé #06

  1. 1. FutureFriendlyContent.@thamar
  2. 2. 1 future friendly2 responsive3 beeld content
  3. 3. 1“The future cannot bepredicted, but futures can be invented”Dennis Gabor, inventing the future 1963
  4. 4. futurefriend.ly“Disruption will only accelerate”
  5. 5. Schaalbaarheid op devices
  6. 6. Sensors en andere output
  7. 7. futurefriend.ly “Our existing standards,workflows, and infrastructure wont hold up. ”
  8. 8. Een ander werkproces
  9. 9. futurefriend.ly“Proprietary solutions will dominate at first.”
  10. 10. Gebruiken wat je kent
  11. 11. futurefriend.ly Oplossingen:1 content first2 mobile first3 orbital content
  12. 12. Orbital Content
  13. 13. Responsive content... Als je voor content de context niet meer te voorspellen is, moet hetdoelgericht, waardevol en doordacht zijn.
  14. 14. 2 “The secret to gettingahead is getting started.” Things Mark Twain Didnt Really Say
  15. 15. Responsive..is nog steeds iets tussendevelopers en designers.
  16. 16. responsive content Kijk niet alleen naarschaalbaarheid op scherm
  17. 17. Patterns
  18. 18. content templateshandig voor recht-toe recht-aan sites
  19. 19. patternsinzichtelijk maken van concepten.
  20. 20. inzichtelijk maken =verwachting managen
  21. 21. patternsresponsive content: priority guide
  22. 22. Dress Responsively OLL HAS LTO Back to Top SCR OW clothing co P DRO N MAI K BEL W LIN DOHome 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 2012The Dress Responsively Clothing All Rights Reserved.Company doesn’t exist. Yet. Thiswebsite is a product of Sparkbox’s Build INGResponsively workshop. Dress AND EXP OTER El Presidente Say: FOResponsively was originally built as amock project to create working files and Responsive design is always the rightcontent 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
  23. 23. Identiteit
  24. 24. identiteit Hoe blijf je als merkherkenbaar op klein scherm?
  25. 25. 3“In photography, the smallestthing can be a great subject. The little, human detail can become a Leitmotiv. ” Henri Cartier-Bresson
  26. 26. Content in responsive design.. dimensions, ratios en contentblokken, objecten, containers.
  27. 27. maar..Het heeft meestal niets te maken met betekenis en relaties
  28. 28. Time magazine...Headline, Lede, image, body, conclusion.
  29. 29. Beeldredactie...Let op de complexiteit, pasaspec ratio aan op level en frequentie.
  30. 30. twee mogelijkheden Ander platform, andere content ófconditional loading
  31. 31. responsive imagesconditional loading 1 fluid grid 2 flexible images 3 media queries
  32. 32. Responsive content... semantiek microcontentstrategische keuzes context
  33. 33. FutureFriendlyContent.@thamar

×