Is there ever a use case for mixing a full-width top navigation bar (meaning the navigation bar content is also full-width) with a contained body (around 960px)? What are the benefits or drawbacks to doing so in terms of usability and design?
IMO, it should either be full-width or contained, but not both because mixing would cause usability issues:
- Quick scan-ability isn't possible because of the difference in alignments.
- The disparity is especially bad on wider screens, forcing more eye and mouse movement to even use the navigation bar elements. This could minimize the effectiveness of the navigation bar.
Still, I'm interested in exploring the idea further. Are there any websites that have pulled this off successfully?
Here is an example mockup of what I'd like feedback on:
Some examples have been given, but the heart of what I'm after is if this is a good idea and, if so, when it should be used. Even though Google does it, I'm not convinced that this is actually a user-friendly design pattern.