Representing Information Across Channels
Substantial progress has been made in using information architecture for different mediums and across different channels. NPR’s COPE System—Create Once, Publish Everywhere—is just one example of creating flexible content for cross-channel ecosystems, spanning data entry to presentation layer. In this position piece, I reflect on the relationship between content presentation and evolving hardware. I posit that information architecture is a key practice in rendering device agnostic content, exploring the ways in which the structural design of information helps to bring into being a near seamless experience for users mentally navigating different environments. I use three specific case studies from three different organizations—Amazon, NPR, and Facebook—so as to illustrate how the structuring of data was a critical aspect in representing information across channels.
KeywordsOpen Graph User Interface Development Information Architecture Content Consumption Digital Strategy
Thanks to Stuart Curran, Jeff Wishine, and Chris Ford for providing feedback and ideas on earlier drafts of this piece.
- Allsop, J. (2000). A Dao of web design. A list apart. http://alistapart.com/article/dao. Accessed Nov 2013.
- Arburako. (2012). Facebook open graph. http://www.slideshare.net/arburako/og-13617534. Accessed Nov 2013.
- Boulton, M. (2012). A new canon. http://www.markboulton.co.uk/journal/anewcanon. Accessed Dec 2013.
- Boulton, M. (2013). Structure first. Content always. http://www.markboulton.co.uk/journal/structure-first-content-always. Accessed Dec 2013.
- Brand, Z. (2011). Web 2.0 EXPO. O’Reilly. http://cdn.oreillystatic.com/en/assets/1/event/51/NPR%20Everywhere_%20The%20Power%20of%20Flexible%20Content%20Presentation.pdf. AccessedNov 2013.
- Charchar, A. R. (2010). The secret law of page harmony. Retinart RSS. http://retinart.net/graphicdesign/ secret-law-of-page-harmony/. Accessed Jan 2014.
- Chin, M. (2010). Facebook’s key to success-Open API? Just NMT & Cindy :). http://blogs.murdoch.edu.au/cindychin/201. Accessed Feb 2014.
- Curtis, H. (2013). 5 most important semantic markups for your website. The Design Studio. http://www.theedesign.com/blog/2013/5-most-important-semantic-markups-for-your-website. Accessed Jan 2014..
- Frost, B. (2013). Atomic design. Brad Frost Web. http://bradfrostweb.com/blog/post/atomic-web -design. Accessed Dec 2013..
- Greenfield, A. (2007). On the ground running: Lessons from experience design. Speedbird. http://speedbird.wordpress.com/2007/06/22/on-the-ground-running-lessons-from-experience-design/. Accessed Jan 2014.
- Hinton, A. (2013). Is it stating the obvious to say “responsive web design” is a valuable technique, but it’s not a strategy? If not, let’s state is more. https://twitter.com/inkblurt/status/316278804307910657. Accessed Mar 2013.
- Ingram, M. (2011). What is a book? The definition continues to blur-tech news and analysis. Gigaom. http://gigaom.com/2011/04/22/what-is-a-book-the-definition-continues-to-blur/. Accessed Jan 2014.
- Jacobson, D. (2009). Programmable web. COPE: Create once, publish everywhere. http://blog.programmableweb.com/2009/10/13/cope-create-once-publish-everywhere/. Accessed Nov 2013.
- Koczon, C. (2011). Orbital content. A list apart. http://alistapart.com/article/orbital-content. Accessed Nov 2013.
- Lee, D. (2012). Facebook surpasses one billion users as it tempts new markets. BBC News. http://www.bbc.co.uk/news/technology-19816709. Accessed Dec 2013.
- Marcotte, E. (25 May 2010). Responsive web design. A list apart. http://alistapart.com/article/responsive-web-design/. Accessed 13 Jan 2014.
- McGrane, K. (2012). Adapting ourselves to adaptive content. http://karenmcgrane.com/2012/09/04/adapting-ourselves-to-adaptive-content-video-slides-and-transcript-oh-my/. Accessed Jan 2014.
- Roberts, A. (2014). Media Queries—SitePoint. SitePoint. Retrieved June 22, 2014, from http://www.sitepoint.com/web-foundations/media-queries/.
- Pins, M., & Hild, H. (2013). Image based artistic dithering. http://www.visgraf.impa.br/Courses/ip00/proj/Dithering1/. Accessed Jan 2014.
- Resmini, A. (2012). What is cross-channel? http://andrearesmini.com/blog/what-is-cross-channel. Accessed Dec 2013.
- Resmini, A. (2013). Ghost in the shell-navigation, meaning and placemaking in information space. Proceedings of the international UDC seminar on classification and visualization 2013. http://www.udcds.com/seminar/2013/media/slides/aresmini_udcseminar2013.pdf. Accessed Dec 2013.
- Resmini, A. & Rosati, L. (2011). Pervasive information architecture-designing cross-channel user experiences. Burlington: Morgan Kauffman.Google Scholar
- Tschichold, J. (2006). The new typography (New ed.). Berkeley, Calif.: University of California Press.Google Scholar
- Waddingham, J. (2011). Waddingham’s words (and pics). hhttp://jonathanwaddingham.com /2011/10/29/grammar-as-a-platform-and-sentences-as-a-service-facebooks-new-open-graph/. Accessed Dec 2013.Google Scholar
- Whitenton, K. (2013). Minimize cognitive load to maximize usability. Nielsen Norman Group. http://www.nngroup.com/articles/minimize-cognitive-load/. Accessed Dec 2013.