• Home
  • Free Marketing Templates
  • Speaker
  • News
  • Events
  • Podcast
  • Blog
  • Contact
  • Search
Bluewire Media - Web Strategy
  • Home
  • Blog
  • Contact Us
  • More
  • Free Workshops & Mini-Trainings
    • Tips for LinkedIn Profile
    • Your Web Marketing Strategy (part 1)
    • Your Web Marketing Strategy (part 2)
    • LinkedIn Accelerator Exec Short Course
    • Build A Marketing Engine
    • 3 Orbits of Marketing
    • 3 Steps To WIn High Value Clients on LinkedIn in 60 Days
    • Calendar Year Planner Guide
    • Weekly Content Planner Guide
    • How to win clients from email marketing
    • Marketing Mini Course – Tools of The Trade
  • Our Best Selling Book
  • Marketing Club
  • Marketing Coaching
    • Free Marketing Scorecard
    • Book 20 Min Growth Plan (free)
    • Coaching Program
  • Corporate Training
    • LinkedIn Marketing – Keynote Speaker & Coach – Adam Franklin
    • Accountants – Social Media Training
    • Financial Adviser – Social Media Training
    • Real Estate – Social Media Training
    • Mortgage Broker – Social Media Training
    • In House LinkedIn Training
    • In House Social Media Training
    • Digital Marketing Training Courses
  • Adam Franklin & Bluewire Media?
    • Meet Adam Franklin
    • 10 Reasons To Work With Us
    • Recognition
    • The Bluewire Story
    • Company Profile

Bluewire Media Web Strategy Blog

Home / Solving the Issue of Context in Responsive Web Design

Solving the Issue of Context in Responsive Web Design

Posted by Angus Russell

Share1
Share
Pin
Tweet4
5 Shares

A while ago I wrote an article titled Responsive Web Design vs Separate Mobile Site – Which is right for you? As the title suggests, it compared responsive web design to building a separate mobile site, and the reasons you might choose one over the other. I highlighted three core considerations when deciding which path to take: context, content, and your current situation. Of these, the most important consideration in most cases, is context.

Bonus: Download the 33 free templates from Web Marketing That Works by Adam Franklin & Toby Jenkins

“Context” as a consideration in responsive web design has been discussed and debated at length since Ethan Marcotte introduced RWD to the world in 2010. The issue can be phrased as a simple question:

Does a user on a mobile device have different goals than a user on a desktop computer?

As an example, let’s imagine a user on a desktop computer arrives at the website of a local web design business. It’s likely this user has some fairly simple goals – learn about the company, view some of their work and decide if they’re worth contacting or not for their next web project. Now imagine a different user arrives at that same website, but on a mobile device. In many cases, their goals may be exactly the same as a desktop user, however there are some informed predictions we can make about what they might hoping to achieve. If the user is accessing the company’s site via a mobile, it’s possible that they’re on their way to visit the company’s office, and need to quickly find the address. Or they’re after some articles to read on their way to work.

In many cases, you can predict what the intentions of a mobile user are likely to be. For this reason some people argue that creating a separate mobile website is a better option than a responsive website as it can serve content based on the user’s predicted goals. In the example above, the web design company might opt to create a separate mobile site for mobile users that brings their contact information and blog to the forefront, as this is the information they predict mobile users are here to see.

Supporters of responsive web design, however, argue that you can’t predict a user’s goals with any great accuracy. Many people browse the web on their phones while watching TV, just because their computer is in the next room, so their goals would likely be the same as any desktop user. And with smart phones constantly getting better and cheaper, a growing number of people are using their smart phones as their primary device for accessing the internet.

So while you can make some predictions about what a user’s goals might be based on their device, you can’t make assumptions, and you definitely shouldn’t limit users’ options based on those assumptions.

The Best of Both Worlds

At Bluewire Media, we’ve been trialling a solution that we believe achieves the best of both worlds.

The idea is to take a mobile-first, fully responsive approach to planning, designing and building the website, just as you would for any responsive web design project. However, we also want to incorporate the predictions we can make about a mobile user’s potential goals. To do this, we incorporate a “Mobile Menu”, only visible on mobile screen sizes, that highlights the pages or sections that we think mobile users might be looking for. We then include a menu icon (or “Hamburger” icon as I recently heard it called), or “More” menu item, that expands the full, desktop menu, but in a mobile format.

Let’s look at the Bluewire Media website as an example. When planning our website, we knew we couldn’t make assumptions about what a mobile user’s goals would be, but we could try to predict them, and highlight the menu items that will help them achieve those goals. The specific goals we thought mobile users were likely to have were to 1) find our contact information, and 2) read our blog. Based on these predictions, we created a mobile menu that included “Home”, “Blog”, “Contact Us”, and “More”. Go ahead and resize your window down to the size of a mobile screen. You’ll see that at the 768px breakpoint, the main menu collapses down to a menu icon on the right, and the much simpler mobile menu takes the place of the main menu. Clicking the menu icon on the right simply expands the full main menu in a mobile-friendly format.

 photo

With this technique, we haven’t limited mobile users to only accessing the content we assume they’re here for, but we have brought it to the front, to make their lives easier if that is indeed what they’re here for.

  • About the Author
  • Latest Posts

