Think Before You Design Web Pages For Mobile

Page 1

Think Before You Design Web Pages For Mobile


ď ś While building a web page it is important to first consider who the users are and how will they be viewing the website. ď ś However, it is important for the developers to consider the resolution, color options and available functions, not just the devices it's going to be viewed on.


Here Are Few Guidelines For Building Web Pages For Mobile Test on Various Devices  The first step should be to test the site on as many devices as possible.  Emulators can be used to do the testing, however it won't give the same feeling as trying to navigate on the tiny screen.  Hence, it is important to test on actual devices to get the correct picture of how it looks and functions.


Here Are Few Guidelines For Building Web Pages For Mobile Degrade The Pages ď ś The pages may be written for flash-enabled widescreen browsers, but also consider the tiny screen requirements, done cell phones won't be able to handle any special features beyond XHTML Basic


Here Are Few Guidelines For Building Web Pages For Mobile Page Layout for Smartphone Tiny Screen

ď ś Web pages on the smartphone condenses all the column down into a small window, this makes it very hard to read without zooming, and zooming becomes tiresome after a while.


Here Are Few Guidelines For Building Web Pages For Mobile Page Layout for Smartphone Tiny Screen

ď ś Here, it becomes important to optimise the site for mobile devices for better user experience.


Here Are Few Guidelines For Building Web Pages For Mobile Page Layout for Smartphone Divide Pages

ď ś Long segments of texts are difficult to read on a Smartphone. ď ś Hence, putting them in multiple pages makes it easier to read.


Here Are Few Guidelines For Building Web Pages For Mobile Links and Navigation Keep Short URL

 It's not hidden that while typing a long URL on a cell phone, it makes the user annoyed, it's a pain.  It is important to make the experience worthwhile when the accessed on a Smartphone.

mobile user’s site is being

 Hence consider keeping the URL as short as possible.


Here Are Few Guidelines For Building Web Pages For Mobile Links and Navigation Long link text

ď ś Long link texts are easier to tap on a Smartphone than a one word link.


Here Are Few Guidelines For Building Web Pages For Mobile Links and Navigation Long link text

ď ś The tiny screen of the smart phones makes it difficult to tap on a link that is too short without zooming in, many users will leave it and go somewhere else. ď ś Links with about 3-4 words will make sense in such cases.


Here Are Few Guidelines For Building Web Pages For Mobile Links and Navigation Hide Navigation

ď ś It's ok to hide the navigation on a web page designed for a mobile device and making it appear only when the user needs it. ď ś This will count for a better user experience.


Here Are Few Guidelines For Building Web Pages For Mobile Things to Avoid Flash

ď ś Mobile phones don't support flash, hence it would be a good idea to not include it while designing for mobile device.


Here Are Few Guidelines For Building Web Pages For Mobile Things to Avoid Frames

ď ś Even if the mobile browser supports them, it would be difficult to include it considering the dimension of the screen. ď ś Frames will make it difficult for the users to read the content, it's not meant for mobile phones.


Here Are Few Guidelines For Building Web Pages For Mobile Things to Avoid Tables

ď ś Tables are a big No! No! When designing for mobile devices. ď ś They are not supported by every cell phone plus it might end up giving strange results.


Here Are Few Guidelines For Building Web Pages For Mobile Things to Avoid Fonts

ď ś All the fonts are not necessarily supported by all the smart phones. It is important to test the fonts before deciding on one. ď ś Following these steps will at least give you a better design for the smart phones.


Interested To Know More About? Responsive Design Ekspert WordPress Utvikling Spesialist Outsourcing WordPress Utvikling India


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.