Structuring your content is key to great design, especially in the growing world of responsive web. Limitations with organizing content or designing the framework in which content will be placed are often imposed by the content itself. While early conversations with clients lead to a general understanding of design priorities and goals, it is difficult to transfer these insights to wireframing without several back-and-forths with content strategy (whether it happens on the client side or within the agency). Bringing basic wireframe ideas into early conversations allows non-designers and non-architects to get their hands dirty and understand the parameters within which responsive web design occurs.
Sara Wachter-Boettcher’s Content Everywhere, a part of the Rosenfeld book collection, is both compelling and inspiring. Particularly interesting was an image that was used in the book under the heading “Structure Follows Substance” (see below).
Figure 3.6, Page 46, Chapter 3 | Content Everywhere: Strategy and Structure for Future-Ready Content, Sara Wachter-Boettcher | Rosenfeld
View book: http://rosenfeldmedia.com/books/content-everywhere/
From a UX/information architecture perspective, a tool similar to that shown in the image above is …