Entering the World of Mobile & Tablet Design Jen Brunner Project 4 - FWD Thursday, March 1, 2012
Entering the World of Mobile & Tablet Design
Jen BrunnerProject 4 - FWD
Thursday, March 1, 2012
Thursday, March 1, 2012
Reasons to go mobile
• Do you see anyone WITHOUT a phone?
• Help spread the Word• Largest Audience is NOW mobile• Keeping up with the ever changing
economy
Thursday, March 1, 2012
Some tips on mobile development
• Design for mobile first!
• Thinking mobile first, means you put speed first!
• Too slow, loses interest!
• Verticle navigation instead of horizontal navigation!
Thursday, March 1, 2012
Other Advantages: Keeping everyone up to date on where you’re going to be!
(picture taken in Buffalo, NY; Aug.2010)
Thursday, March 1, 2012
• Mobile sites usually only include specific functions and content.
• Mobile requires more vertical navigation, while desktop prefer horizontal.
• Hypertext may be common on desktops, but few to none on mobile devices.
10 Ways mobile sites and desktop sites differ
Thursday, March 1, 2012
• Mobile sites avoid promotional or marketing graphics.
• Mobile sites have global navigation, but contextual navigation in rare.
• Mobile sites do not have a normal footer area, there are no quick links.
• Most mobile sites are flat, and do not contain “breadcrumbs.”
Thursday, March 1, 2012
• Mobile sites do not have progress indicators.
• Mobile sites do offer better integration with phone functions.
• Mobile sites have technology that detects where the users are to present local search results, they are given personalization options.
Thursday, March 1, 2012
With starting with mobile design, we can stay at the head of the “pack” in the race of web/mobile/tablet design!
Let’s go PitBull Board!!!
Thursday, March 1, 2012
References
• http://sixrevisions.com/web-development/mobile-web-design-best-practices/
• http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php
• http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/
• http://www.netmagazine.com/features/mobile-first
• http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php
• http://mashable.com/2011/08/05/mobile-design-priority/
• PitBull Boards pics from past years. (rights reserved)
Thursday, March 1, 2012