Your SlideShare is downloading. ×
0
Mobile Web Mobile Web Design Basics
AARON  WEICHE  why-key VP & Founder of Five Technology 10+ Years  >   500 websites Web firm with a staff of 15 Any & every...
Mobile Web Design  Why Design A Website For Mobile? + Our devices go  EVERYHWERE  with us + Mobile is integrated into our ...
Mobile Web Design  Why Design A Website For Mobile? Mobile Devices Have  Their Own Rules Smaller Screens Limited Web Brows...
Mobile Web Design  Consider Device Progression, Big Future 1987 – Wall Street - Michael Douglas
<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...
Let’s Keep It Simple Mobile Web Design, less often equals more.   Web:  The Mom Test
Let’s Keep It Simple Mobile:  Driving Test *Analogy courtesy of Jamey Erickson | Seventh Sin
Context Is #1 What Matters When “On The Go” + LOCATION + ACCESS + TOOLS  (Set appt, check flight)
CPA Office Website 50+ Pages Full Content
Mobile Website 5 Pages  (- 45 pages) + Home/Entry Page + Office Locations + Business Services + Personal Services + About ...
Five Technology 30+ Pages Full Content
Mobile Website 5 Pages  (- 25 pages) + Home/Entry Page + Capabilities + Portfolio (4 links) + Blog (Last 3 posts) + Contact
Mobile Web Design  < Technical Basics > Browser Detection – Is this a mobile device? Well then, here is our mobile version...
Mobile Web Design  < Technical Basics > Use basic HTML & CSS Minimize images in size and use Flush Flash Analyze your targ...
Mobile Web Design  Taking A Mobile First Step + Seek a pro, get a strategy Use “the Google” and search  mobile website cre...
 
<ul><li>THANKS, LET’S CONNECT </li></ul><ul><li>Twitter:  @AaronWeiche  and/or  @FiveTechnology </li></ul><ul><li>Connect ...
Upcoming SlideShare
Loading in...5
×

Mobile Web Design - Five Technology

1,687

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,687
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
34
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×