SlideShare a Scribd company logo
Created By: Michael Alexander
The Mobile/Tablet &
    Web Design
 Created By: Michael Alexander
The Traditional
The Traditional
The Traditional
Desktop/
Laptop Web
  Design
Desktop/
  Laptop Web
    Design
  -Lots of Content
-Relaxed, lets users
 do what they feel
Desktop/
  Laptop Web
    Design
  -Lots of Content
-Relaxed, lets users
 do what they feel
The “Not” Traditional
The “Not” Traditional
The “Not” Traditional
Mobile Web Design
Mobile Web Design


• Simple & User
  friendly

• Made for mobile
  devices

• Vertical Navigation
Mobile Web Design


• Simple & User
  friendly

• Made for mobile
  devices

• Vertical Navigation
How Mobile/Tablet Users
   Use the Internet
How Mobile/Tablet Users
   Use the Internet

 Mobile users
How Mobile/Tablet Users
   Use the Internet

 Mobile users   Tablet users
How Mobile/Tablet Users
   Use the Internet

  Mobile users           Tablet users

• Mobile users are
  more focused users

• Transaction Oriented
How Mobile/Tablet Users
   Use the Internet

  Mobile users            Tablet users

• Mobile users are       Focused on broader
  more focused users         experience

• Transaction Oriented
How Mobile/Tablet Users
   Use the Internet

  Mobile users            Tablet users

• Mobile users are       Focused on broader
  more focused users         experience

• Transaction Oriented
                           Leisure surfing
Why Mobile/Tablet
 Design is a Must
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.
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
Sites With Good Mobile
         Sites


• Southwest airlines is
  a great example of a
  mobile site. (Right)
Sites With Good Mobile
         Sites


• Southwest airlines is
  a great example of a
  mobile site. (Right)
Sites With Bad Mobile
         Sites
Sites With Bad Mobile
          Sites


• Fox news mobile site
  is not very good.
Sites With Bad Mobile
          Sites


• Fox news mobile site
  is not very good.
What you should take
     from this?
What you should take
       from this?


• Mobile devices and
  tablets are becoming
  more and more
  popular, don’t be
  stuck in the past.
What you should take
       from this?


• Mobile devices and
  tablets are becoming
  more and more
  popular, don’t be
  stuck in the past.
References
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

What's hot

Smartphone Shootout: Which One is Best?
Smartphone Shootout: Which One is Best?Smartphone Shootout: Which One is Best?
Smartphone Shootout: Which One is Best?Christopher Hunt
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Precedent
 
Mobile first-edinburgh 030913
Mobile first-edinburgh 030913Mobile first-edinburgh 030913
Mobile first-edinburgh 030913Precedent
 
40 plus leveraging mobile computing to aid in job search v2.1
40 plus leveraging mobile computing to aid in job search v2.140 plus leveraging mobile computing to aid in job search v2.1
40 plus leveraging mobile computing to aid in job search v2.1Thomas Petry
 
Tech Brew All About Apps-Scovil
Tech Brew All About Apps-ScovilTech Brew All About Apps-Scovil
Tech Brew All About Apps-ScovilRandy Scovil
 
Are Websites Optimized for Mobile Devices and Smart TVs ?
Are Websites Optimized for Mobile Devices and Smart TVs ?Are Websites Optimized for Mobile Devices and Smart TVs ?
Are Websites Optimized for Mobile Devices and Smart TVs ?Manos Perakakis
 
Orlando Gonzalez Mobile Presentation
Orlando Gonzalez Mobile Presentation Orlando Gonzalez Mobile Presentation
Orlando Gonzalez Mobile Presentation ogonzalezceo
 
Two trends incorporating mobile and flipped strategies
Two trends incorporating mobile and flipped strategiesTwo trends incorporating mobile and flipped strategies
Two trends incorporating mobile and flipped strategiesUniversity of Wisconsin-Stout
 
Mobile computing in a "Post-PC" era... right?
Mobile computing in a "Post-PC" era... right?Mobile computing in a "Post-PC" era... right?
Mobile computing in a "Post-PC" era... right?Joseph Labrecque
 
Stitching Together a UX Strategy for Wearables and the Mobile Mainframe
Stitching Together a UX Strategy for Wearables and the Mobile MainframeStitching Together a UX Strategy for Wearables and the Mobile Mainframe
Stitching Together a UX Strategy for Wearables and the Mobile MainframePhilip Likens
 
Answering the Mobile Challenge - Squiz Scotland User Summit
Answering the Mobile Challenge - Squiz Scotland User SummitAnswering the Mobile Challenge - Squiz Scotland User Summit
Answering the Mobile Challenge - Squiz Scotland User SummitSquiz
 
