• Skip to main content
  • Skip to footer

Digital Digizen

Tokyo-based freelance writer

  • Home
  • About
  • portfolio
  • blog
    • digital marketing
    • SEO
    • social media
    • small business
  • hire me
  • contact

Responsive Website vs Mobile Friendly, What’s the Difference?

Does web design have an impact on your business?

Definitely.

There are many elements to web design, but the focus of this post, as you can tell, is about mobile-friendliness of a website, or UX (user experience).

What is UX? User Experience refers to how much users feel satisfied after having visited a website.

Website visitors don’t want to wait 10 seconds for the page to load after they discovered your site in Google or social media.

In recent years we’ve been hearing so much about how websites need to be mobile-friendly with mobile phone usage increasing each year.

Many terminologies such as responsive website, mobile-friendly, mobile optimized, have been thrown around and probably average people or even non-techie bloggers don’t know what the difference is. Hey, a short while ago I didn’t.

Both responsive websites and mobile friendly sites can be viewed on mobile devices for sure. But there are differences.

Do you know what they are? Well, that’s the point of this post.

Mobile Friendly

mobile web design

The term, mobile-friendly, simply means that a site can at least be viewed on mobiles, but it doesn’t promise you the most optimal user experience on every device. Especially today, with technology evolving so fast and new devices released every year. new smartphones you bought last year quickly becomes old.

Depending on how your site was designed, a visitor may have to zoom in and out to read texts, which can be frustrating as heck.

Mobile Site (m dot site)

Mobile website is a more simplified version of your site where complicated charts or large images might be left out. That means you have two different versions of your website, one for desktop and the other for mobile, a stripped-down version of a desktop website.

So, let’s say the URL of your main site is yourwebsite.com.

Then your mobile site’s URL is going to look like:

m.yourwebsite.com

Disadvantages of Mobile Site

The problem with this type of site is that mobile visitors are directed to a mobile site, so traffic is going to be divided, which may not be the best thing for SEO. And you need to manage them separately.

Also, what if someone discovered your site on a mobile, but later on wanted to look at it on a desktop? A user will be looking at a mobile site on a desktop or vice versa.

Responsive Website

A responsive website, just as the name suggests, adjusts the layout according to the screen size and resolution of the device. On mobiles a two or three column layout will become a single column and reading will be breeze as the font size will be also adjusted accordingly.

On mobiles you may have seen a hamburger icon like this.

hamburger icon menu

At the top of your desktop website you have a menu, but on mobiles it is collapsed. If your website is a responsive website or created with a responsive theme, it will be neatly organized like this.

Why Is This Important?

Well, if website visitors are having a hard time navigating your site, like for example, having to zoom in and out to read texts, navigating your site becomes pain in the butt quickly.

Do you think people are going to want to stick around?

So, obviously the design of your website can affect visitors’ behavior and your business on a much larger scale.

Mobile Users on the Rise

It’s not just the number of users that is increasing, but there are more and more variety in each product line such as iPhone, iPad and Android, which come in different models and sizes.

So, having a responsive site is a must if you want your website visitors to have the most optimal viewing experience on your site.

Google Recommends Responsive

A few years ago it seemed mobile sites were still acceptable, but as the number of mobile users increases every year, now having a responsive site is a must.

This is not just from design perspectives because Google recommends a responsive website as it offers more user-friendly experience.

If you want to know more about why Google recommends responsive, you can read it here.

The loading time of a web page and bounce rate are some of the Google’s ranking algorithm. You take these lightly and they could affect your ranking.

So, don’t get left behind and lose website visitors and more importantly, customers.

0 Shares
Tweet
Share
Pin
Share

Author

I am a B2B freelance content writer with experience in digital marketing, SEO and social media marketing.

Reader Interactions

Comments

  1. Moss says

    June 27, 2018 at 7:10 am

    Amazing post, Taka. I will say you beat me to this as I was gearing up to write on this topic. Many get confused about what a mobile-friendly and a mobile responsive site entails. You’ve broken it for easy digestion.

    Thanks for sharing.

    Reply
    • Taka says

      June 27, 2018 at 12:32 pm

      Yeah, it’s so easy to get confused, Moss. Actually, there are more different types of web design, but it gets a bit technical. Just knowing this bit would be helpful as we access the internet from different devices nowadays. Thanks for the comment.

      Reply
  2. Floyd Hartford Jr says

    July 26, 2018 at 2:21 am

    Sometimes I’ll call an m.dot version an “adaptive” website. Technically speaking, I view a responsive website using hard breakpoints as an “adaptive” website, and a 100% fluid version as “responsive,” but the average person doesn’t know or care. They just want to know their site works and that Google likes them (:

    Reply
    • Taka says

      July 26, 2018 at 2:48 am

      Hi Floyd,

      Yeah, it can get technical. But like you say most people are not familiar with this sort of stuff and I thought just knowing the difference of responsive and m.dot would help. But I appreciate your input and non-designer types can learn a lot from someone like you.

      Thanks,

      Reply
  3. sam says

    August 15, 2018 at 2:27 pm

    Commenting on a blog is an art. Good comments create relations. You’re doing great work. Keep it up.

    Reply
    • Taka says

      August 16, 2018 at 1:23 am

      Yes Sam. Be a good neighbor. That’s what’s important. Thanks for your comment.

      Reply
  4. Bhawna Kaushik says

    August 28, 2018 at 5:05 am

    Hey Taka,

    You have explained it very easily. I am using AMP along with a responsive theme. Well, it’s 2018 all the themes are responsive.
    Gone are the days of dot m domains.
    AMP is also the great way to rank better on the mobile search since Google favors sites with AMPs on them.
    Anyways great article.
    Have a good one 🙂

    Reply
    • Taka says

      August 28, 2018 at 12:35 pm

      Hey Bhawna,

      Your site is entertaining, so I think a lot more people read it on mobiles, do they? So, it’s good to have responsive.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

Let’s Connect

  • twitter
  • linkedin

Recent Posts

  • 5 Reasons You Should Be Using Conversational Copywriting to Build More Trust
  • Social Media Marketing Tips for Beginners | 8 Simple Strategies to Gain More Authority
  • How to Write for Mobile Users: 5 Simple Strategies That Keep Your Visitors More Engaged
  • Responsive Website vs Mobile Friendly, What’s the Difference?
  • Why Should Small Hotels Have a Blog on Their Websites?

Copyright © 2019 · Digital Pro on Genesis Framework · WordPress · Log in

  • Home
  • About
  • portfolio
  • blog
  • hire me
  • contact