Differences between revisions 8 and 12 (spanning 4 versions)
Revision 8 as of 2010-11-24 21:40:24
Size: 2395
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 6: Line 6:
All devices have an Idle Screen, originally when the device is not doing anything, now as a launching point or when the user is not specifically asking anything of the device... 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.
Line 8: Line 8:
Akin to the desktop for a computer...

Must provide access to everything 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.
Line 14: Line 12:
eReader solution: sometimes there isn't one????
Line 18: Line 14:
Drilldown menu - S60 as archetype, but anything really - May be icons or text. Most devices mix several design methods, in order to achieve all the needed goals.
Line 20: Line 16:
Field of items (usually icons) larger than the viewport. General method is a horizontal scroll to get to other "screens" and one is considered the Idle screen. The '''Idle Screen''' is the single screen which is loaded when the device is powered on, or when all applications are exited.
Line 22: Line 18:
Many devices will use both methods. ***Either way: a screen of icons which when opened reveal drilldown menus, or the primary access is an icon field but additional features or the complete list of applications can only be accessed via a long list or drilldown. 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.
Line 24: Line 20:
Settings may be considered as an application, or a variation??? 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.
Line 26: Line 24:
Mention that Kiosks (e.g. 4 big icons to start from) are no different, just simplified due to new users and the relatively low number of things they can do. 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.
Line 28: Line 26:
A Lock Screen, which see, is not an Idle Screen. 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.
Line 34: Line 34:
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. 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.
Line 39: Line 39:

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.

Line 40: 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 42: 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 44: 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 48: 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)