SlideShare ist ein Scribd-Unternehmen logo
1 von 12
The Age of Mobile/Tablet
      Technology
Growth of Tablet/Mobile Design
• 84% of American Adults Own Cellphones &
  38% of Those People Own Smartphones.

• 8 -12% of U.S Adults Own Tablets
Estimated Future Usage
• It is estimated
  that over 275
  million tablets
  will be sold by
  2015.

• Over 200 million
  people will have
  smartphones/ta
  blets by 2015.
Web Design Impact
• Proportion when it comes to Mouse vs. Finger
Navigation on a tablet must be easier and bigger
than on a PC. Web designers must find that
middle ground.

• Fluidity & Width Adjustment
Having to scale down the fixed-width and
readjust the fluid-width to match new
dimensions.
• Adjust To New Languages
Ex. Implementing HTML5 to Replace aging
Adobe Flash for compatibility.

Also, learn other languages such as: XHTML &
CSS to work on building sites and applications.
Current Technologies Used for
              Accessibility
• World Wide Web Consortium’s (W3C’S)
Allows all devices accessing the website to
display the info on the page.

• Wireless Application Protocol (WAP)
Standardizes the way wireless devices can be
used for.
Websites that Don’t Work Well on
            Mobile/Tablets
• Two websites that
  do not work that
  well are
  Wikipedia.org &
  mobile.Craigslist.org

They do not have a
single column view, so
therefore the sites are
unorganized and have
too much to scroll
through.
Websites that Work Well on
        Mobile/Tablet Devices

• 1-800-Flowers
Invest in building
award winning mobile
experiences.
• ORBITZ.com
Another company that
prides themselves on
creating great mobile
experiences.
Adult Literacy League: Recommendations For
      Accessibility On Mobile & Tablet Devices
• Create a mobile-friendly Simple page structure
• Reduce the amount of content
• Present the navigation differently
• Minimize text entry
• Decide whether you need more than 1 mobile
  site
• Design for touchscreen & non-touchscreen users
• Take advantage of inbuilt functionality
References
•   http://www.poynter.org/latest-news/media-lab/mobile-media/138137/how-
    people-use-smartphones-and-tablets-and-what-it-means-for-your-mobile-
    strategy/

•   http://www.quora.com/eBooks/What-is-the-number-of-people-using-tablets-and-
    smartphones-to-read-ebooks
•
•   http://cmvlive.com/technology/gadgets/smartphones-tablets-are-likely-to-impact-
    direction-of-future-digital-signage
•

•   http://webdesign.tutsplus.com/articles/how-the-ipad-and-tablets-are-driving-
    new-web-design-trends/
•

•   http://www.edu.uwo.ca/inclusive_education/Knowled3.asp
•
Continued
•   http://searchmobilecomputing.techtarget.com/definition/WAP

•   http://www.designcaffeine.com/articles/mobile-websites-tablet-apps-and-hybrids-7-mobile-
    strategy-tips-for-2012/

•   http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-
    desktop-web-sites.php
•
•   http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-guidelines.shtml
•
•
•    http://www.google.com/imgres?q=smart+phones+and+tablets&um=1&hl=en&biw=1024&bih=75
    4&tbm=isch&tbnid=zNkMGJl1Jgd-sM:&imgrefurl=http://blog.readability.com/2011/03/meet-the-
    new-readability-mobile/&docid=UzLfQpPbx-zZRM&imgurl=http://blog.readability.com/wp-
    content/uploads/2011/03/rdb_mobile02.jpg&w=525&h=469&ei=omChT5PVCIPq2AXvzNncCQ&zoo
    m=1&iact=hc&vpx=209&vpy=138&dur=446&hovh=212&hovw=238&tx=97&ty=110&sig=11319773
    9347632121179&page=2&tbnh=135&tbnw=151&start=20&ndsp=25&ved=1t:429,r:1,s:20,i:120

Weitere ähnliche Inhalte

Was ist angesagt?

Mobile Presentation
Mobile PresentationMobile Presentation
Mobile Presentationdmkirspel
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobileMaya Irving-Regev
 
david nicholas - consequences for information seeking and reading behaviours ...
david nicholas - consequences for information seeking and reading behaviours ...david nicholas - consequences for information seeking and reading behaviours ...
david nicholas - consequences for information seeking and reading behaviours ...Incisive_Events
 
Mobile Roadie - CB Web Presentation
Mobile Roadie - CB Web PresentationMobile Roadie - CB Web Presentation
Mobile Roadie - CB Web PresentationMobile Roadie
 
Beyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsBeyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsWebvanta
 
Mobile appsvsmobilewebsites
Mobile appsvsmobilewebsitesMobile appsvsmobilewebsites
Mobile appsvsmobilewebsitesRita Robinette
 
