Mobile Web Design - Five Technology

1,993 views
1,864 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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,993
On SlideShare
0
From Embeds
0
Number of Embeds
99
Actions
Shares
0
Downloads
36
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Mobile Web Design - Five Technology

  1. 1. Mobile Web Mobile Web Design Basics
  2. 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. 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. 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. 5. Mobile Web Design Consider Device Progression, Big Future 1987 – Wall Street - Michael Douglas
  6. 6. <ul><li>Let’s Keep It Simple </li></ul><ul><li>Mobile Web Design, less often equals more. </li></ul><ul><li>Is it EASY for the user? </li></ul><ul><li>Is it VALUABLE for the user? </li></ul><ul><li>Is it FAST for the user? </li></ul><ul><ul><ul><li>+ Few Images + Less Content </li></ul></ul></ul>
  7. 7. Let’s Keep It Simple Mobile Web Design, less often equals more. Web: The Mom Test
  8. 8. Let’s Keep It Simple Mobile: Driving Test *Analogy courtesy of Jamey Erickson | Seventh Sin
  9. 9. Context Is #1 What Matters When “On The Go” + LOCATION + ACCESS + TOOLS (Set appt, check flight)
  10. 10. CPA Office Website 50+ Pages Full Content
  11. 11. Mobile Website 5 Pages (- 45 pages) + Home/Entry Page + Office Locations + Business Services + Personal Services + About The Firm
  12. 12. Five Technology 30+ Pages Full Content
  13. 13. Mobile Website 5 Pages (- 25 pages) + Home/Entry Page + Capabilities + Portfolio (4 links) + Blog (Last 3 posts) + Contact
  14. 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. 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. 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. <ul><li>THANKS, LET’S CONNECT </li></ul><ul><li>Twitter: @AaronWeiche and/or @FiveTechnology </li></ul><ul><li>Connect with me on LinkedIn and Facebook </li></ul><ul><li>Fan Five Technology on Facebook </li></ul><ul><li>Email: [email_address] </li></ul>

×