Connected Content: The Future of Information
•
12 gefällt mir•2,134 views
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.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Mehr von Carrie Hane
Mehr von Carrie Hane (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Connected Content: The Future of Information
- 1. CONNECTED CONTENT: THE FUTURE OF INFORMATION IA SUMMIT 2018 CARRIE HANE @CARRIEHD #IAS18
- 5. MOVE FAST AND BREAK THINGS Facebook’s Former Motto
- 8. VISION FOR A BETTER FUTURE
- 10. @carriehd #IAS18 10 AUDIENCE HOW DO THEY THINK? BANDS GOOD PLACE TO CATCH A CONCERT TOURS VENUES NEAR ME WHAT DO THEY WANT?
- 12. @carriehd #IAS18 SINGLE REPOSITORY OF CONTENT FOR ALL DEVICES 12
- 13. A NEW WAY OF APPROACHING DIGITAL CONTENT
- 14. @carriehd #IAS18 SHAMELESS SELF-PROMOTION 14 DESIGNING CONNECTED CONTENT - THE BOOK
- 15. WHAT GAME IS THIS FROM?
- 16. MODEL-FIRST
- 18. @carriehd #IAS18 STRUCTURED CONTENT LAYERS 18
- 19. 1. WHAT WORLD DO YOU OPERATE IN?
- 20. @carriehd #IAS18 1. WHAT WORLD DO YOU OPERATE IN? 20 Music OutdoorsPizza
- 21. @carriehd #IAS18 21DOMAIN MODEL FOR LIVE MUSIC
- 22. 2. HOW DO YOU FIT INTO THAT WORLD?
- 23. @carriehd #IAS18 CONTENT MODEL FOR TICKET SELLER 23
- 24. @carriehd #IAS18 CONTENT MODEL FOR TICKET SELLER 24
- 27. @carriehd #IAS18 THINK WIKIPEDIA 27 Content Type = Performer
- 28. @carriehd #IAS18 THINK WIKIPEDIA 28 Content Type = Act
- 29. @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
- 30. @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
- 31. 4. CREATE A SYSTEM TO MANAGE THE CONTENT
- 32. @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
- 34. $.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! } });
- 35. @carriehd #IAS18 ATOMIC DESIGN 35 http://bradfrost.com/blog/post/atomic-web-design/
- 36. @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>
- 37. @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>
- 38. IT IS EASY TO PUT PIXELS TOGETHER WHEN YOU’VE ALREADY MADE DECISIONS. Nicole Fenton Words As Material
- 39. 6. MAKE PATHWAYS THROUGH YOUR CONTENT
- 42. @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
- 44. THE FUTURE IS NOW
- 47. THE IMPORTANT THINGS IS NOT TO STOP QUESTIONING
- 48. HOW DOES THIS APPLY TO THE WORK YOU’RE DOING? #DCCbook
- 49. @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
- 50. THANK YOU CARRIE HANE @CARRIEHD WWW.TANZENCONSULTING.COM GET THE #DCCbook: DESIGNING CONNECTED CONTENT