Differences between revisions 11 and 12
Revision 11 as of 2010-11-25 01:12:46
Size: 4121
Editor: shoobe01
Comment:
Revision 12 as of 2010-11-25 01:26:58
Size: 4260
Editor: shoobe01
Comment:
Deletions are marked like this. Additions are marked like this.
Line 44: Line 44:
For drilldowns: Title pages subsidiary to the Idle Screen. Home Screens should be distinctly different from application screens. It should be clear when on a Home Screen, and especially clear when on the Idle Screen.
Line 46: Line 46:
For multi-page home screens: These are usually considered to be a single page larger than the viewport, and use the '''[[Film Strip]]''' pattern to access the several screens. When on a drilldown menu Home Page screen, title all screens after the main screen. Usually, this will follow the title of the icon or link used to load it, and should be accompanied by the same icon.
Line 48: Line 48:
Position: must be communicated scrollbar, or other scroll position indicators depending on what works best. Both for scrolling of lists in drilldowns, and for side-scrolling on multi-page home screens. Multi-page Home Screens must have a Location Within widget to indicate which of the pages is currently in view.
Line 52: Line 52:
F Jagged icons?

Nonsense (and inconsistent) labels,... or is that not about designing a home screen???

Problem

A default condition must be available for display once the device has started, and to return to when all other processes and applications have exited.

Solution

All mobile devices have an Idle Screen, originally when the device is not doing anything (it is idle). This is used as a launching point or when the user is not specifically asking anything of the device. This is akin to the desktop on a computer, and provides a method to access all the applications, services and and information stored on the device.

Kiosks and similar constrained interfaces, which present a small number of fixed options are not different and still can be considered Idle Screens. They are simplified due to the regular influx of new users and the relatively low number of options offered.

Do not confuse the Idle Screen with Lock Screen or any other seemingly default screen if it does not provide the same immediate access to available functions.

Variations

Most devices mix several design methods, in order to achieve all the needed goals.

The Idle Screen is the single screen which is loaded when the device is powered on, or when all applications are exited.

The Home Screens encompass all the device-level menus that contain links to the applications. The Idle Screen is invariably one of these Home Screens.

Idle Screens generally follow one of two patterns:

  • The Idle Screen is largely occupied with status information and may have little or no direct access to applications.
  • The Idle Screen is the center one of a series of related screens with iconic representations of many or all of the applications loaded onto the device, generally displayed as a Grid with the Film Strip pattern used to move to and between other Home Pages.

Additional information is almost always available via a list of all applications on the device. These are most often vertical Thumbnail Lists, but may continue using icons as the primary label, in a Grid format. Items should be hierarchically ordered, ideally with user control over folder names and contents, to organize the information as needed.

Status on the Idle Screen has traditionally used fixed elements, or those with only limited customization. "Widgets" are now supported on many devices, which may vary from interactive Icons to display or interactive elements that occupy a large portion of the screen.

Some applications may appear to be continuous with the drilldown method of access. Settings, for example, should usually be considered an application, but the interface and interaction may be so seamless the user is unaware they have left the Home Screen drilldown and entered the Settings application.

Interaction Details

drilldown, click to go... hardware key or SK/SK-like tab is back

For multi-page home screens: These are usually considered to be a single page larger than the viewport, and use the Film Strip pattern to access the several screens.

Modify screens; method (no single pattern) to add/remove/move items on the home/idle screens.

Very often, contextually-intelligent mobile devices should be presenting the last-used state to the user at all times, even after a power cycle. While the Idle Screen will still exist, it will be viewed much less in this case. Consider building interactive methods that avoid the Idle Screen, and allow continuous use of the device, instead of pogo-sticking from one application, to the idle screen, to another application.

Presentation Details

Home Screens should be distinctly different from application screens. It should be clear when on a Home Screen, and especially clear when on the Idle Screen.

When on a drilldown menu Home Page screen, title all screens after the main screen. Usually, this will follow the title of the icon or link used to load it, and should be accompanied by the same icon.

Multi-page Home Screens must have a Location Within widget to indicate which of the pages is currently in view.

Antipatterns

Jagged icons?

Nonsense (and inconsistent) labels,... or is that not about designing a home screen???

Examples

Home & Idle Screens (last edited 2013-04-10 23:54:56 by localhost)