V | E | C | T | O | R | XD For The Future

Posts tagged ‘Mobile Usability’

New FN article on Touch based interaction

This is an article that I have always had in my mind. It is a tutorial on how to use and detect LongPress on touch based phones. In this article, I talk about the design issues, UI considerations and challenges associated with the longPress gesture.

A simple Flash Lite 2.0 code example has also been attached.

Advertisements

Yahoo’s Design Stencil Kit: A Generic Mobile Design Assets for Wireframing and Paper Prototyping

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.

It includes:

• Ad Units
• Calendars
• Carousels
• Charts and Tables
• UI Controls
• Form Elements
• Grids
• Menus and Buttons
• Mobile – General
• Mobile – iPhone
• Navigation and Pagination
• OS Elements
• Placeholder Text
• Screen Resolutions
• Tabs
• 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)

Tag Cloud

%d bloggers like this: