> On Oct 18, 2016, at 11:36 AM, SJ Cox <[email protected]> wrote:
> 
> Hello fellow PatternFlyers!
> 
> This sprint I'm working on the conceptual design for pagination across data 
> tables (includes card and list view)
> 
> I wanted to share my thoughts and progress and see if anyone had any concerns 
> or feedback based on what is being done with tables in products to date.  
> What works, what doesn't?
> 
> With the addition of pagination, all elements/controls related to pagination 
> would be found on the bottom of the table.  This includes:
> See the number of items on a page and total number of pages
> See how many pages of data there is.
> View which page you are on (current location)
> Modify how many pages are being displayed.
> Skip to the next or previous page.
> Skip multiple pages.
> Navigate to the first/last page.
> With this story we wanted to add the ability to select all items across 
> multiple pages. Initially, if you select all on a page, it will select all 
> items only on that page. Then it would prompt the user to select all items 
> across the table. I came up with two options for the "select all" option.
> 
> OPTION 1
> 
> <Screen Shot 2016-10-18 at 11.07.41 AM.png> <Screen Shot 2016-10-18 at 
> 11.07.49 AM.png>
> The first option above shows a new row appearing within the table under the 
> row headers, in the form of a message. This message informs you of how many 
> items are selected and gives you the ability to select all.  Once all are 
> selected, you have the ability to clear selection from the within the same 
> message. 
> 
> Also, what would happen as you page through the table? I've seen it behave 
> differently.  In google, as you page through, the selection is cleared. In 
> this design I didn't think that would be a great experience. 
> 
> Option 1 Pros:  the addition of the message row is obvious and will draw the 
> users attention.
> Option 1 Cons: Table height would have to adjust to accommodate new message 
> row.  Also, does the placement of the message make sense under the row 
> headers?  Furthermore, it's redundant to show the number of items shown twice 
> (upper right, and in message)
> 
> 
> OPTION 2
> 
> Option two addresses the cons of option 1.   When selecting all items within 
> a page, you get prompted to select all items within the table next to where 
> it shows you total number of items selected. Same with clearing selection.
> 
> <Screen Shot 2016-10-18 at 11.08.03 AM.png>
> <Screen Shot 2016-10-18 at 11.08.11 AM.png>
> 
> Option 2 Pros: No need for creating a new message row and shifting the table 
> down.  No redundant info.
> Option 3 Cons:  Might not be obvious that you can select all items. Does is 
> seem hidden?
> 
> 
> Let me know your thoughts, thank you!


Will this pagination also show up on a mobile device?  The controls seem a bit 
tedious even on a tablet.

Related question: Any plans for infinite scrolling?


> 
> 
> -- 
> Sarah Jane Cox 
> User Interaction Designer 
> User Experience Design Team
> 
> Red Hat, Inc. 
> <http://www.redhat.com/about/whoisredhat/redhatstories.html?intcmp=70160000000TB9vAAG&;>
> 
> _______________________________________________
> Patternfly mailing list
> [email protected]
> https://www.redhat.com/mailman/listinfo/patternfly

_______________________________________________
Patternfly mailing list
[email protected]
https://www.redhat.com/mailman/listinfo/patternfly

Reply via email to