Library services in the palm of your hand
Library services in the palm of your handLibrary services in the palm of your hand
Library services in the palm of your handKristen Edson
 
Beyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyBeyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyinternet-inspired
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDan Moriarty
 
Why mobile is important
Why mobile is importantWhy mobile is important
Why mobile is importantAdam Lee
 
Why and How to Build a Mobile First Web Strategy
Why and How to Build a Mobile First Web StrategyWhy and How to Build a Mobile First Web Strategy
Why and How to Build a Mobile First Web StrategyTechBlocks
 
Mobile Technologies
Mobile TechnologiesMobile Technologies
Mobile Technologiespryorsw
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile ExperienceDavid Drucker
 
Mobile-First Strategy
Mobile-First StrategyMobile-First Strategy
Mobile-First StrategySteve Buttry
 
Nick Grant - Roam Solutions
Nick Grant - Roam SolutionsNick Grant - Roam Solutions
Nick Grant - Roam SolutionsLSmiro
 
Mobile/Tablet Design Implications
Mobile/Tablet Design ImplicationsMobile/Tablet Design Implications
Mobile/Tablet Design Implicationswilliamfay
 
Is Your Website Mobile Ready?
Is Your Website Mobile Ready?Is Your Website Mobile Ready?
Is Your Website Mobile Ready?digitalpebbles
 

Was ist angesagt? (20)

Mobile Presentation
Mobile PresentationMobile Presentation
Mobile Presentation
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobile
 
david nicholas - consequences for information seeking and reading behaviours ...
david nicholas - consequences for information seeking and reading behaviours ...david nicholas - consequences for information seeking and reading behaviours ...
david nicholas - consequences for information seeking and reading behaviours ...
 
Mobile web
Mobile webMobile web
Mobile web
 
Mobile Roadie - CB Web Presentation
Mobile Roadie - CB Web PresentationMobile Roadie - CB Web Presentation
Mobile Roadie - CB Web Presentation
 
Beyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsBeyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and Tablets
 
Mobile appsvsmobilewebsites
Mobile appsvsmobilewebsitesMobile appsvsmobilewebsites
Mobile appsvsmobilewebsites
 
Library services in the palm of your hand
Library services in the palm of your handLibrary services in the palm of your hand
Library services in the palm of your hand
 
Beyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyBeyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategy
 
Content gone mobile
Content gone mobileContent gone mobile
Content gone mobile
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
mobile usability
mobile usabilitymobile usability
mobile usability
 
Why mobile is important
Why mobile is importantWhy mobile is important
Why mobile is important
 
Why and How to Build a Mobile First Web Strategy
Why and How to Build a Mobile First Web StrategyWhy and How to Build a Mobile First Web Strategy
Why and How to Build a Mobile First Web Strategy
 
Mobile Technologies
Mobile TechnologiesMobile Technologies
Mobile Technologies
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile Experience
 
Mobile-First Strategy
Mobile-First StrategyMobile-First Strategy
Mobile-First Strategy
 
Nick Grant - Roam Solutions
Nick Grant - Roam SolutionsNick Grant - Roam Solutions
Nick Grant - Roam Solutions
 
Mobile/Tablet Design Implications
Mobile/Tablet Design ImplicationsMobile/Tablet Design Implications
Mobile/Tablet Design Implications
 
Is Your Website Mobile Ready?
Is Your Website Mobile Ready?Is Your Website Mobile Ready?
Is Your Website Mobile Ready?
 

Ähnlich wie Growth of Mobile and Tablet Technology

Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....Naga Harish M
 
01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application developmentSiva Kumar reddy Vasipally
 
How to create a mobile version of your website
How to create a mobile version of your websiteHow to create a mobile version of your website
How to create a mobile version of your websiteMahmoud Farrag
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for BusinessFrancis Ibikunle
 
Responsive Web Design - Why and How
Responsive Web Design - Why and HowResponsive Web Design - Why and How
Responsive Web Design - Why and HowJudi Wunderlich
 
Mornington Peninsula responsive design
Mornington Peninsula responsive designMornington Peninsula responsive design
Mornington Peninsula responsive designSeamlessCMS
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for BusinessFrancis Ibikunle
 
Guide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureGuide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureguidecreative
 
Alexander michael project4
Alexander michael project4Alexander michael project4
Alexander michael project4Malexander34
 
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
 
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
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersBBDO
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized websiteCK Yang
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove DesignMike Vdovin
 
Tablet p4
Tablet p4Tablet p4
Tablet p4trav73
 
Wendt greg mobile_presentation
Wendt greg mobile_presentationWendt greg mobile_presentation
Wendt greg mobile_presentationGreg Wendt
 
