Presentation on Mobile/Tablet Design

  • 76 views
Uploaded on

The difference in design of website for mobile devices.

The difference in design of website for mobile devices.

  • 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
76
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
  • This is a presentation on mobile and tablet web page design
  • In a dense, 87-page report, Morgan Stanley analysts have charted the most important online trends and predicted the future of the Internet. In addition to forecasting more online shopping and showing the geographical distribution of Internet users, the study also shows a dramatic shift toward mobile web use.
  • Prioritized and focused content, vertical navigation, less hyper-text, media and faster load times are all part of the new formula required for successful mobile web design.
  • If you want to win the battle for market share on the mobile web this is the formula for success. Do you want to win?
  • A Real Estate website originally designed for a desk top.
  • The same real estate website redesigned for mobile devices.
  • Domino’s Pizza desk top website as viewed on a mobile device.
  • The Domino’s Pizza Website reworked to be successful on a mobile device.
  • Successful web sites designed for mobile devices have a simplified design, media that utilizes white space, vertical navigation and a small page size that prioritizes content.
  • Use websites structured for mobile devices to increase your market share.

Transcript

  • 1. Success requires a new formula for mobile web design
  • 2. Mobile Web Marketing Success Formula • • • • • Prioritized and focused Vertical navigation Less hyper-text Media Faster load times
  • 3. Real Estate LOSER
  • 4. Real Estate WINNER
  • 5. Domino’s Pizza LOSER
  • 6. Domino’s Pizza WINNER
  • 7. Make It Happen With Responsive Design Device Locators Asset Locators
  • 8. You have the formula Use it
  • 9. References http://mashable.com/2010/12/16/create-mobile-sitetools/ http://blog.gist.com/2012/06/21/14-tips-for-buildingmobile-friendly-websites/ http://www.forbes.com/sites/work-inprogress/2013/03/26/why-you-need-to-prioritizeresponsive-design-right-now/ http://mobile.smashingmagazine.com/2013/04/03/b uild-fast-loading-mobile-website/
  • 10. Art Work http://mag.sky.it/static/contentimages/original/sezioni/mag/serie_tv/2 012/12/21/breaking_bad_s5_0.jpg http://comicbook.com/wp-content/uploads/2012/12/breaking-bad-timseeley.jpg http://newshour.s3.amazonaws.com/photos/2013/08/26/Breaking-Badscience-3-_blog_main_horizontal.jpg http://www.realestatesites.com/wpcontent/uploads/2011/12/MobileExample.png http://mobilesiteprovider.com/wp-content/uploads/2012/08/mobilewebsite-comparison.jpg http://www.getacoder.com/blog/wpcontent/uploads/2012/10/well_designed_mobile_website.jpg