Are there more advantages than disadvantages in creating a mobile version of your website?
Hands down, advantages!! There’s no denying “mobile” is a hot topic these days. From native apps, HTML5, to the different handsets and tablets coming out, there still seem to be mobile Web browser experiences that people either love or love to hate. When you think of your site you just want it to be mobile ready! You also know this means new technology and trying to understand how to maximize the ability for your site to be used on EVERY device.
Chances are, unless you're designing for only one device you're quickly going to be faced with a common problem experienced by designers who work with mobile devices; figuring out what screen size to actually design for.
For instance: The iPhone retina display has a resolution of 640 × 960 at 326 ppi. Newer devices often support a landscape mode where the width and height are spontaneously reversed. Blackberry screen resolutions range anywhere from 160 x 160 pixels all the way up to 324 x 352 pixels.
This seems too complex already. How do we possibly design for an "n-variable of devices"?! Riptide knows how! “Responsive web design” which is a design shift built on the growth of mobile.
The concept was first introduced by Ethan Marcotte in his article “Responsive Web Design,” which launched the initial concept behind responsive design and was based on the emerging responsive architecture in which rooms and spaces have the capacity of automatically adjusting according to the number and flow of people within it.
The concept of responsive web design makes a reference to the process of designing and developing websites that are able to react to user’s actions and detect the medium where the site is currently being watched in order to provide the best experience possible to the user in terms of navigation and readability. The theory behind responsive design involves the utilization of several grid and layout systems, image optimization and CSS media queries, therefore, no matter how many devices are released in the future, responsive websites will always be able to provide a proper response.
We at Riptide love how one design can work on different form factors (mobile phone, tablet, and desktop) and degrade gracefully. We’ve tried to do this in the past with older desktop browsers and are now applying the same concept for mobile. In addition to being able to check your site out on your mobile browser, you could look at it on your desktop browser at the largest resolution and start narrowing your browser window. You will be able to watch the content adjust to fit. Magic!