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. |}