This was a project I did for my Web Design Fundamentals class. Final Project!

1. Entering the
World of Mobile
& Tablet Design
Jen Brunner
Project 4 - FWD
Thursday, March 1, 2012

2. Thursday, March 1, 2012

3. 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

4. Some tips on mobile
development
• Design for mobile • Verticle navigation
first! instead of
horizontal
• Thinking mobile navigation!
first, means you put
speed first!
• Too slow, loses
interest!
Thursday, March 1, 2012

5. 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

6. 10 Ways mobile sites and
desktop sites differ
• 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.
Thursday, March 1, 2012

7. • 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

8. • 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

9. 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

10. 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