Responsive website designs that gives you a streamlined experience, no matter what device you are using, are quickly becoming the desired norm for users. The tolerance for a mobile site that is harder to navigate on a smaller scale is almost nil. Why bother, when simply clicking away and finding a better developed site takes less time than using a bad one?
Think of it like this: Clunky mobile website experiences are like that cousin you pretend not to see outside of family gatherings. You know they’re there, but they have to tell you every single detail of their lives and you’re busy. You don’t have time to scroll this way and that to find what you’re looking for.
Yet in the larger setting of, say, a family reunion–like being at home on your laptop in terms of time and screen size–it’s nice to catch up on all the minor details.
Checkout these five websites and how they are rocking responsive graphic design to keep users coming back:
1. Evolving Grid — Build
What’s really visually impressive about Build’s graphic design is that the grid not only rearranges itself according to device, but it isn’t just the typical lining up of squares. Rectangles are also added to the mix. While these rectangles are, in fact, simply the size of two squares, it adds a punch of diversity to an eye that is bored with typical blocky mobile design.
2. Responsive Menu — Love & Luxe
A menu that is optimized for use on the device it’s showing is a crucial step in responsive design. Yet most mobile websites seem content to just leave the menu in the same layout as the main site. Have you ever tried to click a miniscule link on a smartphone?
Love & Luxe gets this, moving their menu around to the best location, even going from sidebar to across screen for smartphones. They also seem to understand that the relationship between header, logo and menu need to be changed for each device.
3. Brilliant Editing — Travel Oregon
Almost worse than graphic designers not using responsive design are those who believe every element of the main site should be slapped up on mobile versions. Avoid the clutter and confusion. Realize editing out elements makes for a more beautiful and usable design.
That’s what Travel Oregon did. The smaller the screen size, the less busy doodles you’ll find on the screen. On the mobile site, the large picture even gets cut, as it adds nothing to that experience.
4. Sheer Size — Boston Globe
If you’re thinking your website is just too massive to be universally fluid, then cruise through The Boston Globe on a few devices. One of the largest responsive websites online, this daily news site manages to continually update and present massive amounts of content in an easy-to-navigate experience across devices.
5. Different, Yet Cohesive Experience — Hello Fisher
The fact that so many people get online on so many different mobile devices throughout the day really gives brands a chance to diversify the experience, all why maintaining a uniform design. Take Hello Fisher for example. This site uses Fisher’s familiar face in each version of the website design, yet he is expressing himself differently in each image. The layout even changes up a bit to optimize for each device, yet the main design elements stay intact.
Are you making sure your web designs are responsive?
How about as a user, do you appreciate responsive design?