12. Best Mobile Website
Large clickable links
Take advantage of white
space
Seamless
Easy navigation
Quick
13. Helpful Tips
Stay away from unrelated ads and links
Use a minimal amount of graphics
Keep the mobile user in mind
Have both browsers available to both types
of users (mobile, desktop)
Do not hide content.
14. References:
Mills, I. (2014, April 16). 5 Reasons You Absolutely Must Optimize Your Website for Mobile. Retrieved November 9, 2014, from http://www.huffingtonpost.com/ian-mills/5-reasons-you-
absolutely-_b_5122485.html
Adelson-Yan, J. (n.d.). 10 Best Practices for a Great Mobile Website Experience. Retrieved November 19, 2014, from http://www.askingsmarterquestions.com/10-best-practices-for-
a-great-mobile-website-experience/
Web Development Responsive Website or Mobile Web App; which way to go? (n.d.). Retrieved November 18, 2014, from http://www.thethotbox.com/blog/responsive_website-or-mobile_
web_app/
http://www.collinscateringfla.com/
http://wtfmobileweb.com/
http://www.ewebmarketing.com.au/blog/10-million-more-reasons-to-build-your-site-for-mobile-devices/
http://tiorblogs.thisisourreality.com/
http://www.dreamstime.com/royalty-free-stock-photos-laptop-tablet-pc-smartphone-image29356868
Editor's Notes
Usually when a customer is using a webpage on various mobile devices they are pressing for time and know exactly what they need. Collin’s Catering would benefit from giving their customers easy access to their calendar, reservations, and menu. Collin’s Catering mobile webpage would also benefit from syncing with a users mobile mapping system and have contact information so that consumers can find their location.
It’s important to realize that mobile users are different from desktop users. A mobile user does not have the time or the patience to wait for a site to load hence the need for a site to load within 1 second. With an increase of smart phones more and more users are using them to surf the web to find what they need in the moment when they need it. Users are more likely to buy from a mobile browser because a clear call to action. Lastly, having a good mobile site can ensure that your users will make a purchase or enquire.
Because mobile devices have smaller screens than desktop computers it is best to avoid hypertext and graphics and prioritize content so that information is easily accessible. Buttons need to be bigger because users are thumbing through content instead of mousing through.
All of these technologies are supported throughout mobile devices excluding CSS3 and Flash, which isn’t supported through Apple’s mobile devices.
This iss a bad mobile website because not all mobile phones have a scroll or zoom function and there is too much content on one page.
This website is worse than the previous one because of it’s use of graphics and hypertext.
This site is worst because users are told by the designer that the site basically sucks and they should use their better more appealing app. What’s the point of a designer making a website, if it can’t be used? It is best to offer both the web and mobile versions of your site. Separate apps can not be index and therefore causes poor SEO.
A good mobile web site has large buttons, is easy to thumb through, has little to no graphics and hypertexts. It should be quick and seamless with your website. The next few slides shows examples of “good”, “better”, and “best” mobile websites.
When building a mobile website it is better to avoid unrelated ads and links, use a minimal amount of graphics, keep your users in mind, provide both viewing options and never, never hide content.