Jen brunnerproject4
-
Upload
jenbrunner -
Category
Education
-
view
174 -
download
0
description
Transcript of Jen brunnerproject4
![Page 1: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/1.jpg)
Entering the World of Mobile & Tablet Design
Jen BrunnerProject 4 - FWD
Thursday, March 1, 2012
![Page 2: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/2.jpg)
Thursday, March 1, 2012
![Page 3: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/3.jpg)
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
![Page 4: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/4.jpg)
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
![Page 5: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/5.jpg)
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
![Page 6: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/6.jpg)
• 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
![Page 7: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/7.jpg)
• 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
![Page 8: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/8.jpg)
• 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
![Page 9: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/9.jpg)
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
![Page 10: Jen brunnerproject4](https://reader034.fdocuments.net/reader034/viewer/2022050815/548f944ab47959640d8b4f2a/html5/thumbnails/10.jpg)
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