Design

Differences between revisions 5 and 6
⇤ ← Revision 5 as of 2013-01-23 20:09:31 →
Size: 2132
Editor: 99-41-167-234
Comment:
← Revision 6 as of 2013-02-13 20:04:58 → ⇥
Size: 651
Editor: dpm
Comment: Updated page after the release of the App Design Guides
Deletions are marked like this. Additions are marked like this.
Line 7: Line 7:
As part of the core apps project we want to encourage our community to create and submit designs that can be used as food for thought when our community builds the apps. '''The Canonical Design Team is finalizing a set of design guidelines soon, but until they arrive, here are set of suggestions to keep your design inline with the design goals of the phone'''. As part of the core apps project we want to encourage our community to create and submit designs that can be used as food for thought when our community builds the apps.
Line 10: Line 10:

== Sample Designs ==

Here are some example screenshots from designs created for some existing apps for the phone:

|| {{http://www.ubuntu.com/static/u/img/devices/phone-3-edge-magic-twitter.png}} || {{http://www.ubuntu.com/static/u/img/devices/phone-5-edge-magic-gallery-no-controls.png}} ||

== Design Suggestions ==

When creating your designs, please be sure to follow these guidelines:

 * Always include a human-readable name for the app at the top (for example 'Events' in the image above).
 * While swiping is fine inside an app, never ever depend on swiping from the edges - the edges are reserved for the main phone OS.
 * Functionality that relates to each screen (e.g. adding a calendar event to a calendar) should be accessible from the menu that appears when you swipe up from the bottom of the screen. In your designs just add this menu at the bottom of the screen and indicate this.
 * A core design value is that we ''focus as much as possible'' on content without cluttering up the user interface with controls, sliders, buttons and other content. Please try to follow this same design principle in your designs.
 * Please only use controls that are supported by the SDK. This includes most common widgets such as buttons, scrollbars, tabs, labels etc.

Design Suggestions

As part of the core apps project we want to encourage our community to create and submit designs that can be used as food for thought when our community builds the apps.

Please note that we are primarily looking for wire-frame mock-ups of designs and not for final visual designs. Most of the visual design is automatically delivered by the SDK.

How To Add a Design

Touch/CoreApps/Design (last edited 2013-02-15 17:34:55 by mhall119)