Samsung Advertisement
Samsung AdvertisementSamsung Advertisement
Samsung Advertisementaliciafi
 
ROM iPhone App - W Ryan Dodge - CHIN's Mobile Bootcamp
ROM iPhone App - W Ryan Dodge - CHIN's Mobile BootcampROM iPhone App - W Ryan Dodge - CHIN's Mobile Bootcamp
ROM iPhone App - W Ryan Dodge - CHIN's Mobile Bootcamprcip-chin
 
Responsive Web Design | 352 Inc
Responsive Web Design | 352 IncResponsive Web Design | 352 Inc
Responsive Web Design | 352 Incmikecush
 

What's hot (20)

Smartphone Shootout: Which One is Best?
Smartphone Shootout: Which One is Best?Smartphone Shootout: Which One is Best?
Smartphone Shootout: Which One is Best?
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13
 
Mobile rage
Mobile rageMobile rage
Mobile rage
 
Mobile first-edinburgh 030913
Mobile first-edinburgh 030913Mobile first-edinburgh 030913
Mobile first-edinburgh 030913
 
40 plus leveraging mobile computing to aid in job search v2.1
40 plus leveraging mobile computing to aid in job search v2.140 plus leveraging mobile computing to aid in job search v2.1
40 plus leveraging mobile computing to aid in job search v2.1
 
Tech Brew All About Apps-Scovil
Tech Brew All About Apps-ScovilTech Brew All About Apps-Scovil
Tech Brew All About Apps-Scovil
 
Are Websites Optimized for Mobile Devices and Smart TVs ?
Are Websites Optimized for Mobile Devices and Smart TVs ?Are Websites Optimized for Mobile Devices and Smart TVs ?
Are Websites Optimized for Mobile Devices and Smart TVs ?
 
Mobile Pitch
Mobile PitchMobile Pitch
Mobile Pitch
 
Orlando Gonzalez Mobile Presentation
Orlando Gonzalez Mobile Presentation Orlando Gonzalez Mobile Presentation
Orlando Gonzalez Mobile Presentation
 
Two trends incorporating mobile and flipped strategies
Two trends incorporating mobile and flipped strategiesTwo trends incorporating mobile and flipped strategies
Two trends incorporating mobile and flipped strategies
 
Mobile computing in a "Post-PC" era... right?
Mobile computing in a "Post-PC" era... right?Mobile computing in a "Post-PC" era... right?
Mobile computing in a "Post-PC" era... right?
 
Stitching Together a UX Strategy for Wearables and the Mobile Mainframe
Stitching Together a UX Strategy for Wearables and the Mobile MainframeStitching Together a UX Strategy for Wearables and the Mobile Mainframe
Stitching Together a UX Strategy for Wearables and the Mobile Mainframe
 
Task 2 b
Task 2 bTask 2 b
Task 2 b
 
Answering the Mobile Challenge - Squiz Scotland User Summit
Answering the Mobile Challenge - Squiz Scotland User SummitAnswering the Mobile Challenge - Squiz Scotland User Summit
Answering the Mobile Challenge - Squiz Scotland User Summit
 
Innovation - mobile
Innovation - mobileInnovation - mobile
Innovation - mobile
 
Task 2 b
Task 2 bTask 2 b
Task 2 b
 
Samsung Advertisement
Samsung AdvertisementSamsung Advertisement
Samsung Advertisement
 
Laptop vs Tablet by Fred Greene
Laptop vs Tablet by Fred GreeneLaptop vs Tablet by Fred Greene
Laptop vs Tablet by Fred Greene
 
ROM iPhone App - W Ryan Dodge - CHIN's Mobile Bootcamp
ROM iPhone App - W Ryan Dodge - CHIN's Mobile BootcampROM iPhone App - W Ryan Dodge - CHIN's Mobile Bootcamp
ROM iPhone App - W Ryan Dodge - CHIN's Mobile Bootcamp
 
Responsive Web Design | 352 Inc
Responsive Web Design | 352 IncResponsive Web Design | 352 Inc
Responsive Web Design | 352 Inc
 

Viewers also liked (17)

3
33
3
 
Time managment
Time managmentTime managment
Time managment
 
South park 1
South park 1South park 1
South park 1
 
Androidfragment
AndroidfragmentAndroidfragment
Androidfragment
 
Alexander michael project4
Alexander michael project4Alexander michael project4
Alexander michael project4
 
The Development Of Self-Discipline In Children (38)
The Development Of Self-Discipline In Children (38)The Development Of Self-Discipline In Children (38)
The Development Of Self-Discipline In Children (38)
 
1
11
1
 
30
3030
30
 
Learning the music!
Learning the music!Learning the music!
Learning the music!
 
