Upload
aaron-weiche
View
1.669
Download
0
Tags:
Embed Size (px)
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: [email protected]