Dashboard > Fluid > ... > Pager > Pager Design Iteration
Pager Design Iteration
Added by Erin Yu, last edited by Erin Yu on Jun 09, 2008  (view change)
Labels: 


PDF-style approach with up/down arrows

The up/down arrows helps the mouse-only users as well as the keyboard users.
 

Dynamic pages display

Often with pagers with a spectrum of page numbers, it's difficult to jump to pages in the middle. We wanted to give users even access to the "middle pages" as well as the pages in the beginning and at the end. In this design, the page numbers for the 5 pages around the current page are displayed, then the numbers would increase by 5, 10, or 20 depending on how many pages there are in total. Here's an example where the table has 732 items in total.
 

Existing designs that have been shared and discussed


Pager Design Archive

Design1:
Unable to render embedded object: File (Paging-Design-Suggestion01.png) not found.

Design 2: the total number of pages is shown
Unable to render embedded object: File (Paging-Design-Suggestions04.png) not found.

Design 3: the first two and last two pages are always shown
Unable to render embedded object: File (Paging-Design-Suggestions02.png) not found.

Design 4: text box allows user to type in the page they want to get to. Total number of pages is shown.
Unable to render embedded object: File (Paging-Design-Suggestions03.png) not found.

Slider design: The number of items per page can be adjusted by stretching/shrinking the slider OR selecting a number from the dropdown at the top right.
Unable to render embedded object: File (slider.png) not found.

Site running on a free Atlassian Confluence Open Source Project License granted to The FLUID Project. Evaluate Confluence today.
Powered by Atlassian Confluence, the Enterprise Wiki. (Version: 2.5 Build:#805 Apr 26, 2007) - Bug/feature request - Contact Administrators