Via Mariam, she came across an article that discusses designing websites for mobile devices.
It includes some talk about usability guidelines on mobile and offers code examples to explore.
Mobile Stencils Are Here To Stay
There is also a download to a Yahoo Mobile Stencil collection for wire framing and paper prototyping applications:
The stencil library consists of generic (mobile) user interface stencil assets, as well as specific templates for both iPhone and Nokia/BlackBerry.
• Ad Units
• Charts and Tables
• UI Controls
• Form Elements
• Menus and Buttons
• Mobile – General
• Mobile – iPhone
• Navigation and Pagination
• OS Elements
• Placeholder Text
• Screen Resolutions
• Windows and Containers
Consider adding the stencils your existing work flow, and leverage in paper prototyping during design phases.
You have to do prototype design, before development begins (more often, than not) … right? … I hope so!
Good ol’ pencil and paper are mightier than the fingers and keyboard?
Almost all mobile content devigners(developers+designers) sketches and story boarding of mobile content flow, in the very least before a project begins (depending on its scope, of course).
When developing for Flash Lite, user interface is not constrained as much in a lot of design directions you can take (compared to some other mobile development platforms). Thus, lotsa find sketching on paper is the best way to come up with, and play with new ideas on mobile app flow and layout.
Of course, a lot of the time, many pieces of UI work or “feel the same” across platforms and devices. These are often look alike. For instance the softkeys like bottom nav, top nav for battery and signal strength, etc on certain mobile applications.
Downloads are here:
Yahoo! Design Stencil Kit version 1.0
(pdf, svg, png, Visio, OmniGraffle)