Mobile Web Design - Five Technology

  • 1,609 views
Uploaded 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.

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

Views

Total Views
1,609
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
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]