See comment in Carousel

Just forgot to cross-reference. We got better at that later. Will fix - SSH


Problem

Present a set of images or similar pieces of information for viewing and selection.

In most modes of a Slideshow, there is nothing to see but the content, which is presented full-frame, with no scrollbars or labels.

Solution

Each image is presented full-screen, with a function to transition to the previous or next image in the series.

Most used as it's namesake, the slideshow, a way to view a series of photos or other images. It can be used to view other types of information summaries, such as consolidated sports scores.

Transitions between slides may be of any format, such as cross-fading. This makes it suitable for most devices, which may have technical difficulties with other types of patterns. If presented as though the images are on a continuous strip, this pattern becomes the Film Strip instead.

Variations

Variability in Slide Shows are really only in the degree of control which may be imparted to each slide. Some will be simple viewers, and no individual control is available. Some will allow, for example, editing of the images. Controls may be presented on screen, or under option menus.

If needed, or in certain conditions, information about the image should be presented on the screen. Softkeys or softkey-like indicators may also be shown on the screen to allow for access to the option menus.

Interaction Details

Scrolling may be by gesture, directional keys, or selection of scroll functions on the screen. For image slideshows, and some other types of data, additional options should be presented, such as randomization, or ordering by various types of information.

For certain types of data, or certain interaction models on the device (e.g. especially scroll-and-select devices) a Pagination widget may be used. This may be visible at all times, made to be visible via an option, or only visible when scroll has otherwise been initiated.

Hidden Menus should be made available via the expected (or an easy-to-discover) method, to offer additional information or functions for the entire slideshow, or for individual slides. Even if the OS paradigm is for *Visible Menus*, they should be hidden by default to grant as much space in the viewport as possible to the slide information.

Circular scrolling is encouraged, but may not apply to certain types of data. It may be important, for example with date-ordered information, that the set have a distinct start and proceed from there.

Presentation Details

The amount of extraneous information presented depends on the intended use of the slide information. Pure slideshows will specifically have no text, icons or other items on the screen. *Annunciator Rows* may even be suppressed. This will become especially important as more devices have high-quality video-out capabilities, and mobile devices may be used as the source for large, projected presentations.

Information displayed such as filename, dates, options and so on, should be non-intrusive, and obscure as little of the slide image as possible. While specific implementations will vary based on user needs, a general pattern may be to have to only have information presented when some selection is made (such as a tap on the screen) or after a several second pause on a single image.

Annunciator rows and OS-level notifications should usually be hidden by default, to give as much space in the viewport to the slide image. When other information is presented (such as option menus, or image meta-data) these may be presented also, in their normal location and style.

If any additional information is presented as an on-screen overlay, a Location Within widget should be employed.

Antipatterns

Slide shows are not suitable for significant interaction with items within the individual slide. While charts, graphs, text or tabular data can be displayed as a slide, allowing selection of a single component such as a link within the data, is not easy with the slideshow. If required, use another pattern, such as Film Strip for interacting with individual screens, or Infinite Area for interacting with arbitrarily large sets of graphical data.

Care must be taken to find the correct balance between information presentation and clutter.

Do not develop new types of OS level displays in order to save space. If battery level, notifications and so forth are possibly important information within the Slideshow, use the normal widgets, and hide to save space and clutter as needed.


Discuss & Add

Please do not change content above this like, as it's a perfect match with the printed book. Everything else you want to add goes down here.

Examples

If you want to add examples (and we occasionally do also) add them here.

Make a new section

Just like this. If, for example, you want to argue about the differences between, say, Tidwell's Vertical Stack, and our general concept of the List, then add a section to discuss. If we're successful, we'll get to make a new edition and will take all these discussions into account.