Designing for the

FutureStacy Brock

001556770

Collin’s Catering

Availability calendar

On-the-go reservations

Menu

Contact Info

Sync with Google Maps

(or Maps)

Why Optimize for Mobile

Devices?

Mobile users are different

Mobile gets traffic

Increase conversions

Reduced bounce rate

Mobile and

tablet:Present and future usage

growth

Impacting design

Smaller screens

No hypertext

Content prioritization

Bigger buttons

Less graphics

Current Technologies:

HTML

XHTML

WML

CSS3

Flash

Bad Mobile Website

Not all phones have a

scroll function

Not all phones can zoom

in and out

No content prioritization

Worse Mobile Website

No content prioritization

Hypertext

Too many graphics

Worst Mobile Website

Slow

Unappealing

No mobile site

Good Mobile Website

Large buttons

Visibility:

Links are noticeable

Better Mobile Website

Large clickable links

Best Mobile Website

Large clickable links

Take advantage of white

space

Seamless

Easy navigation

Quick

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.

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