SlideShare a Scribd company logo
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 broader experience 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

More Related Content

KEY
Fwd carter thomas_finalpres
PPT
Lulutani Tembo 22860525
KEY
Allen angela mobile_presentation
PPT
Broadhead evan mobile_presentation
PDF
Domain7: Mobile Web Market Analysis
PDF
Mobile apps—solution or distraction
PDF
You're still doing it all wrong
PDF
Out-Smarted!
Fwd carter thomas_finalpres
Lulutani Tembo 22860525
Allen angela mobile_presentation
Broadhead evan mobile_presentation
Domain7: Mobile Web Market Analysis
Mobile apps—solution or distraction
You're still doing it all wrong
Out-Smarted!

What's hot (14)

PPTX
mobile presentation
PPTX
The Future is Now: Digital and Mobile Journalism
PDF
Smartphones Flipbook
PDF
2012: This year I learned
PPT
Task 2 b
PDF
Fairphone - Unboxing and first impressions
PDF
Get With The Programme
PDF
Mobile: Trends and Best Practices
PPT
Sci mobile apps v3
PPT
In Brief - Technology and Teaching: Tablet devices presentation
PPTX
Why mobile is important
PDF
Era of distraction
PPTX
Fall 2011 tech tools
PDF
Market research on Smartphones & Tablets
mobile presentation
The Future is Now: Digital and Mobile Journalism
Smartphones Flipbook
2012: This year I learned
Task 2 b
Fairphone - Unboxing and first impressions
Get With The Programme
Mobile: Trends and Best Practices
Sci mobile apps v3
In Brief - Technology and Teaching: Tablet devices presentation
Why mobile is important
Era of distraction
Fall 2011 tech tools
Market research on Smartphones & Tablets
Ad

Viewers also liked (7)

PDF
The Development Of Self-Discipline In Children (38)
PDF
scg basic
PDF
Androidfragment
PPTX
Learning the music!
The Development Of Self-Discipline In Children (38)
scg basic
Androidfragment
Learning the music!
Ad

Similar to Alexander michael project4 (20)

KEY
Alexander michael project4
PDF
Mobile Presentation
PDF
Mc mullen connie_mobilepresentaion
PPTX
Project 4: Mobile and Tablet Design for Collins Catering & Events
PPT
Mobile Presentation
PPTX
Johnson stephanie mobile_presentation
PPTX
Conyers tiffany mobile_presenation
PDF
Mobile Website Design: Responsive, Adaptive or Both?
PPT
Mobile is the new Godzilla July 2011 FCIP
PPT
Mullennax p fwd_w4_presentation4
PPTX
Bowens noah mobile presentation
PPTX
Kevin niles mobiledevices
PPTX
Mobile Presentation
PDF
Orlando Gonzalez Mobile Presentation
PPT
Mullennax p fwd_w4_presentation5
KEY
Hoke cheri project4
KEY
Fwd_Presentation
KEY
FWD_Presentation
PPTX
Hernandez nancy mobile_presentation
PPT
Mobile and Tablet Design for Business
Alexander michael project4
Mobile Presentation
Mc mullen connie_mobilepresentaion
Project 4: Mobile and Tablet Design for Collins Catering & Events
Mobile Presentation
Johnson stephanie mobile_presentation
Conyers tiffany mobile_presenation
Mobile Website Design: Responsive, Adaptive or Both?
Mobile is the new Godzilla July 2011 FCIP
Mullennax p fwd_w4_presentation4
Bowens noah mobile presentation
Kevin niles mobiledevices
Mobile Presentation
Orlando Gonzalez Mobile Presentation
Mullennax p fwd_w4_presentation5
Hoke cheri project4
Fwd_Presentation
FWD_Presentation
Hernandez nancy mobile_presentation
Mobile and Tablet Design for Business

Recently uploaded (20)

PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
Pharma ospi slides which help in ospi learning
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Basic Mud Logging Guide for educational purpose
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Classroom Observation Tools for Teachers
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
01-Introduction-to-Information-Management.pdf
PDF
Complications of Minimal Access Surgery at WLH
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
Anesthesia in Laparoscopic Surgery in India
PPTX
PPH.pptx obstetrics and gynecology in nursing
PPTX
Lesson notes of climatology university.
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
STATICS OF THE RIGID BODIES Hibbelers.pdf
Renaissance Architecture: A Journey from Faith to Humanism
Module 4: Burden of Disease Tutorial Slides S2 2025
Microbial diseases, their pathogenesis and prophylaxis
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Pharma ospi slides which help in ospi learning
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Basic Mud Logging Guide for educational purpose
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Classroom Observation Tools for Teachers
FourierSeries-QuestionsWithAnswers(Part-A).pdf
2.FourierTransform-ShortQuestionswithAnswers.pdf
Supply Chain Operations Speaking Notes -ICLT Program
01-Introduction-to-Information-Management.pdf
Complications of Minimal Access Surgery at WLH
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Anesthesia in Laparoscopic Surgery in India
PPH.pptx obstetrics and gynecology in nursing
Lesson notes of climatology university.

Alexander michael project4

  • 1. The Mobile/Tablet & Web Design Created By: Michael Alexander
  • 3. Desktop/Laptop Web Design -Lots of Content -Relaxed, lets users do what they feel
  • 5. Mobile Web Design Simple & User friendly Made for mobile devices Vertical Navigation
  • 6. How Mobile/Tablet Users Use the Internet Mobile users are more focused users Transaction Oriented Mobile users Tablet users Focused on broader experience Leisure surfing
  • 7. 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.
  • 8. Sites With Good Mobile Sites Southwest airlines is a great example of a mobile site. (Right)
  • 9. Sites With Bad Mobile Sites Fox news mobile site is not very good.
  • 10. What you should take from this? Mobile devices and tablets are becoming more and more popular, don’t be stuck in the past.
  • 11. 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

Editor's Notes

  • #3: The traditional ways to use the Internet are through PCs or Laptops.
  • #4: Desktop web design has a very relaxed feel to it. It allows users to explore on their own time and contains lots of content.
  • #5: Lately, the Internet has be accessed more and more through smart phones or tablets.
  • #6: Mobile web design should be more simple and clear cut. Users usually have an idea of what they are looking for.
  • #7: Even though the Internet is accessed more through mobile and tablets, how they use the Internet is different. Mobile users usually are more transaction oriented and have an idea of what they are looking for. Tablet users are more focused on the broader experience and are doing more leisure surfing.
  • #8: Most business develop websites first then the mobile site. This way might need to be switched soon. A study showed that by 2013 the Internet will be accessed more through mobile devices and tablets then through the traditional PC.
  • #9: Southwest Airlines does a great job with its desktop site and mobile site. You can see from the image that the desktop site has lots of content and the mobile site is slimmed way down and is short, simple, but still user friendly.
  • #10: Fox news mobile site is one that needs work. Its desktop website is recognized by mobile devices so you don’t get redirected to its mobile site. Pretty much a waste of a mobile site.
  • #11: With mobile devices and tablets becoming more and more popular you don’t want to be stuck in the past with just a desktop website. Focus more on mobile development since users are starting to access the Internet from their mobile devices and tablets.