Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Connected Content: The Future of Information

943 views

Published on

The last decade has seen an explosion of channels and devices. And the pace of change is only accelerating. How do you prepare for the next disruption? Are you ready for the new frontier where we interact with our voice rather than clicking, tapping, and reading? It’s time for an end-to-end process for building a structured content framework. One that lets you plan and design interfaces and content delivery systems that meet the needs of today and are ready for the opportunities of tomorrow. Discover a design method that starts with content, not pixels, by showing the interplay of content strategy, content design, and content management.

Published in: Technology

Connected Content: The Future of Information

  1. 1. CONNECTED CONTENT: 
 THE FUTURE OF INFORMATION IA SUMMIT 2018 CARRIE HANE @CARRIEHD #IAS18
  2. 2. CHAOSPhoto by Cristina Gottardi on Unsplash
  3. 3. MORE MORE MORE FASTER FASTER FASTER
  4. 4. MOVE FAST AND BREAK THINGS Facebook’s Former Motto
  5. 5. VISION FOR A BETTER FUTURE
  6. 6. PEOPLE SYSTEMS
  7. 7. @carriehd #IAS18 10 AUDIENCE HOW DO THEY THINK? BANDS GOOD PLACE TO CATCH A CONCERT TOURS VENUES NEAR ME WHAT DO THEY WANT?
  8. 8. @carriehd #IAS18 TEAM 11
  9. 9. @carriehd #IAS18 SINGLE REPOSITORY OF CONTENT FOR ALL DEVICES 12
  10. 10. A NEW WAY OF APPROACHING DIGITAL CONTENT
  11. 11. @carriehd #IAS18 SHAMELESS SELF-PROMOTION 14 DESIGNING CONNECTED CONTENT - THE BOOK
  12. 12. WHAT GAME IS THIS FROM?
  13. 13. MODEL-FIRST
  14. 14. https://commons.wikimedia.org/wiki/File:Quartz_oisan.jpg
  15. 15. @carriehd #IAS18 STRUCTURED CONTENT LAYERS 18
  16. 16. 1. WHAT WORLD DO YOU OPERATE IN?
  17. 17. @carriehd #IAS18 1. WHAT WORLD DO YOU OPERATE IN? 20 Music OutdoorsPizza
  18. 18. @carriehd #IAS18 21DOMAIN MODEL FOR LIVE MUSIC
  19. 19. 2. HOW DO YOU FIT INTO THAT WORLD?
  20. 20. @carriehd #IAS18 CONTENT MODEL FOR TICKET SELLER 23
  21. 21. @carriehd #IAS18 CONTENT MODEL FOR TICKET SELLER 24
  22. 22. 3. DESIGN THE CONTENT
  23. 23. RESOURCE BEFORE REPRESENTATION
  24. 24. @carriehd #IAS18 THINK WIKIPEDIA 27 Content Type = Performer
  25. 25. @carriehd #IAS18 THINK WIKIPEDIA 28 Content Type = Act
  26. 26. @carriehd #IAS18 USE THE CHUNKS TO DESIGN USEFUL CONTENT 29 Who is this act? Content Type Attribute Example Content Lineup Lineup Name U2 Performer Performer Name Bono Performer Years Active 1976 - present What kind of music do they play? Content Type Attribute Example Content Genre Genre Name Rock
  27. 27. @carriehd #IAS18 USE THE CHUNKS TO DESIGN USEFUL CONTENT 30 When are their concerts? Content Type Attribute Example Content Tour Tour Name Experience + Innocence Tour Tour Dates May 2, 2018 - November 10, 2018 Performance Date June 17, 2018 Venue Venue Name Capital One Arena Venue City, State Washington, DC How can I get tickets to the show? Content Type Attribute Example Content Tickets URL Buy tickets
  28. 28. 4. CREATE A SYSTEM TO MANAGE THE CONTENT
  29. 29. @carriehd #IAS18 CONTENT MANAGEMENT SYSTEM 32 Content Type Description Field Label Field Type Performer Individual who performs music First Name Plain Text Last Name Plain Text Birth Name Plain Text Birthdate Date Birthplace Plain Text Biography Rich Text Instruments Played Multiselect List
  30. 30. 5. CREATE THE REPRESENTATIONS
  31. 31. $.ajax({ type:"GET", url:"https://app.ticketmaster.com/discovery/v2/events/G5diZfkn0B-bh.json?apikey={apikey}", async:true, dataType: "json", success: function(json) { console.log(json); // Parse the response. // Do other things. }, error: function(xhr, status, err) { // This time, we do not end up here! } });
  32. 32. @carriehd #IAS18 ATOMIC DESIGN 35 http://bradfrost.com/blog/post/atomic-web-design/
  33. 33. @carriehd #IAS18 RESOURCE TEMPLATES 36 <html> <head> <title>[ActName TourName TourDates]</title> </head> <body> <h1>[ActName]</h1> <h2>[TourName]</h2> <p>[TourStartDate - TourEndDate]</p> <h3>Tour Stops</h3> <p>[PerformanceCityState], [PerformanceDate]</p> <a href="TicketURL">Get Tickets</a> </body> </html>
  34. 34. @carriehd #IAS18 INDEX TEMPLATES 37 <html> <head> <title>[Summer 2018 Tours]</title> </head> <body> <h1>Summer 2018 Tours</h1> <h2>[ActName]</h2> <p><a href="[Tour]">[TourName]</a><br/> [TourStartDate - TourEndDate]<br/> <strong>Stops</strong><br/> [PerformanceCityState]</p> <a href="TicketURL">Get Tickets</a> </body> </html>
  35. 35. IT IS EASY TO PUT PIXELS TOGETHER WHEN YOU’VE ALREADY MADE DECISIONS. Nicole Fenton Words As Material
  36. 36. 6. MAKE PATHWAYS THROUGH YOUR CONTENT
  37. 37. @carriehd #IAS18 MENUS 40
  38. 38. @carriehd #IAS18 CONTEXTUAL NAVIGATION 41
  39. 39. @carriehd #IAS18 URLS ARE NAVIGATION TOO 42 http://www.findtickets.com/performers/bono http://www.findtickets.com/performers/ http://www.findtickets.com/acts/u2 http://www.findtickets.com/acts http://www.findtickets.com/performers/:performer_name http://www.findtickets.com/acts/:act_name
  40. 40. PLOT TWIST SORT OF
  41. 41. THE FUTURE IS NOW
  42. 42. CHANGE IS CONSTANT
  43. 43. DEVELOP YOUR SKILLS TRADE FACILITATION
  44. 44. THE IMPORTANT THINGS IS NOT TO STOP QUESTIONING
  45. 45. HOW DOES THIS APPLY TO THE WORK YOU’RE DOING? #DCCbook
  46. 46. @carriehd #IAS18 MODEL- AND CONTENT-FIRST RESOURCES 49 Content First – Design Last
 https://www.smashingmagazine.com/ 2015/02/design-last/ Content-First Prototyping
 https://www.smashingmagazine.com/ 2016/05/content-first-prototyping/ Content-First Web Design: What It's About and How to Get Started
 https://blogs.adobe.com/creativecloud/ content-first-web-design-what-its-about- and-how-to-get-started/ Positing 3 axes of web design (possibly 4)
 smethur.st/posts/176135864 Designing Connected Content
 Mike Atherton and Carrie Hane Content Design
 Sarah Richards Web Content Management 
 Deane Barker Every Page is Page One
 Mark Baker Responsive Web Design
 Ethan Marcotte Content Strategy for Mobile
 Karen McGrane
  47. 47. THANK YOU CARRIE HANE @CARRIEHD WWW.TANZENCONSULTING.COM GET THE #DCCbook: DESIGNING CONNECTED CONTENT

×