At Responsive Day Out Oliver Reichenstein introduced the ‘Container Model’, a new means of information architecture that recalls the origins of the web.
Haley does a great job of breaking down what exactly the container model is, and how it was used on The Guardian:
At first pass this sounds like a mobile-first approach: cut off the sidebars, decide what’s important and then stack it up. Better still, make everything a widget. Yet, in essence, Reichenstein and Haley are inviting a return to the original notion of hypertext: a spiderweb of relationships, spinning outwards in a centrifugal motion. Vannevar originally envisioned a form of hypertext in which items are interlinked rather than relying on a tree-based hierarchy:
For all our advancements in responsive & user-centric design we often still work as if we’re designing an encyclopaedia. In place of (or in supplement to) a gargantuan tree-like navigation, perhaps we ought to craft our sites to take better advantage of the technology which underpins it: hypertext. The ability to leapfrog between worlds is what makes the web such a versatile and appealing medium.
It's an interesting way to approach the web, and although mobile-first has encouraged us to adopt this mode of thinking since Luke first pioneered it back in 2009, we often fail to carry it through as far as we ought.
You might feel this brings us back to a narrow column of content, something we’ve also been trying to avoid, but it doesn’t have to. In the spirit of progressive enhancement we can scale up assets and type sizes, rearranging inter-container elements to improve the experience without breaking out of the single column grid. There’s no reason why we shouldn’t adopt nested grids for related content — the principle here is to think of a site as a linear set of boxes containing related information. As Oliver said:
…we can chop down the tree.
Doesn’t that sound appealing?