What is mobile first design I hear you say? Typically when developing & planning website it’s designed for a desktop, then modified to smaller screen sizes like tablets and mobiles.
Now, considering that smart phones and tablets are sold almost 3 times more than desktops, you might find that some consumers may NEVER see the desktop version of your website! Interesting thought! Wouldn’t it make sense to design website for mobiles & tablets before the desktop version?
Not convinced? Well, it’s predicted that by 2016, there will be 10 billion mobile web devices worldwide, exceeding the population of 7.3 billion!
So how do you do it? Like any well designed site, PLAN!
Try to think of your site’s content without any interface, work out what is the content focus and it’s hierarchy. This should allow your content to go anywhere no matter what context it may be in.
Given the limited screen sizes of mobile devices it’s important to provide an easily accessible search function so users can find what they are looking quickly & easily.
The content is what the user is there for, they need to be able to access the content immediately. It is frustrating for the user to scroll through menu after menu to access the content they need.
The best practice is to load in mobile optimised images by default, then conditionally load in larger images only when needed. Other items include reducing HTTP requests by conditionally loading content & using CSS to keep things lightweight, simple & easy to maintain.
To enhance the users experience, take advantage of mobile-centric features like touch events, telephone links & geolocation.
Starting mobile first design practices may be difficult at first, but the benefits will soon become clear. You will soon have websites that reach more people and enhance the user experience. The sooner you adapt a mobile first design mentality (designing to scale up not down), the sooner you can be prepared for whatever digital landscape lies ahead.
Interested in more information?
Some of the sources I used to put this together are....
Brisbane Web Design April 2013: "An Introduction to Mobile First Development and Design" from James Banks
What is mobile first design I hear you say? Typically when developing & planning website it’s designed for a desktop, then modified to smaller screen sizes like tablets and mobiles.
Now, considering that smart phones and tablets are sold almost 3 times more than desktops, you might find that some consumers may NEVER see the desktop version of your website! Interesting thought! Wouldn’t it make sense to design website for mobiles & tablets before the desktop version?
Not convinced? Well, it’s predicted that by 2016, there will be 10 billion mobile web devices worldwide, exceeding the population of 7.3 billion!
So how do you do it? Like any well designed site, PLAN!
Try to think of your site’s content without any interface, work out what is the content focus and it’s hierarchy. This should allow your content to go anywhere no matter what context it may be in.
Given the limited screen sizes of mobile devices it’s important to provide an easily accessible search function so users can find what they are looking quickly & easily.
The content is what the user is there for, they need to be able to access the content immediately. It is frustrating for the user to scroll through menu after menu to access the content they need.
The best practice is to load in mobile optimised images by default, then conditionally load in larger images only when needed. Other items include reducing HTTP requests by conditionally loading content & using CSS to keep things lightweight, simple & easy to maintain.
To enhance the users experience, take advantage of mobile-centric features like touch events, telephone links & geolocation.
Starting mobile first design practices may be difficult at first, but the benefits will soon become clear. You will soon have websites that reach more people and enhance the user experience. The sooner you adapt a mobile first design mentality (designing to scale up not down), the sooner you can be prepared for whatever digital landscape lies ahead.
Interested in more information?
Some of the sources I used to put this together are....
Brisbane Web Design April 2013: "An Introduction to Mobile First Development and Design" from James Banks
Copyright 2007-2023 © Matter Solutions Pty Ltd
Our mission is to help your business with Comprehensive Digital Marketing.
Start by reading our Get Started page. We outline the clients that we're able to help the most, does this sound like you?
