Borrowing from Mobile Web Patterns

One thing about the mobile to desktop divide that has long bothered me is how different the two versions (mobile vs desktop) can become. For example, navigation bars often turn into drop down or slide out variations. So when I ran across this fun little site, I couldn’t help notice the navigation. Here, the desktop version relies on the same navicon-based menu button. Click (or touch) and out pops the menu. It’s actually a really effective, clean solution that makes the site’s transformation to mobile relatively simple. Even better, it makes it easy for the user to stay oriented, recognize the site and know how the interface works.



Want to soak up some more of Patrick McNeil’s design and development expertise? Check out the latest edition of The Web Designer’s Idea Book volume 3, with hundreds of noteworthy websites selected by Patrick McNeil. From trendy to subtle and simple, Patrick highlights the strategies behind effective web design.