Orlando Gonzalez Mobile Presentation
Orlando Gonzalez Mobile Presentation Orlando Gonzalez Mobile Presentation
Orlando Gonzalez Mobile Presentation ogonzalezceo
 

Ähnlich wie Growth of Mobile and Tablet Technology (20)

Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....Mobile website --- Web is in pocket....
Mobile website --- Web is in pocket....
 
01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application development
 
How to create a mobile version of your website
How to create a mobile version of your websiteHow to create a mobile version of your website
How to create a mobile version of your website
 
01 Mobile Jungle
01 Mobile Jungle01 Mobile Jungle
01 Mobile Jungle
 
chapter2
chapter2chapter2
chapter2
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for Business
 
Responsive Web Design - Why and How
Responsive Web Design - Why and HowResponsive Web Design - Why and How
Responsive Web Design - Why and How
 
Mornington Peninsula responsive design
Mornington Peninsula responsive designMornington Peninsula responsive design
Mornington Peninsula responsive design
 
Mobile and Tablet Design for Business
Mobile and Tablet Design for BusinessMobile and Tablet Design for Business
Mobile and Tablet Design for Business
 
Guide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureGuide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFuture
 
Alexander michael project4
Alexander michael project4Alexander michael project4
Alexander michael project4
 
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 ?
 
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)
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized website
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
Tablet p4
Tablet p4Tablet p4
Tablet p4
 
Wendt greg mobile_presentation
Wendt greg mobile_presentationWendt greg mobile_presentation
Wendt greg mobile_presentation
 
Orlando Gonzalez Mobile Presentation
Orlando Gonzalez Mobile Presentation Orlando Gonzalez Mobile Presentation
Orlando Gonzalez Mobile Presentation
 
Mobile web development
Mobile web development Mobile web development
Mobile web development
 

Kürzlich hochgeladen

A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 

Kürzlich hochgeladen (20)

A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 

Growth of Mobile and Tablet Technology

  • 1. The Age of Mobile/Tablet Technology
  • 2. Growth of Tablet/Mobile Design • 84% of American Adults Own Cellphones & 38% of Those People Own Smartphones. • 8 -12% of U.S Adults Own Tablets
  • 3. Estimated Future Usage • It is estimated that over 275 million tablets will be sold by 2015. • Over 200 million people will have smartphones/ta blets by 2015.
  • 4. Web Design Impact • Proportion when it comes to Mouse vs. Finger Navigation on a tablet must be easier and bigger than on a PC. Web designers must find that middle ground. • Fluidity & Width Adjustment Having to scale down the fixed-width and readjust the fluid-width to match new dimensions.
  • 5. • Adjust To New Languages Ex. Implementing HTML5 to Replace aging Adobe Flash for compatibility. Also, learn other languages such as: XHTML & CSS to work on building sites and applications.
  • 6. Current Technologies Used for Accessibility • World Wide Web Consortium’s (W3C’S) Allows all devices accessing the website to display the info on the page. • Wireless Application Protocol (WAP) Standardizes the way wireless devices can be used for.
  • 7. Websites that Don’t Work Well on Mobile/Tablets • Two websites that do not work that well are Wikipedia.org & mobile.Craigslist.org They do not have a single column view, so therefore the sites are unorganized and have too much to scroll through.
  • 8. Websites that Work Well on Mobile/Tablet Devices • 1-800-Flowers Invest in building award winning mobile experiences.
  • 9. • ORBITZ.com Another company that prides themselves on creating great mobile experiences.
  • 10. Adult Literacy League: Recommendations For Accessibility On Mobile & Tablet Devices • Create a mobile-friendly Simple page structure • Reduce the amount of content • Present the navigation differently • Minimize text entry • Decide whether you need more than 1 mobile site • Design for touchscreen & non-touchscreen users • Take advantage of inbuilt functionality
  • 11. References • http://www.poynter.org/latest-news/media-lab/mobile-media/138137/how- people-use-smartphones-and-tablets-and-what-it-means-for-your-mobile- strategy/ • http://www.quora.com/eBooks/What-is-the-number-of-people-using-tablets-and- smartphones-to-read-ebooks • • http://cmvlive.com/technology/gadgets/smartphones-tablets-are-likely-to-impact- direction-of-future-digital-signage • • http://webdesign.tutsplus.com/articles/how-the-ipad-and-tablets-are-driving- new-web-design-trends/ • • http://www.edu.uwo.ca/inclusive_education/Knowled3.asp •
  • 12. Continued • http://searchmobilecomputing.techtarget.com/definition/WAP • http://www.designcaffeine.com/articles/mobile-websites-tablet-apps-and-hybrids-7-mobile- strategy-tips-for-2012/ • http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from- desktop-web-sites.php • • http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-guidelines.shtml • • • http://www.google.com/imgres?q=smart+phones+and+tablets&um=1&hl=en&biw=1024&bih=75 4&tbm=isch&tbnid=zNkMGJl1Jgd-sM:&imgrefurl=http://blog.readability.com/2011/03/meet-the- new-readability-mobile/&docid=UzLfQpPbx-zZRM&imgurl=http://blog.readability.com/wp- content/uploads/2011/03/rdb_mobile02.jpg&w=525&h=469&ei=omChT5PVCIPq2AXvzNncCQ&zoo m=1&iact=hc&vpx=209&vpy=138&dur=446&hovh=212&hovw=238&tx=97&ty=110&sig=11319773 9347632121179&page=2&tbnh=135&tbnw=151&start=20&ndsp=25&ved=1t:429,r:1,s:20,i:120