scg basic
scg basicscg basic
scg basic
 
10
1010
10
 
Time managment
Time managmentTime managment
Time managment
 
11
1111
11
 
12
1212
12
 
Time managment
Time managmentTime managment
Time managment
 
New microsoft office word document
New microsoft office word documentNew microsoft office word document
New microsoft office word document
 
Сургалтын аргууд
Сургалтын аргуудСургалтын аргууд
Сургалтын аргууд
 

Similar to Alexander michael project4

Why mobile is important
Why mobile is importantWhy mobile is important
Why mobile is importantAdam Lee
 
Going mobile - Highed Web Presentation - 2011
Going mobile - Highed Web Presentation - 2011Going mobile - Highed Web Presentation - 2011
Going mobile - Highed Web Presentation - 2011Nathan Gerber
 
mobile presentation
mobile presentationmobile presentation
mobile presentationlartei87
 
Malcolm jackson project4
Malcolm jackson project4Malcolm jackson project4
Malcolm jackson project4Mjackson06
 
Make a Mobile Web Site
Make a Mobile Web SiteMake a Mobile Web Site
Make a Mobile Web SiteJasmine Sante
 
Make Your WordPress Site Mobile Friendly
Make Your WordPress Site Mobile FriendlyMake Your WordPress Site Mobile Friendly
Make Your WordPress Site Mobile FriendlyDave Zille
 
Howard noah moblilepresentation
Howard noah moblilepresentationHoward noah moblilepresentation
Howard noah moblilepresentationnoahbh
 
Going mobile edu web presentation - 2011
Going mobile   edu web presentation - 2011Going mobile   edu web presentation - 2011
Going mobile edu web presentation - 2011Nathan Gerber
 
Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)Graham Bird
 
Adapting Your Website to a Mobile World
Adapting Your Website to a Mobile WorldAdapting Your Website to a Mobile World
Adapting Your Website to a Mobile WorldTom Jelen
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesIvano Malavolta
 
Chris Davis Mobile/Tablet Design Presentation
Chris Davis Mobile/Tablet Design PresentationChris Davis Mobile/Tablet Design Presentation
Chris Davis Mobile/Tablet Design Presentationcsdavis20
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnrelaityntatt
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnrelaityntatt
 
Designing for mobile devices
Designing for mobile devicesDesigning for mobile devices
Designing for mobile devicesFahd Alhazmi
 
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandNext gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandhjc
 
Mobile appsvsmobilewebsites
Mobile appsvsmobilewebsitesMobile appsvsmobilewebsites
Mobile appsvsmobilewebsitesRita Robinette
 
Qa summit shift_to_mobile
Qa summit shift_to_mobileQa summit shift_to_mobile
Qa summit shift_to_mobileShachar Schiff
 
Ways to Mobilize Your Library
Ways to Mobilize Your LibraryWays to Mobilize Your Library
Ways to Mobilize Your Librarybaldwind1976
 

Similar to Alexander michael project4 (20)

Why mobile is important
Why mobile is importantWhy mobile is important
Why mobile is important
 
Going mobile - Highed Web Presentation - 2011
Going mobile - Highed Web Presentation - 2011Going mobile - Highed Web Presentation - 2011
Going mobile - Highed Web Presentation - 2011
 
mobile presentation
mobile presentationmobile presentation
mobile presentation
 
mobile presentation
mobile presentationmobile presentation
mobile presentation
 
Malcolm jackson project4
Malcolm jackson project4Malcolm jackson project4
Malcolm jackson project4
 
Make a Mobile Web Site
Make a Mobile Web SiteMake a Mobile Web Site
Make a Mobile Web Site
 
Make Your WordPress Site Mobile Friendly
Make Your WordPress Site Mobile FriendlyMake Your WordPress Site Mobile Friendly
Make Your WordPress Site Mobile Friendly
 
Howard noah moblilepresentation
Howard noah moblilepresentationHoward noah moblilepresentation
Howard noah moblilepresentation
 
Going mobile edu web presentation - 2011
Going mobile   edu web presentation - 2011Going mobile   edu web presentation - 2011
Going mobile edu web presentation - 2011
 
Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)
 
Adapting Your Website to a Mobile World
Adapting Your Website to a Mobile WorldAdapting Your Website to a Mobile World
Adapting Your Website to a Mobile World
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategies
 
Chris Davis Mobile/Tablet Design Presentation
Chris Davis Mobile/Tablet Design PresentationChris Davis Mobile/Tablet Design Presentation
Chris Davis Mobile/Tablet Design Presentation
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgn
 
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgnPosternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgn
 
Designing for mobile devices
Designing for mobile devicesDesigning for mobile devices
Designing for mobile devices
 
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandNext gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
 
