Blog / UX Blog: How To Build A Responsive Website Without Breaking A Sweat Topics  

UX Blog: How To Build A Responsive Website Without Breaking A Sweat

In Part I of our mobile series, we explained how critical it is to make your business’s website mobile-optimized. Since more than half of your customers say they will not recommend your brand to friends if you have a poor mobile experience, your social media marketing and sales do, in fact, depend on mobile functionality.

But the bigger question most businesses ask us is: Where do I start? How is it possible to design a website that is viewable on any device—from smartphone to tablet—without sacrificing the original desktop functionality?

To take you from the WHY to the HOW, here’s a list of common issues and solutions for them.

1) Think Vertically

Laying out content and graphics horizontally often makes sense on a desktop, but I’ve found it will most likely hurt your users’ mobile experience. A simple solution is to start stacking content vertically on itself. For example, instead of placing an image and paragraph next to each other, stack them so the picture appears on top of the text. As you build, this layout will start to become second-nature, helping you keep mobile capabilities at the center of your business focus.

2) Chew on Hamburger Icons

Feeling hungry yet? On a mobile device, there won’t be enough room for long navigation menus that stretch across wide areas. That’s why we suggest hiding menus inside a button with three parallel lines, also known as “hamburger icons.” This method gives a clear signal to audiences that there are more options underneath the icon—all without cluttering the screen and distracting mobile viewers.

 

04-17-14-Blog-Image-Medium-Graphic

 

3) Take It From Drive-Thrus: Embrace ‘On the Go’ Fans

Audiences on mobile likely want access to different material than your users on a desktop. It’s the nature of mobile web surfing—you want to get in, out, and on to the next thing. To streamline their pathway, I suggest highlighting the most helpful and brand-relevant material from your site, and re-organizing so that this information is front and center. I’m not saying that you have to get rid of the more complex information, just that you tuck it away to avoid audience distraction. The viewers who want to find that information will, and the others will be able to convert from website visitor to customer without any challenges.

Overall, designing a mobile-friendly site isn’t as daunting as it looks when you plan around the user experience. Just remember that a mobile-optimized site is not just about visual appeal; reducing the cognitive effort required of your audiences will make it easier for them to becoming devoted (and paying) brand loyalists.

 

04-17-14-Blog-Header-Image

 

Topics:
WP_Term Object ( [term_id] => 736 [name] => Social Media How-to Guides [slug] => social-media-how-to [term_group] => 0 [term_taxonomy_id] => 737 [taxonomy] => resources [description] => Get the scoop on the latest social media techniques and ideas to boost your social presence. [parent] => 0 [count] => 48 [filter] => raw )
How-to

Subscribe to Zoomph's Newsletter

Four Distinct Characteristics of Travelers on Twitter

June 19, 2017

As summer yawns awake, social media is busting with activity from summertime travelers. On Twitter alone, 1.8M people express an interest in travel, and more than 812,000 follow one or more of 11 top online… Read More

Social Media Analytics Reveal How the NFL Can Employ Influencers in the Offseason

June 14, 2017

In the third full month of the NFL offseason, social media activity and mentions surrounding the NFL left digital and social media managers desiring more. Compared to April, May lagged sorely in overall tweets, influencer… Read More

How Anastasia Beverly Hills Won Over Instagram with a Bizarre Brow Campaign

June 06, 2017

Branding isn’t a cakewalk. What works for some brands, fails for others. What humors one customer perplexes another. Three cosmetic brands pushed the boundaries with their Instagram campaigns last month. Some stayed true to their… Read More

Resiliency Reigns: How the Green Bay Packers Harnessed a ‘Social’ Microsite (Case Study)

May 31, 2017

At the end of the 2016 regular season, the Green Bay Packers had plenty to celebrate. At Week 11, after four consecutive losses and a 4-6 record, quarterback Aaron Rodgers famously declared, “I feel like… Read More

All Posts