Presentation on Mobile/Tablet Design

By Michelle Lane

The Importance of creating web content that can be visible on a multitude of devices

We will talk about reasons why the time to address this issue is now

It’s no surprise the market is growing for smart phones

and tablets.

But what does this mean for us?

INTERNET DEVICE SALESLet’s take a peak at

Let’s Compare

Smartphones vs. “Dumb” Phones Smartphones vs. Computers

MEAN TO US??What does that

WE NEED TO MAKE SOME CHANGES

It means…

ADAPT TO THE NEW INTERNET RULES

We need to…

USE IMPACTED WEB DESIGN?How has mobile and tablet

Now Less Hypertext Is Used

The Content Is More Focused

Faster Load Time Required

Less “Point & Click” and more touch or swipe

WEBSITES ACCESSIBLE ON ALL DEVICES?What Current Technologies Can Be Used To Make

Alt text in imagesDescriptions for screen readers

Closed-CaptioningUsing HTML5 and CSS3

Good Example:

Bad Example:

Collins Catering Should Do the Following:

I suggest building the website in HTML5

Change the gallery so it doesn’t use Flash

Venues would need to be listed with capacity with photos

Create an easy to use calendar

Easy to use contact/information form

References: http://info.lecturetools.com/blog/bid/35816/You-Don-t-Need-an-App-for-That-Schools-Cut-Costs-with-Mobile-Web http://www.sbomag.com/wp-content/uploads/2011/04/website-smartphone.png http://www.infinitewebdesigns.com/website-smart-phone-friendly/ http://www.visualwebz.com/Resources/smartphone-website-design/Smart-Phone-Website-Usage.html http://blog.chron.com/factistics/2012/04/has-your-smart-phone-become-your-go-to-device/

http://joicemaduaka.blogspot.com/2008_08_01_archive.html http://ideas4petretail.co.uk/news/smartphones-and-tablets-bring-maturity-mobile-payment-marketplace#.UBcJa0KlJUQ http://thetechnologicalcitizen.com/?p=1845 http://www.kurzweilai.net/15-big-ways-the-internet-is-changing-our-brain#!prettyPhoto http://www.kimminsdesign.com/if.htm http://trends.e-strategyblog.com/2012/07/23/smart-phone-tablet-use-while-out-shopping-chart/2061

http://www.dantherealestateman.info/Newsletter http://www.createsurvey.com http://www.businessinsider.com/the-future-of-mobile-deck-2012-3?op=1 http://www.gigantecatering.com/Film%20menu.html