Hot answers tagged

14

I think of 2 possible solutions. First solution: The newly show entries are also selected. Since the user selected "SELECT ALL" it would be good to the program to... select all, since thats what the button calls. Second solution: Why not trying pages instead of "load more" like gmail form Google. Note: The "load more" and "select all" ...


5

The current mockup is pagination, just poorly implemented. Load More/Infinite Scrolling are applied to data sets that are essentially infinite (such as Facebook's News Feed, or an e-commerce site's product results). When there are a finite number of results, "Load More" is functionally the same as "Next Page", but it lacks the "Previous Page" and "...


4

Why do you think that adding a question mark icon/button displaying a tooltip on mouseover would look messy? That's exactly how Google Analytics does it and I think it's very straight forward. In fact there's a variant that looks fancier for YouTube analytics, but is less obvious to users. There you simply see the tooltip on mouseover on the whole table ...


3

You could use Googles Material Design as inspiration here. While you describe the component you're designing as a table, it also sounds similar to a list pattern. When designing lists, material design guidelines recommend placing the primary action on the left and secondary actions on the right. https://material.google.com/components/lists.html#lists-...


2

You have just discovered that Load All and Select All don't work well together and now you are stuck as to how to make them work together. Every option you are looking at is further degrading the user experience. Your design is compromised so I recommend you reconsider your design. I have designed Enterprise applications for nearly 20 years and I have yet ...


2

'Select All' should be stateless. It should not be implemented with a toggling behavior - i.e. on/off state. I cannot recall a single case where I saw it implemented this way. A good example case is Gmail, see how it works there. So, it should work on the items currently in the table and in this case you should also add an 'Deselect All' button.


2

You could introduce some way to set a specific priority (an icon, double clicking the existing priority column, etc). If I need to move from 345 to 13, I double click the 345 and type 13, hit enter and that row zips up to position 13 (former 13->14, 14->15, etc). I would likely combine multiple solutions. Click and Type is good for setting a specific ...


2

If the function is hidden, the first thing comes up to my mind is to display a self-explanatory icon. Like this: About the rows, you seem to have the same problem: the function is hidden. Try to use the same design rules that are commonly used for Call to Action buttons (for example use visual affordances to look the row as it was something "tapable"). ...


1

This is a great question (because I have the same issue) and its super helpful to know that your audience are expert users. Our company is also looking for an answer to how to show help without cluttering our online app grids with help icons or distracting link looking headers. The question mark icons not only clutter but also distract a workflow. One study ...


1

should all of the selection get deselected No, this would make me angry as the user. I wouldn't trust the "load more" button any more. the newly shown entries are also selected No, my desire to "load more results" is orthogonal to me wanting to select results. Once again, as the user, I would no longer trust the "load more" button. the shown ones ...


1

Typical number of rows is likely to be the decider. For example, if you have a few rows, Edit buttons might look ok, but if you have many rows each with a Edit button then this might over dominate the visual design, so hyperlinks on column one would lead to a cleaner, less dominant visual design. I personally prefer to use hyperlinks on the primary piece ...


1

I have built several UI screens like this in the past, with a table summarizing some info, but additional details and/or editable settings per row. My preferred approach is to keep the table read only, but allow the user to click/highlight a whole row at a time. Clicking this row can then populate a nearby "Details" section with all the detailed info and ...


1

Maybe a tabular data table is not best way to display this information? Perhaps consider using the card UI metaphor where you can dedicate more space to data and their labels: Note: depending on the data, some information does not need a label because the data describes their purpose.


1

I believe that the number of columns in this table is the real decider. Without an example table this is all conjecture, I would recommend adding an image so people understand what you are asking. However, that being said, lets' examine your table interaction. Examination: Based on your own words, "EDIT" is the main control. If we are dealing with simple ...



Only top voted, non community-wiki answers of a minimum length are eligible