Hinweis der Redaktion

  1. Eighty-four percent of American adults own cellphones; 38 percent of those people own smartphones.  About 8 to 12 percent of U.S. adults own a tablet, depending on the survey. That figure could reach 23 percent by early next year.  Tablets: 90.3 million people Smartphones: 71.6 million people  IHS iSuppli forecasts 275 million tablets worldwide (all tablets, not just iPads) will be sold by 2015. At home in America, 65 percent of the population, some 200 million, will have smartphones and/or tablets by 2015, an In-Stat study says.  
  2. Mouse vs. FingerProportion when it comes to mouse vs. finger. Navigation on a tablet needs to be easier and bigger than on a PC. Web designers must find that middle ground. Large enough to easily navigate on a tablet, but not too big that it looks silly on a computer.. Fluidity & WidthWeb designers have had to scale down the fixed-width of their designs to fit the 768px width that is common for a tablet or mobile devices. Also they have had to readjust the fluid-width to match the new dimensions. However web designers have had problems predicting the environment that someone will view their site through New Technologies Web designers have had to adjust to the new technologies in design. Most web designers are implementing HTML5 to replace the aging Adobe Flash. This causes their websites to be more compatible with tablets and mobile devices. LanguagesWeb designers have had to learn more languages like HTML,XHTML, and CSS to work on building sites and applications. This makes everything become more user friendly on tablets and mobile devices.
  3.  World Wide Web Consortium's (W3C's) XHTML Transitional 1.0Designing to a W3C standard and validating the coding allows all devices accessing the website to effectively display the information on the page. This removes any guesswork the computing device, accessing the website, must make when incorrect coding is used. This benefits people using:computers with full sized screens;web access devices with small screens - hand-held devicesbrowsers with different presentation capabilities; WAP (Wireless Application Protocol) is a specification for a set of communication protocols to standardize the way that wireless devices, such as cellular telephones can be used for Internet access, including e-mail, the World Wide Web, newsgroups, and instant messaging.
  4. Smartphone users don’t want to be overloaded by content. Usually they have an objective, and will move on quickly after it’s completed. Take fancy last-minute gift giving – a perfect example of mobile context of use. Companies like 800 Flowers invest in building award-winning mobile experiences: Mobile site designs should give priority to the features and content users are most likely to need when viewing a site using a mobile device. Another website that does well on mobile is Orbitz 
  5.  For the Adult Literacy Group to continue the mission to develop readers and build a strong literate community. I recommend you make your website accessible on mobile devices by following these steps…. Create a mobile-friendly Simple page structure (I would suggest that you to use a typical one-column layout which is very popular for this kind of site).Reduce the amount of content (Not everything shown on a PC site can fit reasonably onto a mobile web page & Only include the most important content or features)Present the navigation differently (It's difficult to fit the navigation across the top of the screen on a mobile web page. On the homepage place the navigation and site search at the top of the page, and leave content for later pages.Minimize text entry (Entering text onto websites using mobile phones is much more difficult than when using a desktop or laptop keyboard. users make far more errors and are significantly slower when typing on even the best mobile keyboard)Decide whether you need more than 1 mobile site (Screens and processing power on mobile phones vary tremendously. If your mobile website is only going to be seen by smartphone users with fast download speeds then one mobile version will be ok. However, if you want a broader reach then you should consider creating a paired down version.Design for touchscreen and non-touchscreen users (Smartphones account for the majority of mobile Internet usage in many countries, including the UK and USA. So, it's important that your mobile site should be optimized for smartphones. These have typically have large touchscreens screens but may have a more traditional trackball, joystick or directional keys).Take advantage of inbuilt functionality (Many mobile phones have an advantage over PCs - they come with lots of inbuilt functionality that most PCs don't have. You can make it easier for users to perform certain tasks by utilising a mobile's inbuilt functionality and thereby remove the need for manual steps).