SlideShare Presentation on Mobile/Tablet Design


Published on

Examines the impact of the growth of mobile/tablet use on web design.

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • It is very important to consider designing web sites with tablet and mobile technology in mind, as Forrester Research shows the # of US tablets sales to go from 10.3 million in 2010 to 24.1 million in 2011. Tablet sales are forecast to grow to 44 million units sold by 2015 when 82 million people in the US will own a tablet, one third of the online population (reported by TechCrunch on January 4, 2011.)
  • According to Morgan and Stanley, not only does the chart show high growth predictions over the next five years, but the mobile and tablet arena will be taking over the PC it is more important now to make sure your website is accessible and viewable by these devices.
  • Not only individuals are using tablets and mobile devices more but by this chart, we see that companies are allowing their employees to utilize the devices at work and the tablets and Mobile technology is growing on the corporate level.
  • We are seeing growth and prediction of more Tablets and Mobile devices (with Tablets in the lead)..we are seeing that when people use their tablets, they are using the tablets to do more consumption of material, therefore, content is an extremely important platform to market with, as consumers will make their buying decisions from this consumption of information.
  • As a business, we all know we are going global...but to furthur emphasize the importants to market to mobile and tablet devices...this chart shows the usage outside of the US and this is even a larger arena!
  • As we have seen in the increased usage and the predicted continued increase in mobile and tablet has changed how websites are now designed.
  • The first change is the consumer does not have the luxury of the precision of the mouse can't be too big (or the web design will look silly on a PC) and big enough so even fat fingers can navigate (unlike our little one in this picture)
  • Adaptive design methods are the primary solution as developers employ adaptive CSS to only show if a device is of a certain brand, browser or resolution.
  • Progressive enhancement to build your website will take into consideration of being accessible to multiple platforms and not at the exclusive of any. …..(
  • The Integration of HTML 5 and Like New Technologies is Vital for any website to provide the best user experience.
  • Lots of text problems—contrast, size, centered and flush-left on same page, plus the use of frames.
  • Great user friendly experience!
  • SlideShare Presentation on Mobile/Tablet Design

    1. 1. Impact of mobile technology and web design <ul><li>November 21, 2011 </li></ul><ul><li>By Penny Reis </li></ul><ul><li>Full Sail University IMBS - FWD </li></ul>
    2. 2. Growth of Mobile and tablet usage doubled 2010-2011 Future Forcast To Grow to 82 Million Tablet Users By 2015
    3. 3. Note: all numbers in millions of us adults <ul><li>Source: Forrester Research eReader Forecast, 2010 to 2015 </li></ul>82 Million Users
    4. 4. Tablets are poised to become the Fastest Growing Tech Segment Ever!
    5. 5. tablets and mobile technology <ul><li>Growing on the Corporate Level </li></ul><ul><li>  </li></ul>
    6. 6. Content Regularly accessed
    7. 7. Interest in Purchasing a Tablet over the next 12 Months
    8. 8. Impact of Web design <ul><li>Due to Mobile and Tablet Usage </li></ul>
    9. 9. Finger -vs- Mouse
    10. 10. Fluidity and width
    11. 11. why progressive enhancement is better <ul><li>Initial focus is on providing access to content </li></ul><ul><li>Enhancements are added based on user agent support </li></ul><ul><li>All Enhancments are added in a modular fashion </li></ul><ul><li>This makes CSS, JavaScript, and other plug-ins easier to update </li></ul><ul><li>As user agents change, new enhancements can be added without affecting content </li></ul>
    12. 12. Accessability on all devices
    13. 13. USING html 5 <ul><li>Expands upon a websites optimization </li></ul><ul><li>Decreases Load Time </li></ul><ul><li>Brings Better Quality Video to a Website </li></ul>
    14. 14. USING CSS - STYLING SHEET <ul><li>Allows Easy Styling of HTML 5 </li></ul><ul><li>Allows better Website Structure </li></ul><ul><li>Allows for Information Architecture for browser visibilty. </li></ul>
    15. 17. References cited <ul><li> </li></ul><ul><li> re-driving-new-web-design-trends/ </li></ul><ul><li> </li></ul>