About Angus Russell

  • Solving the Issue of Context in Responsive Web Design - Apr 27, 2013
  • How to make sure your website doesn’t work for your business - Apr 27, 2012

Share1
Share
Pin
Tweet4
5 Shares
1 Comment
Web Design
Responsive Web Design, Context, Mobile Menu
 0 Shares
Tweet

Posted on Apr 27, 2013

← See how easily you can build your personal profile online – Trevor Young The Catch 22 of Creating Positive Experiences – Brian Solis review →
  • Latest
  • Popular
  • Comments
  • Tags
  • Fake negative comments Jun 23, 2022
  • 7 Offline Marketing Strategies That Your Online Brand Must Adopt Jun 17, 2022
  • How To Get Internet for Your Home in 3 Easy Steps Jun 13, 2022
  • My first keynote back Jun 2, 2022
  • How to Boost Your B2B Sales using Influencer Marketing May 5, 2022
  • Marketing experimentsMarketing Experiments: Email Content That Gets Clicked Apr 23, 2013
  • LinkedIn Marketing Strategy Infographic Nov 13, 2013
  • seo-secretsFishing for backlinks – Tips from SEO Secrets Oct 27, 2009
  • Your Ultimate Blog Checklist Jul 16, 2014
  • DanNorrisThe 5 Best Google Analytics Reports for Content Marketers Jan 8, 2014
  • Faux damaging feedback – Bluewire Media – Daily Business & Economy News and Information | Titan Business Consultants […] ← 7 Offline Advertising and marketing
  • Faux damaging feedback – Bluewire Media – Daily Business & Economy News and Information | Daily Business Digest […] ← 7 Offline Advertising and marketing
  • 7 Offline Marketing Strategies That Your Online Brand Must Adopt - applebusiness […] Resource website link […]
  • How to Boost Your B2B Sales using Influencer Marketing - PDL-10 […] Source link […]
  • Always-On Surges In B2B, Employee Influencers Build Trust, LinkedIn's New Captions, & Video Distribution Study - News As it Happens […] TopRank Marketing — How to Boost Your
#thebigwet Adsense blue sky factory cara drolshagen copy customer relationship management Dibgy Ioane Dogpile education websites expert interview garageband geo location Gmail Google Earth googleplex Instagram Internet jack dorsey Jason Fried Know your mojo LinkedIn London riots mike lieberman networx NSBS online advertising Outlook 2010 password photography RichardatDELL simon townsend social media. business subfolders Successful Blog success insights sunday mail socials sydney tips Toby Jenkins user testing VA web development Wikis wireframing zuckerberg

Archives

  • 2022 (15)
  • 2021 (20)
  • 2020 (94)
  • 2019 (132)
  • 2018 (31)
  • 2017 (60)
  • 2016 (131)
  • 2015 (176)
  • 2014 (122)
  • 2013 (99)
  • 2012 (73)
  • 2011 (93)
  • 2010 (152)
  • 2009 (135)
  • 2008 (1)
  • Back to Top
    • Home
    • Free Marketing Templates
    • Speaker
    • News
    • Events
    • Podcast
    • Blog
    • Contact
    • Search
    • Bluewire Community
      • Free Marketing Templates
      • Amazon – Web Marketing That Works
      • Join our Faceook group
      • iTunes – Web Marketing That Works
      • Spotify – Web Marketing That Works
      • Bluewire Podcast
      • Recommended Reading
      • Online Tools
      • Student Centre Login
      • Subscribe to Bluewire News
      • Sitemap
    • Hire Adam Franklin to Speak
      • Social Media Speaker
      • Digital Marketing Speaker
      • Keynote Speaker
      • Marketing Speaker
      • LinkedIn Keynote Speaker
      • Harbour Space Uni Lecturer
      • Toby Jenkins
    • Adam Franklin – Awards Judge
      • Optus MyBusiness Awards
      • Real Estate Business (REB) Awards
      • Australian Broking Awards
      • Australian Accounting Awards
      • Women in Real Estate Awards
      • Better Business Summit Awards
      • Young Leaders In Finance Awards
    • Contributors To
      • The Australian
      • Sydney Morning Herald
      • Smart Company
      • Huffington Post
      • Convince & Convert
      • Hubspot
      • Problogger
      • Kochie’s Business Builders
      • Entrepreneur HQ
      • Dent /Key Person of Influence
      • Life Hacker
      • Quora
      • Medium
      • Elite Agent
    • Working with Bluewire
      • Hire Adam Franklin
      • As a Client
      • As an Affiliate
      • As an Event Attendee
      • As a Guest Blogger
      • As a Partner
      • Testimonials
    • Connect on Social Media
      • Adam Franklin on LinkedIn
      • Twitter
      • LinkedIn
      • Facebook
      • YouTube
      • Instagram
      • Pinterest
      • Slideshare
    • Disclosure
      • Disclosure & Terms and Conditions
      • GDPR Compliance & Privacy Policy
    Australia

    6/179 Baroona Road
    Paddington
    QLD 4064

    Copyright © 2022 All contents Creative Commons Licensed Bluewire Media Pty Ltd.