We have spoken a lot about how you can turn your existing website into a mobile friendly website, but what we have failed to address is how you should be planning your websites from the beginning to ensure from the beginning your web design is designed for all devices including phones, tablets and even flat-screen TVs.
You have two ways in which to adapt your website planning for the mobile world, you can either adjust your existing website to suit the needs of the mobile world or you can create a parallel version of your website with a mobile friendly design.We have spoken a lot about how you can turn your existing website into a mobile friendly website, but what we have failed to address is how you should be planning your websites from the beginning to ensure from the beginning your website is designed for all devices including phones, tablets and even flat-screen TVs.
How do I adjust my existing site?
Simplify your design – If you view your website on a smartphone or by using Google’s GoMOMeter website you will see what design changes are required. The usual points to note for a website to be viewed properly are to ensure the following
1. Pages use large font
2. Information you want users to view without scrolling is places in the top half of the website
3. Buttons are large as fat fingers won’t be able to access tiny buttons on a mobile
Create a mobile version of your site – You can always create a new website using a mobile friendly optimized template, such as those on imacreator.com that mirrors your existing website. This will create a second URL for your website starting with a m.subdomain, this may make the website difficult to find on a search engine. This is most probably the cheapest and easiest way to ensure you are not ignoring the mobile audience
What is an adaptive website?
An adaptive website is a website that is able to detect which device the user to viewing the website from and will automatically generate a page that suits the users’ device automatically.
What is a responsive website?
A responsive website will auto-adjust to display properly on any device, no matter the size of the screen the design will automatically display properly to ensure your audience gets the best view.
If you are using a template based web-design website to create your website always make sure that you see the theme you have chosen is labelled as responsive to ensure that it will automatically resize to suit the mobile audience. If you have hired a designer, check with them that they understand the term responsive, if they don’t, go get yourself a new designer.
Making an Android app from a weblink is the easiest part of the complete process. Click here to learn how to create an app from your URL.