We all web Ninja knows the value of USER EXPERIENCE. In mobile platform it requires a different approach to make a better user experience. I am listing few points one must remember while making mobile Interface.
1 .Responsive Web design
2 .The event handing must be touch friendly
3. The Forms must be design in a mobile friendly way
4. Use appropriate screen pixel densities of images
1 We all know responsive Design is one which adapts the layout on the basis of the screen size. It means the user will have the same EXPERIENCE on mobile as on Desktop while browsing the site.few well known technique for making website responsive are these.
<meta name="viewport"
content="width=device-width,
initial-scale=1">
<link rel="stylesheet" type="text/css" href="main.css" media="screen, handheld" />
<link rel="stylesheet" type="text/css" href="fallback.css" media="screen and (min-width: 40.5em)" />
[if (lt IE 9)&(!IEMobile)]>
<link rel="stylesheet" type="text/css" href="fallback.css" /> <!--[endif]---->
It means non mobile version and The IE version 9 or less than 9 will use fallback.css. We all knows IE 9 and lower does not support media queries. Not only IE some mobile browser like Symbian Browser (Doesnt exist though) and BlackBerry older browser also not support the media queries. So Conclusion of this Part is make web design responsive.If you dont know learn it.
Use Appcache to make website offline available. Believe me it increase user experiences
In further Blogs i will write on the rest until than Adios
0 Comment(s)