Entering the                  World of Mobile                  & Tablet Design                           Jen Brunner      ...
Thursday, March 1, 2012
Reasons to go mobile                    • Do you see anyone WITHOUT a                      phone?                    • Hel...
Some tips on mobile                             development                    • Design for mobile     • Verticle navigati...
Other Advantages:   Keeping everyone up to date on where                              you’re going to be!                 ...
10 Ways mobile sites and                  desktop sites differ                    • Mobile sites usually only include     ...
• Mobile sites avoid promotional or                      marketing graphics.                    • Mobile sites have global...
• Mobile sites do not have progress                      indicators.                    • Mobile sites do offer better int...
With starting with mobile design, we can stay at the head of the                            “pack” in the race of web/mobi...
References                    •     http://sixrevisions.com/web-development/mobile-web-design-best-                       ...
Upcoming SlideShare
Loading in...5
×

Jen brunnerproject4

181

Published on

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

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
181
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Jen brunnerproject4

  1. 1. Entering the World of Mobile & Tablet Design Jen Brunner Project 4 - FWDThursday, March 1, 2012
  2. 2. Thursday, March 1, 2012
  3. 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 economyThursday, March 1, 2012
  4. 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. 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. 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. 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. 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. 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. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×