|Website planning sketches (Photo by Garrett Coakley, CC BY-NC-SA 2.0)|
Many websites have three levels:
- Home page
- All pages linked off the main menu
- Pages that are linked off main menu items
How does responsive design affect web content?
As a design scales the content on the page is likely to shift—say move from three columns wide to two or even one column. Sidebars often drop to the bottom of the page. And sometimes, content drops off the page entirely in an effort to make the page more manageable on a small screen. Now, you can't write separate content for a responsive design since it's using the same content by its nature. However, you can keep this scale-able movement in mind when writing content.
Perhaps the most important thing you can do with content is create content categories and work with your design team to decide what happens to each category as the page shifts in size. Then, instead of an important call to action in the sidebar always dropping to the bottom of a page—you can have it display further up the page as the design narrows causing the sidebar to drop.
A few great articles about responsive design and content: