If I was given a dollar for everytime I get an email that says: ‘Kim, Ive made an app from my website, but it looks different. why?’ I would be on my way to becoming a millionaire. One of the most common mistakes people make when making an Android app is that they forget to make their URL mobile friendly. When creating an app it is vital that you turn your existing website into a mobile friendly website, this is will ensure that your website is designed for all devices including phones, tablets and even flat-screen TVs.
You can adapt your website in two ways to suit the mobile world, you can either adjust your existing website or you can create a parallel version of your website with a mobile friendly design.
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, however, 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 app creation process. Click here to learn how to create an app from your URL.