Your SlideShare is downloading. ×
Mobile Web Design - Five Technology
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Mobile Web Design - Five Technology

1,638
views

Published on

Aaron Weiche's presentation on Mobile Web Design from April 15th, 2010 Twin Cities Happy Hour Event. Basics to mobile web design.

Aaron Weiche's presentation on Mobile Web Design from April 15th, 2010 Twin Cities Happy Hour Event. Basics to mobile web design.

Published in: Technology

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,638
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
33
Comments
0
Likes
1
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

Transcript

  • 1. Mobile Web Mobile Web Design Basics
  • 2. AARON WEICHE why-key VP & Founder of Five Technology 10+ Years > 500 websites Web firm with a staff of 15 Any & every functionality Strategy, design, business Blogger, Twitter-er, Facebook-er, Husband, father of 3 daughters, sports, Huskers, gadgets
  • 3. Mobile Web Design Why Design A Website For Mobile? + Our devices go EVERYHWERE with us + Mobile is integrated into our life (work, dining, play, hobbies, social media) + Smart Phones – 72% increase from 08 to 09 *statistics from Nielsen
  • 4. Mobile Web Design Why Design A Website For Mobile? Mobile Devices Have Their Own Rules Smaller Screens Limited Web Browsers Less Connection Speed
  • 5. Mobile Web Design Consider Device Progression, Big Future 1987 – Wall Street - Michael Douglas
  • 6.
    • Let’s Keep It Simple
    • Mobile Web Design, less often equals more.
    • Is it EASY for the user?
    • Is it VALUABLE for the user?
    • Is it FAST for the user?
        • + Few Images + Less Content
  • 7. Let’s Keep It Simple Mobile Web Design, less often equals more. Web: The Mom Test
  • 8. Let’s Keep It Simple Mobile: Driving Test *Analogy courtesy of Jamey Erickson | Seventh Sin
  • 9. Context Is #1 What Matters When “On The Go” + LOCATION + ACCESS + TOOLS (Set appt, check flight)
  • 10. CPA Office Website 50+ Pages Full Content
  • 11. Mobile Website 5 Pages (- 45 pages) + Home/Entry Page + Office Locations + Business Services + Personal Services + About The Firm
  • 12. Five Technology 30+ Pages Full Content
  • 13. Mobile Website 5 Pages (- 25 pages) + Home/Entry Page + Capabilities + Portfolio (4 links) + Blog (Last 3 posts) + Contact
  • 14. Mobile Web Design < Technical Basics > Browser Detection – Is this a mobile device? Well then, here is our mobile version! Most mobile websites reside at: sub-domain http://m.bestweb.com File extension www.bestweb.com/mobile Domain extension www.bestweb.mobi
  • 15. Mobile Web Design < Technical Basics > Use basic HTML & CSS Minimize images in size and use Flush Flash Analyze your targets – smart phones or all mobile
  • 16. Mobile Web Design Taking A Mobile First Step + Seek a pro, get a strategy Use “the Google” and search mobile website creator or mobile website builder WordPress offers Mobile Edition plug-ins
  • 17.  
  • 18.
    • THANKS, LET’S CONNECT
    • Twitter: @AaronWeiche and/or @FiveTechnology
    • Connect with me on LinkedIn and Facebook
    • Fan Five Technology on Facebook
    • Email: [email_address]