From our monthly sponsor: Automate manual QA and catch visual bugs with Percy’s all-in-one visual testing and review platform.
Is it just me or is the popularity of mobile devices pushing a new minimalist movement in web design? Web design trends come and go from time to time: the dancing babies, suckerfish menus, rounded corners and ribbons have all graced the web with enthusiastic glee. But these are all more superficial things, style things. There is a movement growing in the web design community for a more minimal web, a user friendly web, a more semantic web where things have a purpose and reason for their existence. And the new mobile revolution is taking us there.
Minimalism is Not Simple
First of all, minimalism isn’t just being simple. Just because a website has a white background, no images and black text doesn’t mean it’s minimal, it means it’s simple. Minimalism is the movement of presenting elements in their fundamental purpose, it doesn’t mean presenting elements in their most simple form for everyone to understand. The primary focus of minimalism is the purpose and presenting that purpose in a clear meaningful way without dumbing it down.
We Eat Differently
Because mobile devices are, well mobile, they make it possible for users to consume info when and where they want, which means they get really impatient when they have to slog through pages of non-useful junk in order to get what they want. Mobile devices are nurturing a user that browses smarter, knows what they want and is more social (and by social I mean they will tweet to their wife to pass the salt from across the table instead of just saying it). Users are demanding a more focused web experience: a web that is more purposeful, more effective, more useful and a web that will no longer waste their time.
Users are now consuming or eating information differently than they used to just a few years ago. Users can now easily reply to emails, read the latest Wilco album review and tweet about it all while comfortably sitting on their couches, with no mouse or keyboard. The touch screen revolution has made internet consumption fun again – that same feeling you got in ’95 after you loaded your AOL disk and waiting for your modem to connect.
The sheer restrictions of mobile devices (small screen sizes, smaller bandwidth, slower connection speeds) are pushing for a more minimalist web. In order to design a website to be useful to mobile devices it now must respond better to them. Sites now have to be fast to accommodate slower connections and be able to adjust to changing screen sizes.
Just Design Better, Gees
So I guess the real question is – How do I achieve this new minimalism? Well, design better. No seriously, the days of poorly executed web sites and apps are over (unless you don’t care about success). No more can you simply just throw together an idea and wait for the Brink’s truck to roll up in your driveway. You need to design a more purposeful, more effective, more useful and more timely web site if you want it to succeed.
Have a Purpose
Before you whip out Photoshop and turn on your 960 grid layout layer – whip out your sketchbook, notepad or pile of sticky notes and clear up the goals for both, the owner and user. Make sure you focus the majority of your design time on the purpose and not on a clever logo that plays on the long domain name. The purpose of the website should be the very first thing – the focal point – the user is presented with and if you design for the purpose rather than the flash you will always maintain control over your design and hopefully your user.
Make effective use of important aspects of the design from color to typography to negative space. Too much color, not enough color, colors that are too bright or not bright enough are all distractions to the user of a mobile device. Use color where it is needed to make the most impact or to drive the purpose home.
Lots of images and icons are a bad idea for mobile devices as well. They take time to load and can be inconvenient to view on smaller screens, so make effective use of type. Well thought out typography can easily replace the meaning of any image and will be easily understood by the user.
Proper negative space (or white space) around text, buttons and links will allow the design to breathe and not be so cluttered. Cluttered site with small print and no negative space are extremely hard to view on mobile devices so make effective use of padding and margins in order to make the user comfy. Don’t worry about cramming everything onto the screen, with one swipe of the finger the user can easily view the entire page.
Make It Useful
Think about how the user will actually use the site when designing, instead of putting up hurdles and stumbling blocks for the user (like my pet peeve: too many options) design your site with an easy, clear path. If the user is able to quickly interact with the site and get where they need to go in one glance, chances are they will stick around to discover more.
And when the user does stumble a bit, make sure your site is ready to catch them and plop them right back on the path. Your design should not make the user feel dumb when they make a mistake, it should provide polite and direct feedback whenever the user interacts with a button, a form or even a slide show.
Quit Wasting People’s Time
Because mobile devices are minimalist creatures by nature, users will be able to consume more with less. Remove all the extra stuff that is not necessary to the overall goals of the site so that users don’t get lost in the jungle. Minimalism is not just being simple or plain, minimalism is a movement of presenting elements in their fundamental purpose, mobile is a movement of consuming content in its fundamental form.