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