Tap to expand stack, usually of icons (into a Grid is common), etc. See all ways of doing it on Surface ... Many other drilldown methods' Antipatterns: do not use a generic icon/graphic to describe the stack, i,e. iphone grouping, be sure to indicate it's a folder very clearly.

Note that the drilldown is partly just opening the stack, and partly clicking the Link or Icon (image that the stack is composed of).

Problem

A set of closely related items, which can be represented as icons or thumbnails, must be presented in a compact space and expanded to display the contents.

Solution

USE VARIOUS LISTS, OR EXPANDING LISTS, OR THIS IF YOU WANT TO BE NEAT...

DETAIL WHY YOU USE THIS INSTEAD, THOUGH... MAYBE FEED BACK TO THE PROBLEM STATEMENT

Variations

Though demonstrated long ago, this is just not being implemented routinely, so there are very few common variations. TAP TO OPEN INTO GRID,...

TOUCH ON OTHERS, LIKE TWO-FINGER GESTURE TO OPEN A LITTLE, DRAG TO FAN LIKE A DECK OF CARDS, ETC. DO NOT DISCUSS THEM FURTHER...

Interaction Details

TAP to open... that's about it.

• Anything for scroll and select? I think maybe not, except minor mention of focus...

Presentation Details

Each item that unfolds is shown as a thumbnail. When folded, they all collapse to look like a literal (physical) stack of cards.

Needs to look like a stack. Never fold up so far that only the top thumbnail is visible.

Antipatterns

As with all such simulations and effects, avoid over-using or mis-applying this pattern.This may cause it to Se an unusualinteraction, which could be perceived asnon-standard. Therefore, assure it adds value when used.

Examples