design for mobile links and resources
DESCRIPTION
A deck containing web links on mobile usability, interface guidelines, user interface, and more for attendees of SVC's workshop, Design for Mobile Devices.TRANSCRIPT
3
LINKS & RESOURCES: GENERAL MOBILE UX GUIDELINES
OVERVIEW
.mobi dev guidelines for creating mobile sites http://www.mobiforge.com/starting
Report on Mobile Access http://www.pewinternet.org/Reports/2010/Mobile-Access-2010.aspx?r=1
Mobile Use Metrics http://metrics.admob.com/wp-content/uploads/2010/06/May-2010-AdMob-Mobile-Metrics-Highlights.pdf
Developer Ecosystem - Mobile Platforms http://techcrunch.com/2010/07/05/mobile-developer-economics-2010/
4
OVERVIEW
LINKS & RESOURCES: DEVICE SPECIFIC INTERFACE GUIDELINES
Android UI guidelines http://developer.android.com/guide/topics/ui/index.html
Windows Phone 7 guidelines http://download.microsoft.com/download/D/8/6/D869941E-455D-4882-A6B8-0DBCAA6AF2D4/UI%20Design%20and%20Interaction%20Guide%20for%20Windows%20Phone%207%20Series.pdf
Apple HI guidelines http://developer.apple.com
Blackberry Human Interface Guidelines http://docs.blackberry.com/en/developers/deliverables/6622/BlackBerry_Smartphones-US.pdf
Palm WebOS HI guidelines http://developer.palm.com
6
OVERVIEW
Iphone PSDs http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/
Ipad PSDs http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/
Apple Mobile files, icons http://speckyboy.com/2010/04/30/iphone-and-ipad-development-gui-kits-stencils-and-icons/
Iphone WFs http://fullofdesign.com/posts/iphone-app-wireframe-template/
http://erikloehfelm.blogspot.com/2009/05/iphone-ux-sketch-templates.html
http://www.geekchix.org/blog/2010/01/03/a-collection-of-printable-sketch-templates-and-sketch-books-for-wireframing/#mobi
Droid files (PSDs, Fonts, Icons, etc...) http://www.mobilelove.org/2010/01/02/android-design-templates/
Droid Sketch resources http://www.smashingmagazine.com/2010/03/29/free-printable-sketching-wireframing-and-note-taking-pdf-templates/
http://graffletopia.com/stencils/578
Palm Design Files http://www.maxkiesler.com/2010/03/18/smartphone-design-templates-for-android-iphone-and-palm-pre/
BlackberryBold http://digitalphenom.deviantart.com/art/RIM-Blackberry-PSD-111857107
LINKS & RESOURCES: DESIGN & UI TEMPLATES
7
OVERVIEW
LINKS & RESOURCES: DESIGN REFERENCES
Mobile Awesomeness: Latest (and usually greatest) from mobile website design. http://www.mobileawesomeness.com/
Mobile Awesomeness Blog: Great source for the latest templates, wizzy-wigs, etc... http://www.mobileawesomeness.com/blog/
Mobile Awesomeness Resources: Some of these links are outdated, but others are still helpful. http://www.mobileawesomeness.com/mobile-web-resources/
8
OVERVIEW
LINKS & RESOURCES: QUICK STARTERS & “WYSIWYG’S”
Google App Inventor: Android http://appinventor.googlelabs.com/about/index.html
http://www.youtube.com/watch?v=8ADwPLSFeY8
Red Foundry: Iphone / iPad http://redfoundry.com/
HTML5 Mobile App Framework http://www.sencha.com/
10
OVERVIEW
LINKS & RESOURCES: FIREFOX EMULATOR
WML Browser add-on for Firefox https://addons.mozilla.org/en-US/firefox/addon/62/
XHTML Mobile Profile add-on for Firefox https://addons.mozilla.org/en-US/firefox/addon/1345/
User Agent Switcher add-on for Firefox https://addons.mozilla.org/en-US/firefox/addon/59/