Categories
Content Effectiveness Content Experience

Seven examples of content behavior design

Content behavior design promotes the discovery of content.  It is different from information architecture, which is focused on global information organization and navigation, and on offering users tools to specify what they are seeking.  Content behavior design anticipates what content might be interesting for users, and decides what to display based on that.  Rather than assume the user is necessarily looking to find a piece of information, content design assumes that the user may not be consciously looking for a piece of information, but would be happy to have it available if it were relevant to core content she is viewing.

In some cases, content behavior design can help people discover things they were not seeking.  In other cases, additional content provides more clarity.  Effective designs give audiences more context, making the content richer.  Here are six examples to illustrate how content behavior can work for audiences.

Real time content aggregation (Kayak)

kayak flight

Many bits of information are associated with a single label (a flight number) representing a single object (a plane).  This example brings together real time information about the flight, showing information about three locations (departure, current, and arrival) and timing information about events associated with these locations.  The aggregation of many pieces of real time information makes this powerful.  Real time information is compelling because it changes and gives audiences a reason to check for updates.  One could imagine this example being even more useful if it included weather related information affecting the flight, especially any weather conditions at the arrival destination that could impact the projected arrival time.

Content about related actions (ESPN)

espn tickets

In interaction design, it is helpful to highlight a next action, instead of making the user look elsewhere for it.  In this example from ESPN, the column on the far right allows the user to order tickets for a basketball game.  But instead of simply saying “order tickets,” it provides information about how many seats are available and the costs.  Incorporating this content is successful for two reasons: 1. It gives people interested in ordering tickets an idea of their availability; and 2. It gives people not interested in attending the game in person a sense of how anticipated the game is in terms of attendance.  Based on the number of tickets sold, and the prices of tickets, do fans expect an exciting game?

Tracking components of collections (Paprika)

paprika shopping

Digital content curation is an important development.  People collect content items that have associated metadata.  As they assemble items into collections, the metadata can be combined as well.  In this example from the recipe manager app Paprika, the ingredients from two recipes are combined into one shopping list, so that the user knows how many eggs in total he needs to make both dishes.  The content is smart enough to anticipate a need of the user, and perform that task without prompting.   Another example is the app Delicious Library, which can track the replacement costs of books one owns.  Designers use content behavior for applications focused on the “quantified self”— the collection of information about yourself.  For example, a design could tell the user what night of the week she typically sleeps best.

Audience activity insights (Economist)

economist readers

What audiences are interested in is itself interesting.  The Economist has adapted the concept of a tag cloud to listen to reader comments on their articles.  The program listens for keywords, newsworthy proper nouns or significant phrases, and shows relative frequency and extent they coincide.   It’s a variation of the “most commented” article list, but shifts the focus to the discussion itself.  Audiences can see what topics specifically are being discussed, and can note any relationships between topics.  For example, Apple is being discussed in the context of China, rather than in the context of Samsung.  Users can hover over to see the actual comments.  It provides a discovery mechanism for seeing the topicality of the week’s news, and provides enough ambiguity to tempt the reader to explore more to understand why something unfamiliar is being discussed.

Data on content facets (Bloomberg)

bloomberg

Content can have many facets. Faceted navigation, which takes the user to other content related to that facet, is a well established navigation technique.  This example from Bloomberg, in contrast, brings the content to the user.  As the interview is happening, users can get more information about things mentioned in the interview.  Without leaving the interview, the user can get more context, viewing real time information about stock prices discussed, or browsing headlines about companies or industries mentioned.  The viewer can even see how often the person speaking has appeared on the show previously to get a sense of their credibility or expertise.  Even though some of this information is hidden by collapsible menus, the user does not need to request the system to pull this information – it is provided by default.

Data-driven leaderboards (IMDb)

imdb leaderboard

Lists are a helpful navigation tool, but they are more valuable when they have interesting data behind them.  Unlike tables of data, which require users to sort, leaderboards provide automatic ranking by key criteria.  In this example from IMDb, animation series and titles are ranked by user rating and gross revenues.  The ranking provides the casual viewer a chance to gauge relative popularity before clicking on one for more information, while the core fan might check the list to see if their favorite film has moved up in the rankings.

Content recommendations (Netflix)

netflix recommendation

There are growing numbers of content recommendation engines, covering articles, books, music, videos and even data.  They rely on different inputs, such as user ratings, user consumption, peer ratings, peer consumption, and imputed content similarity.  In many respects, content recommendation engines represent the holy grail of content behavior design.  The chief problem for users is understanding and trusting the algorithm.  Why am I being told I would like this?  Netflix provides a rationale, based on prior activity by the user.  It’s probably a simplification of the actual algorithm, but it provides some basis for the user to accept or reject the recommendation.  I expect recommendation engines will evolve further to provide better signals that suggestions are a good fit (no risk), and that they aren’t too narrow (the filter bubble problem).

