Problem

Solution

Variations

Interaction Details

Presentation Details

Antipatterns

Examples

Springboard

||<style="border:none;" ^|3>O-positive.png||<style="border:none;" ^|3>Springboard.jpg|| <style="border:none;" ^>• Many items on screen.||

• Scale and position only.

• Position indicator at bottom.

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