Your SlideShare is downloading. ×
Jen brunnerproject4
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Jen brunnerproject4

164
views

Published on

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

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
164
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Entering the World of Mobile & Tablet Design Jen Brunner Project 4 - FWDThursday, 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 economyThursday, 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