Jen brunnerproject4
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Jen brunnerproject4

on

  • 281 views

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!

Statistics

Views

Total Views
281
Views on SlideShare
281
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Jen brunnerproject4 Presentation 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