Ideas for thinking about behavior

In choosing what content to present, it helps to ask:

  • what else might someone find helpful that is related to what is being presented?
  • what aspects of content are notable, changing, and newsworthy, and how can you highlight these aspects?
  • how can you present content elements so they are interesting, rather than simply informative?
  • if you are trying to encourage audiences to act, how can real time content to used to support that?
  • how do different audiences relate to the content, and can you provide something that appeals to different segments?
  • what content could the system automatically provide that is laborious for someone to do themselves?

Designing content behavior is central to content engagement.  Try out ideas, and test them to see what works for your audiences.

— Michael Andrews

Categories
Big Content

Content as a dynamic resource

Few content contributors understand how technology transforms content.  They focus on getting content to fill an existing product such as a newsletter or mobile app, but don’t see the other potential ways the content could be used.  As raw material content has many possibilities.  Publishers don’t always appreciate these possibilities.

Historically, content professionals have focused on the desirability of separating content from its presentation so that content can be managed more effectively, and visual design can be managed more consistently.  Content is stuff marked up in XML, while presentation determines how the audiences actually see the stuff.  Recently, content professionals have been writing more about content behavior.  Mark Baker for example champions a concept he calls “content engineering” and has written a terrific article on the need to separate content from behavior.

Authors have trouble thinking about content as raw material because they tend to view publishing as an event, rather than as an ongoing process.  I want to propose three pillars to help to clarify the many possibilities for content.  These pillars are

  1. content stock
  2. content presentation
  3. content behavior

Content stock is what many people just call content.  The distinction I am making is that the stock of content is always available and ready to morph into something else, even when it appears finished and ready to be consumed.  Content stock is not an end product, but a resource, much like stock photography.  It may be created for immediate or later use, or acquired from third parties.  Content stock is mediated by APIs sourcing content from elsewhere, and CMS and DAM platforms managing content assets owned by the organization.  Metadata gives content stock meaning that is intelligible to computers, which determine which parts are most relevant to an audience.   Examples of content stock include

  • articles
  • text streams such as comments in social media
  • text descriptions from catalogs
  • tabular data
  • audio such as interviews and music
  • video
  • imagery such as photos and graphic illustrations
  • user profile information
  • display ads
  • re-usable slogans and messaging

Content presentation determines how the selected content is presented to end users.  There are a number of ways that code can change how content is presented.  Even though code separates content elements from their presentation, the relationship between content and presentation is often a source of grief because digital content behaviors differently from analogue content.  Code can, for example, provide some amazing transition effects, at the same time it struggles to offer some of the layout precision found in print media.  Content presentation can influence the meaning audiences derive from content.  Subtle clues about the importance and relationship between items can be conveyed through hierarchy and the separation or association of different content elements.   Publishers can use presentation frameworks to change how different audience segments view or experience content.  Some content presentation frameworks include

  • visual styling frameworks, codified in CSS
  • media format frameworks, such as text to speech capabilities or image animation
  • language and wording customization, such as applying audience specific terminology
  • data visualization frameworks, such as widgets that can display variable data
  • templates for content presentation for different devices
  • emerging frameworks such as CSS filters and WebGL

Content behavior design is about what content is presented, rather than how it is presented.  It treats the content to deliver has a variable that will change according to the circumstances or audience needs.  Content systems can adapt content to address changing needs of audiences, and in so doing, become much more anticipatory.  Recommendation engines are an example of content behavior design.   Some other examples of content behavior design include

  • varying the length of content through automated summarization or content augmentation
  • location-aware content that changes depending on the user’s location
  • time-adaptive content, showing content based on time of day, date, or season
  • content offering real time data, such as data driven journalism
  • content about user activity such as trending content or sentiment
  • query-driven, criteria-based content, such as IF content has certain characteristics, THEN find notable related content with similar dimensions
  • calculated content, such as displaying inflation adjusted values

Moving beyond COPE

Focusing on content behavior moves us a step beyond COPE, the “create once, publish everywhere” paradigm first developed at NPR.  The original idea for COPE was to get “the same NPR story displayed in a wide range of platforms.”  COPE is a revolutionary concept that most organizations are still struggling to deliver.  It is a good fit for a news organization like NPR, which creates content serially and generally does not revise content once it’s published.  But for other publishers, especially those creating evergreen content or looking to re-use themes and assets, it can be more useful to focus on the process of content assembly than a discrete event of content publishing.  Their stock of content may contain many stories, not just one.  Content behavior design allows elements in one’s stock of content to be utilized repeatedly and be available on demand as needed.  It can also provide a richer content experience for audiences.  The more dynamic the content, the more dynamic its presentation can be as well.

— Michael Andrews