Mobile Web Design - Five Technology

Preview:

DESCRIPTION

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

Citation preview

Mobile WebMobile Web DesignBasics

AARON WEICHE why-key

VP & Founder of Five Technology10+ Years > 500 websitesWeb firm with a staff of 15Any & every functionalityStrategy, design, businessBlogger, Twitter-er, Facebook-er, Husband, father of 3 daughters, sports, Huskers, gadgets

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

Mobile Web Design Why Design A Website For Mobile?

Mobile Devices Have Their Own Rules Smaller ScreensLimited Web BrowsersLess Connection Speed

Mobile Web Design Consider Device Progression, Big Future

1987 – Wall Street - Michael Douglas

Let’s Keep It SimpleMobile Web Design, less often equals more.

1.Is it EASY for the user?2.Is it VALUABLE for the user?3.Is it FAST for the user?

+ Few Images+ Less Content

Let’s Keep It SimpleMobile 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 #1What 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 The Firm

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!

Most mobile websites reside at:sub-domain http://m.bestweb.comFile extension www.bestweb.com/mobile Domain extension www.bestweb.mobi

Mobile Web Design < Technical Basics >

Use basic HTML & CSSMinimize images in size and useFlush Flash

Analyze your targets – smart phones or all mobile

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

THANKS, LET’S CONNECT

• Twitter: @AaronWeiche and/or @FiveTechnology

• Connect with me on LinkedIn and Facebook • Fan Five Technology on Facebook

• Email: aaron@fivetechnology.com

Recommended