Problem

Solution

Variations

Interaction Details

Presentation Details

Antipatterns

Examples

Springboard

O-positive.png

{springboard.jpg}

* Many items on screen.

===Amazon=== {| border="0" cellpadding="5" cellspacing="0" |-valign="top" | rowspan=7| Image:O-positive.png | rowspan=7 style="width:275px; " | Name |-valign="top" | • Horizontal. |-valign="top" | • Linear. |-valign="top" | • Scaled. |-valign="top" | • No distortion. |-valign="top" | • Scroll indicators below. |-valign="top" | • Bad: No pagination. |}

===S60 Album=== {| border="0" cellpadding="5" cellspacing="0" |-valign="top" | rowspan=4| Image:O-positive.png | rowspan=4 style="width:275px; " | Name |-valign="top" | • Many items on screen. |-valign="top" | • Scale and position only. |-valign="top" | • Position indicator at bottom. |}

===Playfire=== {| border="0" cellpadding="5" cellspacing="0" |-valign="top" | rowspan=3| Image:X-negative.png | rowspan=3 style="width:275px; " | Name |-valign="top" | • Images to either side are badly distorted. |-valign="top" | • Lack of perspective makes this unconvincing. |}