Mobile First (Intro)
Over the past few months I’ve been working towards a site redesign. One of my priorities for the redesign was to create a user-friendly experience across a wide range of devices. While responsive design has been a great innovation, it is often used for pure bling factor, without real consideration for how the content should be adapted or managed on various device sizes. In an effort to overcome such hurdles, I began the redesign with a ‘mobile first’ mentality as pioneered by Luke Wroblewski. For those who are unfamiliar with the term, mobile first is the practice of considering the design first and foremost for mobile or small screen devices, and then building upon that foundation, or progressively enhancing, for desktop and large-screen experiences. To read more on the topic, check out Luke’s book Mobile First available at A Book Apart.
The concept really connected with me on a number of levels. Mainly because mobile is the future of the web. Without getting into hard numbers and statistics, it’s logical to assume that mobile devices will replace traditional computers as the go to device for internet browsing. They are less expensive than a tablet or notebook, more accessible, and for the most part, always with us. The future of the personal computer has arrived, and can most likely be found in your pocket. This is not to evangelize the power of mobile technology, but instead illustrate the fact that mobile is a force to be reckoned with, and if we are not considering the mobile experience, than our designs will soon be obsolete from a UX perspective.
I’ll be detailing my thought-process and workflow for the redesign here in the days to come, but I wanted to release a snippet of the redesign in it’s infancy. It still has a long way to go and should be a viewed as super-beta, but the groundwork is in place and you can get a sense for where things are headed. Additionally, the dev site has been built and styled primarily for iOS and small screen devices, so if possible view it on your iPhone, or scale down your browser window size in Safari or Chrome.
Preview at dev.alexdeckard.com. Be sure to share any thoughts and/or criticisms with me on my Twitter account @alexdeckard. Thanks again to Luke Wroblewski for his insight on the topic and fantastic book, Mobile First.