You’re ready to create or upgrade your website. The question you’re probably asking yourself is, what exactly is the difference between a responsive and mobile-friendly website? Atomic74 breaks it down…

Responsive Design

Fast track Branding mobileA responsive website is one that responds (or changes) based on the needs of the users and the device (mobile device in this example) that they’re viewing it on. Here, text and images change from a three-column layout, to a single column display. Unnecessary images are hidden so they don’t interfere or compete with the more important information on the site’s smaller display.

If you are on a computer, you can tell if a site is responsive by reducing your browser’s window size from full screen down to very small. If the appearance of the text, images and menu change as you get smaller, the site is responsive.

Key features of responsive websites:

  • Dynamic content that changes
  • Navigation is condensed
  • Optimised images
  • Correct padding and spacing
  • Reliant on mobile operating systems to function

Mobile-Friendly Design

Fast Track Branding mobile-friendlyA mobile-friendly website is one that is designed to work the exact same way across devices. This means that nothing changes or is unusable on a computer or mobile device. Features like navigation drop-downs are limited, as they can be difficult to use on mobile. And no Flash animation is used. The website is literally the same across the board, with no usability concerns regardless of the device on which it is being viewed.

Key features of mobile-friendly:

      • Static content that doesn’t change
      • Simplified navigation
      • Images display smaller
      • Not reliant on a mobile operating system to function properly

  • How to know which is right for you?

    Fast Track Branding

    We’ll break it down for you with a helpful little checklist…

    Responsive

    You can achieve a more customised mobile experience with responsive design. However, it does require expertise, proper planning, and a bit larger budget.

    Think about going responsive if:

    • A large majority of your web traffic is viewing your site from a mobile device – at least 35 percent
    • You have complex site content or features that are difficult to use on a mobile device
    • You plan on your website having a longer shelf life and want it to appear up-to-date for longer

    Mobile-Friendly

    You can achieve a consistent website experience across all devices with a simplified, mobile-friendly site. These sites may not have crazy features or functionality, but they just work.

    Think about going mobile-friendly if:

    • You don’t have a huge mobile audience looking at your site on mobile – less than 35 percent
    • You have a simple site that is mostly text and image based, without complex functionality
    • Your image sizes are small, allowing for fast loading over mobile connections

    At Fast Track Branding all our website are responsive, so they adjust to be viewed accordingly on your mobile, tablet, laptop or desktop computer. Find out more about our Fast Track Branding, Fast Track Website or Fast Track logo packages.

    Did you find this helpful? Let me know your thoughts in the comment box below!

    Fast Track Branding by The Soho Girl logo signature
    ABOUT | CONTACT | OUR CLIENTS | FAST TRACK BRANDING | PRICE | NEWS

    Info sourced at atomic74.com

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s