How mobile friendly website is useful to engage a large audience?

Discussion in 'Web Design' started by worthwebscraping, Apr 21, 2016.

  1. worthwebscraping

    worthwebscraping Newbie

    Apr 21, 2016
    Likes Received:
    Los Angeles
    There is a question in my mind that what is the difference between Mobile friendly, mobile optimized, and a newer term responsive design? And how it's important to interact more users? Let me know your suggestions.
  2. rob1977

    rob1977 Power Member

    Mar 25, 2013
    Likes Received:
    they really are differing terms for a similar theory. each case needs to be looked at in isolation, i.e. how does it look from a desktop browser, and a mobile browser.

    its important because mobile browsing is a massive part of the search market share, and is only going to get bigger.
  3. LockerWizPro

    LockerWizPro Junior Member

    Aug 10, 2010
    Likes Received:
    I think it is very important to try and make your website responsive, but it can differ per situation. They say half of all web users are mobile, and as rob says, that number is getting bigger.

    Many people will look at the dimensions for an average computer, and than for different mobile devices (tablet, phone, android, iphone, etc..) and use media queries to make their website fit for common mobile devices. This is a bad practice. What I do is start with 320px width, and make the site like that. Then from there, you continue increasing your size making sure your content looks good in any width. This is called mobile first responsive. So in all, you want to base your media queries off of the content you have, not the devices. This way, whenever a new device comes out with an unexpected screen width, you don't have to go back and make changes because your site will look good in any width.

    If someone's phone screen is smaller than 320px, most of the sites they visit will be broken. It is uncommon as the smallest smart phones usually start at 320px. This is why I start with making it look good at 320px.