SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

Mobile Presentation
Mobile PresentationMobile Presentation
Mobile Presentation
dmkirspel
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobile
Maya 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
 
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
Kristen Edson
 
Mobile Technologies
Mobile TechnologiesMobile Technologies
Mobile Technologies
pryorsw
 
Nick Grant - Roam Solutions
Nick Grant - Roam SolutionsNick Grant - Roam Solutions
Nick Grant - Roam Solutions
LSmiro
 
Is Your Website Mobile Ready?
Is Your Website Mobile Ready?Is Your Website Mobile Ready?
Is Your Website Mobile Ready?
digitalpebbles
 

Tendances (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?
 

Similaire à mobile presentation

Mornington Peninsula responsive design
Mornington Peninsula responsive designMornington Peninsula responsive design
Mornington Peninsula responsive design
SeamlessCMS
 
Alexander michael project4
Alexander michael project4Alexander michael project4
Alexander michael project4
Malexander34
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized website
CK Yang
 
Tablet p4
Tablet p4Tablet p4
Tablet p4
trav73
 

Similaire à mobile presentation (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
 

Dernier

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Dernier (20)

ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
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...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
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...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 

mobile presentation

  • 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

Notes de l'éditeur

  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).