Mobile Tablet Design Presentation

  • 306 views
Uploaded on

In this presentation I cover the impact that mobile and tablet usage is having on web design.

In this presentation I cover the impact that mobile and tablet usage is having on web design.

More in: Education , Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
306
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • 91% of all people on the planet have a mobile phone.
  • 56% of those people who have a mobile phone actually own a smartphone.
  • 50% of mobile user, use their mobile device as their primary source to access the Internet.
  • 72% of all tablet users make a purchase online from their tablet each week.
  • Mobile web usage continues to grow 8 times faster than in the 1990’s and 2000’s.
  • 1.2 Billion people access the web from their mobile device today.
  • How mobile and tablet has impacted web design.
  • Some of the current technologies that can be used to make websites accessible on all devices.
  • Bad examples of mobile websites.
  • A good example of mobile website.
  • A good example of mobile website.

Transcript

  • 1. Mobile/tablet Design William Benford 24 November 2013
  • 2. 91% of all people on the planet have a mobile phone.
  • 3. 56% Of Those People Own A Smartphone.
  • 4. 50% Of mobile user, use mobile as their primary internet source.
  • 5. 72% Of tablet users purchase online from their tablets each week.
  • 6. 8X Mobile Web Usage Continues to grow 8x faster than 1990’s and 2000’s.
  • 7. 1.2 Billion People Accessing the web from their mobile device Today.
  • 8. How Mobile / Tablet Has impacted Web design • Transition from Point and Click to Touch and Swipe • Vertical Navigation vs. Horizontal Navigation • Clean, Simple, and Touch Friendly • Content Prioritization • Text and Graphics
  • 9. Current Technologies That Can Be Used To Make Websites Accessible on All Devices. • HTML5 • CSS (Cascading Style Sheets) • W3C’s (World Wide Web Consortium) • UAAG (User Agent Accessibility Guidelines)
  • 10. Bad Examples
  • 11. Good Examples
  • 12. Good Examples
  • 13. References http://www.digitalbuzzblog.com/infographic-2013-mobile-growth-statistics/ http://mashable.com/2011/08/05/mobile-design-priority/ http://sixrevision s.com/web-development/mobile-web-design-best-practices/ http://www.sitepoint.com/7-tips-to-make-your-web-site -mobile-friendly/ http://www.imediaconnection.com/content/31232.asp#singleview http://www.impactbnd.com/9-awesome-examples-of-effectivemobile-website-design/