Monday, October 26, 2009

Maemo 5 GUI Design Template (GUI PSD)


The Maemo 5 documentation now includes also the GUI Design Template, which allows one to create high-fidelity image mockups.

Currently the GUI Design template is available in Photoshop format that has a fairly comprehensive library of assets – all fully editable.

As is usual with these things, this is not something you'd use e.g. for wireframes or as a replacement for pen an paper. This is more useful for situations where pixel perfectness is needed.

Sunday, October 11, 2009

Designing UI for Maemo 5 (Maemo Summit 2009)

I had a presentation in Maemo Summit 2009 about Designing UI for Maemo 5. The slides of the presentation are available in slideshare.

Abstract:
How to make the applications work together as an integrated whole?

This talk will discuss the UI Design of the Maemo 5 product as an "application portfolio". Design patterns as well as application specific designs are presented, and the reasoning for the design decisions.

Design of the pre-installed applications in the Maemo 5 product is discussed, highlighting the UI flows, common user experience solutions and power user features. Throughout the application walk-through, the structure and "look and feel" of the applications is categorized, resulting in a conceptual design tool for 3rd party application designers and developers.