Mobile website --- Web is in pocket....
-
Upload
naga-harish-movva -
Category
Technology
-
view
561 -
download
1
description
Transcript of Mobile website --- Web is in pocket....
![Page 1: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/1.jpg)
Mobile WebsiteWeb is in Pocket…!
………
![Page 2: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/2.jpg)
Why we need Mobile Web site?
• Now a days most of them using phone.• Almost every phone having web browser in it.
Not only smart phones.• Mobile is just like Pocket PC, Wherever you go.• Most of them accessing web, while in
traveling.
![Page 3: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/3.jpg)
Smart phone going to Kill PC?
Smart Phone usage
By 2015, one billion people going to use cell phone or smart phone to access web
![Page 4: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/4.jpg)
How Smartphone owners using they devices?
Time killer (Game)
WEB AccessTask reminders
Chat
Social media
NewsReading e-Books
Video streaming
![Page 5: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/5.jpg)
Leading Smart Phone OSs
![Page 6: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/6.jpg)
So What?
• Every site owner want Mobile version to boost their business.
• Now a days, most of the CMS comes with pretty simple mobile version for that web.
• For Example Drupal, Wordpress and so on.
![Page 7: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/7.jpg)
Mobile Site – need keep in mind?
• Mobile user != Desktop user.. Try to optimize content and navigation.
• Keep It Simple, Just few touches to access data. Plan Your Site Layout in great way.
• Don’t Use a Lot of Images. Try to optimize for small screens.
• Bring same Branding look to Mobile version.• Reduce the Amount of Text inputs.
![Page 8: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/8.jpg)
Mobile Site – need keep in mind?
• Keep in mind about mobile user’s data usage– Smaller content transfers fast...– Larger content is more $
• Use Mobile Redirects and Allow People to Visit the Full Site.
• Design It for Multiple smart phones.• Look at other Great Mobile Sites
![Page 9: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/9.jpg)
What Developers Can Do?
• Reduce the amount of using padding and margin. Because screen is very small. Utilize White Space.
• Try to take full advantage of HTML5 and CSS3.• Try to apply HTMl5 input types attributes for text
boxes.• Use view port, typically:
– <meta name="viewport" content="width=device-width;initial-scale=1.0;minimum-scale=0.5;maximum-scale=2.0;user-scalable=1;" />
• Don’t Use Pop-Ups or Open New Windows
![Page 10: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/10.jpg)
What Developers Can Do?
• Try to use protocols to open native apps.• For Example :- Tel:200XXXXXXX• Keep away from Flash, Java and Sliverlight.• Test, Test, Test• Security
![Page 11: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/11.jpg)
Growth
Site users
Business
Why I need to have mobile website instead of mobile app?
Most of them won’t install apps at all the time.
A research says 15-20 apps installed by smart phone a user per year.
![Page 12: Mobile website --- Web is in pocket....](https://reader036.fdocuments.net/reader036/viewer/2022062614/54799887b4af9ffe378b45ed/html5/thumbnails/12.jpg)
Thank You