Mobile appsvsmobilewebsites
Mobile appsvsmobilewebsitesMobile appsvsmobilewebsites
Mobile appsvsmobilewebsites
 
Qa summit shift_to_mobile
Qa summit shift_to_mobileQa summit shift_to_mobile
Qa summit shift_to_mobile
 
Ways to Mobilize Your Library
Ways to Mobilize Your LibraryWays to Mobilize Your Library
Ways to Mobilize Your Library
 

Recently uploaded

Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backElena Simperl
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...Product School
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...Sri Ambati
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesThousandEyes
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...Product School
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Thierry Lestable
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Product School
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsPaul Groth
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...Product School
 
Quantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsQuantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsVlad Stirbu
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Alison B. Lowndes
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Product School
 

Recently uploaded (20)

Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
Quantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsQuantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIs
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
Ransomware Mallox [EN].pdf
Ransomware         Mallox       [EN].pdfRansomware         Mallox       [EN].pdf
Ransomware Mallox [EN].pdf
 

Alexander michael project4

  • 2. The Mobile/Tablet & Web Design Created By: Michael Alexander
  • 3.
  • 7.
  • 9. Desktop/ Laptop Web Design -Lots of Content -Relaxed, lets users do what they feel
  • 10. Desktop/ Laptop Web Design -Lots of Content -Relaxed, lets users do what they feel
  • 11.
  • 15.
  • 17. Mobile Web Design • Simple & User friendly • Made for mobile devices • Vertical Navigation
  • 18. Mobile Web Design • Simple & User friendly • Made for mobile devices • Vertical Navigation
  • 19.
  • 20. How Mobile/Tablet Users Use the Internet
  • 21. How Mobile/Tablet Users Use the Internet Mobile users
  • 22. How Mobile/Tablet Users Use the Internet Mobile users Tablet users
  • 23. How Mobile/Tablet Users Use the Internet Mobile users Tablet users • Mobile users are more focused users • Transaction Oriented
  • 24. How Mobile/Tablet Users Use the Internet Mobile users Tablet users • Mobile users are Focused on broader more focused users experience • Transaction Oriented
  • 25. How Mobile/Tablet Users Use the Internet Mobile users Tablet users • Mobile users are Focused on broader more focused users experience • Transaction Oriented Leisure surfing
  • 26.
  • 28. 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.
  • 29. 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.
  • 30.
  • 31. Sites With Good Mobile Sites
  • 32. Sites With Good Mobile Sites • Southwest airlines is a great example of a mobile site. (Right)
  • 33. Sites With Good Mobile Sites • Southwest airlines is a great example of a mobile site. (Right)
  • 34.
  • 35. Sites With Bad Mobile Sites
  • 36. Sites With Bad Mobile Sites • Fox news mobile site is not very good.
  • 37. Sites With Bad Mobile Sites • Fox news mobile site is not very good.
  • 38.
  • 39. What you should take from this?
  • 40. What you should take from this? • Mobile devices and tablets are becoming more and more popular, don’t be stuck in the past.
  • 41. What you should take from this? • Mobile devices and tablets are becoming more and more popular, don’t be stuck in the past.
  • 42.
  • 44. 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

  1. \n
  2. The traditional ways to use the Internet are through PCs or Laptops.\n
  3. The traditional ways to use the Internet are through PCs or Laptops.\n
  4. The traditional ways to use the Internet are through PCs or Laptops.\n
  5. Desktop web design has a very relaxed feel to it. It allows users to explore on their own time and contains lots of content.\n
  6. Desktop web design has a very relaxed feel to it. It allows users to explore on their own time and contains lots of content.\n
  7. Desktop web design has a very relaxed feel to it. It allows users to explore on their own time and contains lots of content.\n
  8. Lately, the Internet has be accessed more and more through smart phones or tablets.\n
  9. Lately, the Internet has be accessed more and more through smart phones or tablets.\n
  10. Lately, the Internet has be accessed more and more through smart phones or tablets.\n
  11. Mobile web design should be more simple and clear cut. Users usually have an idea of what they are looking for.\n
  12. Mobile web design should be more simple and clear cut. Users usually have an idea of what they are looking for.\n
  13. Mobile web design should be more simple and clear cut. Users usually have an idea of what they are looking for.\n
  14. 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.\n
  15. 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.\n
  16. 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.\n
  17. 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.\n
  18. 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.\n
  19. 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.\n
  20. 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.\n
  21. 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.\n
  22. 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.\n
  23. 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.\n
  24. 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.\n
  25. 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.\n
  26. 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.\n
  27. 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.\n
  28. 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.\n
  29. 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.\n
  30. 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.\n
  31. 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.\n
  32. \n
  33. \n