Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

(Difference between revisions)

Fisheye List

From Wiki
Jump to: navigation, search
Rahulsingh1m (Talk | contribs)
Rahulsingh1m (Talk | contribs)
Line 5: Line 5:
 
The term fisheye originates from a camera lens, having more detail in the center of the image and less detail on the edges. In a fisheye user interface, the item in focus grows and the non-focus items remain unchanged.<br/>
 
The term fisheye originates from a camera lens, having more detail in the center of the image and less detail on the edges. In a fisheye user interface, the item in focus grows and the non-focus items remain unchanged.<br/>
 
A true fisheye list interface would have one item in the middle of the screen, with 2-3 lines of data, a two-line item listing above and below, and all other item having a single line.
 
A true fisheye list interface would have one item in the middle of the screen, with 2-3 lines of data, a two-line item listing above and below, and all other item having a single line.
 +
 +
<table>
 +
<tr>
 +
    <td align="left">
 +
'''Normal List'''<br>                   
 +
[[Image:list_normal.jpg]]
 +
  </td>
 +
    <td align="left">
 +
'''Fisheye List'''<br>                   
 +
[[Image:list_fisheye.jpg]]
 +
  </td>
 +
  </tr>
 +
</table>
  
 
===Use when===
 
===Use when===

Revision as of 05:53, 22 June 2009


Description

The term fisheye originates from a camera lens, having more detail in the center of the image and less detail on the edges. In a fisheye user interface, the item in focus grows and the non-focus items remain unchanged.
A true fisheye list interface would have one item in the middle of the screen, with 2-3 lines of data, a two-line item listing above and below, and all other item having a single line.

Normal List
List normal.jpg

Fisheye List
List fisheye.jpg

Use when

Use this to show a snapshot of the complete information. For example showing the cricket score in 2-3 lines. User can select the list item to explore further.

Design Tips

  • As the list is scrolled, the selected item will reveal additional information. This information should be chosen smartly as it will be used by the user to determine the value of the item.
  • Different screen-size and screen-orientation should be taken into account.
  • General list-layout guidelines should apply.
218 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×