Mobile First Website Design
by Jay Littman
When it comes to responsive design, the concept of mobile first is not a new one. It was first coined by Luke Wroblewski (LukeW) in 2009. However, as time goes on, it only becomes more apparent how important designing with mobile in mind will continue to be.
As of February of this year, Americans use tablets, phones, and other mobile devices 55 percent of the time they go online. At IQ, we’re no strangers to responsive projects. We want to ensure that this huge portion of our clients’ traffic is able to access their sites without anything breaking. But we do have internal debates over which should come first: desktop design or mobile?
I tend to vote for mobile first. We know designing for mobile is important, but why design for mobile first? There’s several reasons to explore:
1. Forced Focus
Designing mobile first forces you to focus. Because when designing for mobile, you want the quickest loading time possible. That means cutting out anything unnecessary to the user experience, paring down a site hierarchy to the essentials, and keeping the core purpose of a site as the only content left standing. Designing for mobile first requires designing the simplest, quickest method to get the user to what they want from your site. Then, in desktop versions, expanding upon that design while keeping those core functions top of mind.
2. Smaller Real Estate, Bigger Design Challenge
One of the key elements of designing for mobile, and also possibly the most intimidating, is that space is limited on a phone screen. Mobile design is the tiny NYC apartment where you end up using the oven for storage if you don’t plan for your small space. But if you do plan ahead, you can end up with a space that is streamlined and incredibly elegant. I will admit that this is not an easy endeavor, but your designs will be better for it.
3. Enhancements versus Degradation
Let’s get a bit technical. When you design for desktop first, it means loading all of the content that would be seen on the largest platform and then reducing it to the mobile version. The trouble is your user already had to wait for all that content to load on their smartphone before they can get to the mobile version of the site… if they indeed waited and didn’t just close the page out to find something else. Designing for mobile first means allows a minimal amount of content to load first, streamlining the experience. This is a lot faster and means your site gets enhancements as it moves up to desktop, instead of degradations of content when moving down to mobile.
These are some of the things we consider when beginning a website design project here at IQ. This method may help you find a few ways to improve your user experience all over, not just on mobile. So on your next site design project, try starting with mobile first and see where this aspect of creative intelligence takes you.
Want to know more about IQ? Contact Us
You may also like: