Abstract
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.
This is a preview of subscription content, log in via an institution.
Buying options
Tax calculation will be finalised at checkout
Purchases are for personal use only
Learn about institutional subscriptionsReferences
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.
Tschichold, J. (2006). The new typography (New ed.). Berkeley, Calif.: University of California Press.
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.
Whitenton, K. (2013). Minimize cognitive load to maximize usability. Nielsen Norman Group. http://www.nngroup.com/articles/minimize-cognitive-load/. Accessed Dec 2013.
Acknowledgments
Thanks to Stuart Curran, Jeff Wishine, and Chris Ford for providing feedback and ideas on earlier drafts of this piece.
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2014 Springer International Publishing Switzerland
About this chapter
Cite this chapter
Simon, D. (2014). Representing Information Across Channels. In: Resmini, A. (eds) Reframing Information Architecture. Human–Computer Interaction Series. Springer, Cham. https://doi.org/10.1007/978-3-319-06492-5_10
Download citation
DOI: https://doi.org/10.1007/978-3-319-06492-5_10
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-319-06491-8
Online ISBN: 978-3-319-06492-5
eBook Packages: Computer ScienceComputer Science (R0)