Fwd: Notes from UX heuristics - Pager

Barbara Glover barbara.glover at utoronto.ca
Tue Mar 11 17:34:43 UTC 2008


Hi all
Gary and I did a heuristic walk through of Erin's excellent pager  
designs.  Below are our results.  Gary feel free to add comments I  
forgot.

cheers
Barbara

Begin forwarded message:

> From: Barbara Glover <barbara.glover at utoronto.ca>
> Date: March 10, 2008 3:38:26 PM EDT (CA)
> To: Gary Thompson <gary at unicon.net>
> Subject: Notes from UX heuristics - Pager
>
> Hi Gary
> Here's a summary of what we discussed and recommendations for Erin  
> on the Pager designs.  Please add in any comments I forget to mention.
>
> Comments/Suggestions for Filtering:  (affect all the pager designs)
>
> - Not sure the color change under the headers indicating the a  
> filter has been applied is enough of a change to indicate this to  
> the user.  This may need something additional.
>
> - Find button --> Search button - Search is a more recognizable  
> term and used throughout the Internet
>
> - number of items per total number of items:  Having this at the  
> bottom right corner of table seemed less noticeable for user.  We  
> felt this should be moved above or near the Show # of items on page  
> drop-down, see this image idea:
>
> - "Back to All" - we felt this was adding the wrong cues in that  
> the user might confuse it with the Back button on a browser.  When  
> in fact this button take them out of their filtered list to the  
> original full list.
>
> Another idea is similar to what Google Mail does.  Under the Search  
> text box display the following:
>
> Filter: All, None, Name, Email, Role
> ** Black one indicates the current filter in use.  Some Color  
> change would be needed here to indicate the current one being used
>
>
> For Pager design with most UCD properties:
> - a combination of design 1 and design 2
> - where you have last, previous and next, last links as text over  
> showing the first 2 and last 2 page numbers.  The words place less  
> cognitive load on the user when processing where they are in the  
> pager.  Easier to get to the first or last page with less thought  
> involved.
>
> - Also we felt that the page numbers shown should be a few before  
> and a few numbers after the current page number.  Current page  
> number bolded.
>
> - Design 4 with the where the user types in the page number we  
> felt was not as user friendly a design.  First showing the page  
> numbers instead of the input box is less clicking for the user, and  
> seeing visually the page numbers gives a better sense of total  
> scope.  Seeing the numbers helps the user determine the scope in a  
> more straight forward manner and less abstractly than the input box.
>
> Slider:
> - We really felt the Slider was intuitive for users with  
> alphabetical data.
> - Including a filtering list for the various alphabetical columns,  
> would help the user select and know which filter is currently  
> applied and a quick way to change filters.
>
> - We also were thinking there might be a way to toggle between a  
> conventional pager  and the slider 
> - Default perhaps tot the conventional pager and have a link just  
> after the pager "search by alphabetical" or something that if the  
> user clicked, the slider control would replace the pager control.
> - this would obviously need user testing to see if even desirable  
> to users.
>
> thanks
> Barbara
>
>
>

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080311/dcc26c2a/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: pastedGraphic.tiff
Type: image/tiff
Size: 12048 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080311/dcc26c2a/attachment.tiff>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: pastedGraphic.tiff
Type: image/tiff
Size: 14640 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080311/dcc26c2a/attachment-0001.tiff>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: pastedGraphic.tiff
Type: image/tiff
Size: 22210 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080311/dcc26c2a/attachment-0002.tiff>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: pastedGraphic.tiff
Type: image/tiff
Size: 6238 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080311/dcc26c2a/attachment-0003.tiff>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: pastedGraphic.tiff
Type: image/tiff
Size: 14640 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080311/dcc26c2a/attachment-0004.tiff>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: pastedGraphic.tiff
Type: image/tiff
Size: 22210 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080311/dcc26c2a/attachment-0005.tiff>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: pastedGraphic.tiff
Type: image/tiff
Size: 7166 bytes
Desc: not available
URL: <http://fluidproject.org/pipermail/fluid-work/attachments/20080311/dcc26c2a/attachment-0006.tiff>


More information about the fluid-work mailing list