Mobile web design is a growing problem for business. Cisco has predicted “By the end of 2013, the number of mobile-connected devices will exceed the number of people on earth, and by 2017 there will be nearly 1.4 mobile devices per capita. There will be over 10 billion mobile-connected devices in 2017, including machine-to-machine (M2M) modules-exceeding the world's population at that time (7.6 billion).1” Businesses must create mobile friendly websites if they are to remain relevant in this new era.
The technical challenges of mobile design arise from both the various screen sizes and physical interactions. Touch devices with no mouse, have no corresponding interaction for, “hover” and “right click”, both ubiquitous user actions on the desktop.
When Mobile Web first came on the scene, businesses quickly saw the need for newly styled sites. Since there were relatively few different mobile devices to design for, the solution was to create two websites: www.acme.com for desktops and m.acme.com for mobile devices. The major drawback of this scheme however was the need to maintain two separate websites.
The essence of responsive design is creating a site in such a way it adapts itself to the device. This adaptation, or responsiveness, allows content creators and designers to do their work only once and know the display will be correct regardless of the users screen size or capabilities. Responsive Design advantages include the following: