Innovative Design Solutions: Navigation and Content
by Admin | June 27th, 2007
Stonebriar Community Church
Once clicked, the “Ministry Index” tab extends down to reveal a 5 column listing of links. This solution allows for a large amount of information to be available from such a small initial footprint from any page in the site.
Coda: One Window Web Development
The 7 buttons above the content area “slide” the content from side to side. This elegant solution allows 7 blocks of content to fit within one central area while providing some beautiful eye candy as it walks you through the features. You can also navigate using the side arrows.
This flashiness is perfect for the site’s intended audience as well (web-savvy designers and coders on Mac platforms). The transitions are a refreshing change from the typical tab-based solution.
Audi of America: TT Flash Microsite
Upon clicking “Menu”, this Flash site launches a navigation system resembling a site map flowchart. This allows you to access any page within the site immediately while conveniently marking which page and section you’re currently on.
Given the site’s limited amount of pages and content (after all it’s a microsite), this solution works rather well. It’d be interesting to see this solution applied to an xhtml/css based site of similar scale.
When pushing the envelope, it’s very important to respect the conventions of the web. Be aware of the usability and accessibility issues with your design and be sure to test your solution against your intended browsers and platforms.