Creating a website that converts perfectly to any mobile platform

Jun 26, 2013

With the creation of the internet it became a requirement for a business to have a website to represent it’s online presence.

When social media websites proved that they were here to stay, and more then just high school popularity contests, the requirement evolved to not only having a website for your company, but also for your business to have a social media representation on one of the four major platforms. The four major platforms are more commonly known as the Big Four of Social Media. These big four are Facebook, Twitter,  Google +, and LinkedIn.

Now with internet availability at the mobile level increasing every day, statistics like:

“61% of smartphone users make local searches from a device,” (comScore 2012)

“1 in 8 page views are from mobile devices,” (Localeze 2012) and

“Google makes 30 million (mobile) clicks-to-call a month, (comScore 2012)”, make it undeniable that businesses need to have a mobile friendly website if they want to stay competitive.

People who visit a desktop website on a phone or tablet generally have to zoom in to read the content or click the links, and according to these mobile usage statistics, “61% of customers who visit a mobile unfriendly site are [more] likely to go to a competitor’s site”.

Originally the only way to accomplish a “mobile friendly website” was to design and create a completely separate version of your website for mobile phones and another completely separate version for tablets, because of the drastically different screen sizes of each platform.

This created some unique problems; now instead of updating one website… you had to update 3! In some cases the tablet & mobile versions of your website, would either be too large or too small due to the varying sizes of different smart phones and different tablets.

The solution to this age old dilemma, is to design your website in what is commonly called, a “responsive layout”. This solution has many benefits, the most important being the same website is used for any screen size: the desktop, tablet, and smart phone. The key to a responsive layout is that the website is made to respond to the size of the current screen in a dynamic manner.

As an example, you can investigate this web design website that is not a “responsive layout”, and therefore not mobile friendly. Once on, click on on the ‘restore down’ button between (minimize & close in the top right corner on a PC). That should shrink your browser window, then shorten the width of the window, you’ll see the content stays put, and starts becoming cut off, as well as a scroll bar appears at the bottom of the screen.
Then perform the same test on this very website, you’ll see that the width of the content (title & paragraphs) lengthens and shortens depending on how wide you make the window. That is a responsive layout reacting dynamically to the size of the viewing window. The same hold true for mobile phones and tablets, no matter their size, the content of the webpage will move and compress as needed to fit in on screen with no side scrolling needed or possible. This of course increases the vertical length of the web page, but this very acceptable for mobile platforms, as it come naturally to users, whether reading an e-book, or browsing a website.

With a “responsive layout” business owners and/or webmasters only have to update one web page, and the update will be present regardless of the platform used to visit the site, or the screen size of that particular device. This means a business can have a mobile friendly website that is easier to update than businesses with traditional and outdated mobile websites.

Contact us today and we can discuss what having a mobile friendly website will do to help your business.
– Elliot Webb

No comments

Leave a Reply

Your email address will not be published. Required fields are marked *