The Adult Literacy League

ByNoah Howard

November 20th, 2014

Problem?

In the world we live in, it’s imperative to have a mobile friendly website.

• Usability• Easy navigation• Improved aesthetics

Smartphone units shipped

Tablets on the rise

Mobile use still on the rise?

How do websites work across platforms?

• Progressive Enhancement

• Graceful Degradation

Content Management Systems

A CMS such as “Magnolia” can be very helpful in creating content for a mobile device.

Difference in code?

• HTML for desktops and laptops

• WML, IOS, Android for mobile devices

Recommendations

• Use coding that will work across all platforms• Make sure to check the URL in every browser• Use CMS technology designed to work with

mobile devices• Make sure the layout is mobile friendly

Would you want this to be you?

There is no difference between the mobile site and the desktop site.

Desktop Mobile

Would you want this to be you?

Desktop

Mobile

You want to be them!

Do you see the difference?Mobile Desktop

You want to be them!

Are they look remotely similar?

DesktopMobile

My plea

• Understand how?

• Understand why?

Sources• Dawson, A. (August 18th, 2010). “Mobile Web Design: Best Practices”. Retrieved from

http://sixrevisions.com/web-development/mobile-web-design-best-practices/• Faletski, I. (November 18th, 2009). “7 Tips to Make your Mobile Site Friendly”. Retrieved from

http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/• Ma, S. (January 17th, 2011). “Designing for the Mobile Web: Special Considerations”.

Retrieved from http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php

• Ma, S. (March 21, 2011). “10 Ways Mobile Sites are Different than Desktop Sites”. Retrieved from http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php