Tag Info

New answers tagged

0

You can use a scrolling table that will allow the user to scroll and view the content of the table instead of going from page to page. Irrespective of the number of rows all the content will be available in a single view avoiding pagination. Since the view may show (say) 10 rows and the user can scroll within the table to view the rest of the rows you may ...


0

I think that if you simply put Total row on top of the table, it would be obvious that it's all about whole data, not only the page you present. EDIT I mean to copy the total row, not move it to the top. I also thought it through, and you may consider adding an information in Total cell like: Total (1536 items)


1

25 columns is just to much yes. I'm liking the second solution where you give the user control of the columns. I had a similar situation where I thought some columns were irrelevant. A quick survey told me however that most users looked at different columns effectively making every column relevant. My solution was a quick test where I let users pick the ...


0

Speaking personally, I find the Posts management screen of WordPress to be pretty well organized in this respect, and considering its market share one could argue it's reasonably battle-tested: Schematically in case they ever change it: [Screen Options] [Help] Screen title [Add New] [Status Filters] ...


1

Table header You can make your table header more prominent by increasing its font weight, giving it a darker background color than the rows. Scroll bar I can see a horizontal scroll bar, which doesn't give a good look to the table.In case you have more number of columns, then have an arrow to display additional columns or reduce the column width and on ...


2

The column headers aren't part of the data, therefore it's good if these are visually distinguishable from the cell data. This can be achieved by font style, tile background and alignment. So, using center alignment for your column header but not for your cell content is no violation against best practices, on the contrary.


0

Here's my current solution: I chose to use pushpin icons instead of checkboxes. I use @Mart's suggestion to repeat the selected items at the top. I also like the suggestion to move the selected items to the top right away, but have not implemented this. The buttons with selection actions are visible only when at least one item is selected. I have set the ...


2

Do hover states on tables which already use zebra striping add any value? Google has a Table Chart. Here's their example you can take a look at: https://developers.google.com/chart/interactive/docs/gallery/table#Example I think that's what you mean? In addition to digsrafik - It's good to assist the user to focus on the row they are looking at. ...


1

In case your app is highly based on tables and selecting (many) items, hover states make sense to differ the selected and hovered one. Or you can keep striping for selected items too with transparency. In general this dynamic behavior (highlight on hover) makes the recognition of line easier (is more obvious).


1

What about displaying the next page of results below the first page? Show the first 10 results, then have a "show next 10" button at the bottom. It loads the next "page" of results below the existing set. The context remains the same so you can maintain the selected rows. I've never seen this pattern before but I can imagine it working well.


4

I would repeat the selected items with their checked box on the top of the table when the user navigates to another page. This has the benefit of keeping them visible and allow the user to uncheck one of them any time. The drawback is when the user wants to select a lot of items, there isn't much more room for the paginated items. How to handle this ...


2

I would do an icon that represents X and Y that on hover would show a tooltip with the name. That way you could keep your thin column style. It could look something like this: download bmml source – Wireframes created with Balsamiq Mockups


0

Is a table the best way to present this data? Can you give an example of what would be in the first two columns? You may be able to present the X and Y choices below each data entry instead of in their own columns. You could use icons for the X and Y and put the trademarked names in the HTML "title" attribute so that the names are visible on mouseover and ...


2

Well, I think you have a few choices: If you have an icon to accompany the trademarks, you could attempt in place of the labels and have the text appear as a tooltip when the user hovers over the icon-headers. Depending on the width, you could put the text in there as is, but with a ellipsis, again with a tooltip if the text is cutoff You could put ...


0

I'm thinking about two options, but first I would like to ask myself do I need add new item besides editing mode? Why editing and adding new item are connected, is there any value for the user, or maybe users are likely to add new items besides editing mode? If "add item" function is hide under editing mode, there a slightly possibility that not every user ...


0

Does the system clearly communicate WHY these records are not editable? Does the user understand this in terms of their domain? I would consider Nielsen's "visibility of system status" heuristics applies not about "what controls are active on a record" but rather "what is the logical status of a record". When user understands this status, then the change ...


0

I would use one action on the rows that can't be editable: "see details", and two actions on the rows that can be editable: "see details" and "edit". Using any other symbols or icons would be confusing for the user, because he will have to decode these symbols, and the whole operation will take much more time to complete. I think there should be also an ...


2

Most sites and applications will display the edit icon if an item is editable, otherwise nothing. Here is an example from the web UI that manages our automated builds (developed by Atlassian). The more general paradigm is to have an "actions" column with icons representing all the things you can do with a row in the table. Clicking on the action icon ...


0

I would recommend having the view, edit, and delete icons always present. This allows you to have a consistent look and feel while at the same time allowing the user to choose what mode they want to view the details in, edit mode or read-only mode. This is for registry keys, but here's a grid showing the always present look and feel:


0

You rephrase your question at the end as "Is there a better way to represent this information?" and that's what you should have started with. The initial problem here is not that half empty table - the base UX concern is that the user needs extra information when working with your interface. You are right noting that presenting all possible information as ...



Top 50 recent answers are included