According to experts, mobile browsing will become the choice of most consumers over desktop based browsing within three to five years. We’ve seen this happen, slowly but surely and who of us these days does not have a smart phone? Google, Facebook, Maps are at our fingertips no matter where we are and just getting smarter and smarter. For companies, having a mobile version of their website is going to become a key feature in their online business. And who doesn’t like a great website that is easy to navigate, a pleasure to look at and easy to use?
Hence the need for Responsive Web Design. In a nutshell, this is web design that is intelligent, perfectly compatible with mobile devices , and customised to the user’s behaviour. It’s smart web design, that keeps the ever hungry for new technology consumer loyal to the brand and shows the company to be technology smart and trend aware. It’s a website that flows easily between the desktop, iPad and smartphone without losing integrity and usability.
Responsive Web Design was first coined by Ethan Marcotte in his seminal “A List Apart” article – “Responsive Web Design” – in which he likens Responsive Design to Responsive Architecture, which is like designing a house which shifts and adapts to the physical presence of people, bending and flexing to allow for climate control, height and lighting. Such is the need for Responsive Web Design, allowing the site to flex and bend for its users according to their needs.
Making the Web human
It’s not as sci-fi as it sounds, and certainly not as complicated. Ethan offers a 3 pronged method in which you follow these tools: Fluid Grids, Flexible Images and Media Queries. These have officially gone onto becoming the bywords of creating sites that are responsive. These 3 tools are simply indispensable and without them, you would simply be applying “AdaptiveWeb Design” which constitutes you only changing layouts. People are saying that Responsive design requires thinking about design in an entirely new way and it is both a challenge and a necessity in our digital era.
Without further ado, let us explore what this all entails. If you are a traditional web designer contracted by a client or for yourself to design their website for the iPad, you sure as hell would need to know what to do, right? Key points to focus on would be fluid and flexible images that automatically adjust so that layouts never break, fluid grids (we’ve heard that one, and it is common practice after all) and clever mark-up. You would want to make sure that a portrait orientation switches to landscape with ease when changing devices, and to not crop off illustrations or logos. You would want to make sure necessary content is shown easily and in a slick, smooth manner which is easy to navigate, and hide anything that is not essential for the user in order to ensure maximum enjoyment of the browsing experience.
You will need someone to teach you this, most importantly, this relatively new way of doing things is yet to become the norm worldwide but is certainly getting there and picking up speed as it goes along. Digital Publishing to Mobile Devices is burgeoning with expectations, and everyone wants a piece. Everyone owns Smart Phones, and iPads aren’t necessarily a luxury item – there are people who have forgone Desktop Browsing completely already. So if you want a piece of this, you’ve come to the right place – Friends of Design will be offering this course on a part time basis in which you will be guided and assisted to achieve smooth, slick websites which transition easily from one device to another with minimal fuss.
Contact us now on 021 402 0303 or at firstname.lastname@example.org to secure your seat!
The article that started it all:
10 excellent tools for responsive web design :
30 creative examples of responsive web design :
Media queries showcase: