The Mobile/Tablet & Web Design

Created By: Michael Alexander

The Traditional

Desktop/Laptop Web

Design

-Lots of Content-Relaxed, lets users do what

they feel

The “Not” Traditional

Mobile Web Design

• Simple & User friendly

• Made for mobile devices

• Vertical Navigation

How Mobile/Tablet Users Use the Internet

• Mobile users are more focused users

• Transaction Oriented

Mobile users Tablet users

Focused on broaderexperience

Leisure surfing

Why Mobile/Tablet Design is a Must

• According to a study by the research firm Gartner, mobile devices will over take PCs as the most common way to access the internet by 2013.

Sites With Good Mobile Sites

• Southwest airlines is a great example of a mobile site. (Right)

Sites With Bad Mobile Sites

• Fox news mobile site is not very good.

What you should take from this?

• Mobile devices and tablets are becoming more and more popular, don’t be stuck in the past.

References• Desktop Computer. (2/27/12). Retrieved from http://techsenseonline.com/wp-content/uploads/2011/08/desktop-computer.jpg

• Laptop Computer. (2/27/12). Retrieved from http://www.laptopsarena.com/wp-content/uploads/2010/08/laptop-computer.jpg

• US Cellular Tablet. (2/27/12). Retrieved from http://hotcellularphone.com/wp-content/uploads/2011/06/U.S.-Cellular-Launches-Its-Next-Mobile-Tablet-the-Motorola-Xoom.jpg

• IPhone. (2/27/12). Retrieved from http://www.4dancers.org/wp-content/uploads/2011/12/iphone.jpg

• Southwest Desktop Website. (2/27/12). Retrieved from http://mos.futurenet.com/techradar/Review%20images/Net%20features/206/NET206.f_mobile.southwest_desktop-420-90.jpg

• Southwest Mobile Website. (2/27/12). Retrieved from http://mos.futurenet.com/techradar/Review%20images/Net%20features/206/NET206.f_mobile.southwest_mobile-420-90.jpg

• Why Mobile Design Should Never be an Afterthought. (2/27/12). Retrieved from http://mashable.com/2011/08/05/mobile-design-priority/

• Wowed. (2/27/12). Retrieved from http://3.bp.blogspot.com/-CV64ujWyJdg/TugTc0uPfhI/AAAAAAAADBI/7T2_Mcju9Oo/s1600/WOWED+US.jpg

• Southwest Mobile & Desktop site. (2/27/12). Retrieved from http://static.lukew.com/mobilefirst_southwest1.jpg

• Fox News Mobile Site. (2/27/12). Retrieved from http://palmaddict.typepad.com/photos/uncategorized/2008/09/01/nycmobimail.jpg

• Old man at computer. (2/27/12). Retrieved from http://www.thefinancialblogger.com/wp-content/uploads/2008/04/old-man-thoughts.jpg