Mobile Design Elements

Templates & Stencils

Little Springs Design (soon, revised and switching to 4ourth Mobile style)

A bunch of mobile components (and some other info, like typography) for general mobile design, as well as gestures, and even iPhone specific stuff for the fanbois. Includes the templates used to make the illustrations and diagrams for this wiki.

If you are still on Freehand (and we salute you) the old, not-at-all-updated version

Yahoo!

Nokia, Et. Al.

Includes Symbian Foundation, and so forth. Even though some of those are not really 100% Nokia.

Graffletopia

Teehan-Lax

Smashing Magazine

Developer.Android

UI Guidelines

Documentation, forums, lists and other methods device and OS makers use to communicate their UI guidelines. These periodically move, so if you see a broken link, please update it.

Templates and stencils, even from these people, will be listed above where known.

Android (from Google and OEMs)

* Android User Interface Guidelines * Motorola’s Best Practices for Android UI

Apple iOS

* iPhone Human Interface Guidelines website * iPhone Human Interface Guidelines PDF * iPad Human Interface Guidelines * iPad Human Interface Guidelines PDF

Microsoft Windows CE, Mobile & Phone

* UI Guidelines for Windows Mobile * Windows Touch UI Guideline * UI Design & Interaction Guide for Windows Phone 7 (PDF)

Nokia, Symbian, Et. Al.

* http://library.forum.nokia.com/index.jsp?topic=/Design_and_User_Experience_Library/GUID-A8DF3EB8-E97C-4DA0-95F6-F464ECC995BC_cover.html">Nokia Design & User Experience Library * Symbian^3 UI Style Guidelines (PDF) * Forum Nokia Design Portal (PDF) * Symbian UI Wiki * Nokia Series 40 UI Style Guide * Hildon UI Guidelines for Nokia Maemo

Palm WebOS

* webOS UI Guidelines

RIM Blackberry

* UI Guidelines for BlackBerry 6.0 Smartphones website * UI Guidelines for BlackBerry 6.0 Smartphones PDF * UI Guidelines for BlackBerry 4.x, 5.x Smartphones * UI Guidelines for BlackBerry 4.x, 5.x Smartphones PDF * BlackBerry Browser Content Design Guidelines (PDF)

Samsung Bada

* http://dpimg.ospos.net/contents/docs/resources_1004/com.osp.appuiguide.help/html/FramesetMain.html?menu=MC01010403&mtb1=&mtb2=">Bada Application UI Guide

Sony Ericsson WHICH OS

* Sony Ericsson UI Rulebook

Documentation Templates

Lots of documentation styles will work. Use your favorite one, or...

Little Springs has a mobile-specific documentation style, but it is still project (client) specific as yet. When we get a chance we'll sanitize it, write it up and share it here.

Drawing Tool Tips & Tricks

Just a list that we keep for ourselves, so we don't forget things. Feel free to add items, or even categories, if there's a tool you want to share your notes about.

Links, Guides, Other Stuff