2
votes
How can I prompt my site's users to scroll a table of data using (for instance) two-finger drag on their touchpad, rather than clicking the scrollbar?
I would suggest that you reveal this feature to the user during the initial onboarding or walkthrough, and then when they first see or interact with a table you should show them this feature again to ...
2
votes
Table input with modifier
For this kind of complex table where formulas need to be applied, the sidebar can be a good enhancement. For scalability of the UI, like if you have more options for the table cell in the future, you ...
1
vote
What do you call a search component that filters data inside a data-table?
This type of filter is sometimes called a parametric search. For example, the Digikey website has a parametric search filter that allows you narrow thousands of devices by the their numeric ...
1
vote
Best practises for tables with header titles in both axis (vertical/horizontal)
You left out an obvious form: Columnar with two-row headers for some columns. It's like your Fig.1, but conveys the associations of the various headers semantically, for the benefit of screen readers ...
1
vote
7 fixed columns with horizontal scroll in complex data table
Overwhelming data is difficult to tackle. One way could be breaking down the data into chunks to show the user in bits.
Option 2 looks reasonable. We handled similar situation and the strategy we took ...
1
vote
Accepted
Whats the best, most functional but also aesthetic way to display nested list data?
The biggest problem is that the nested items maintain the same pattern of alternating colors as the parent items and this makes perception difficult.
You should find an alternative pattern for nested ...
1
vote
Accepted
UI/UX when showing a ton of data on a small mobile device
I would avoid using the same typographic variable for statement and
content. The statements are repeated, so a round font is not
necessary nor is it extremely legible; on the contrary, a bold/...
1
vote
How to make table with subtable eaisly readable
I'd suggest to make all of the rows end at the same pixel. See how your first rows of "Name, etc" don't align with the second rows of "Name, etc.". Align them to avoid the ...
1
vote
How to expand data table when only 2 columns have data that can be expanded on?
I will try to answer each of your questions:
Most expandable tables have a single chevron for the whole row, like the one you have in your screenshot. I consider this to be a better solution than for ...
1
vote
Using a filter chip with counter
Well, the problem here is that design systems are a bit strict on the definitions and the uses.
For example, M3 definition
Use chips to show options for a specific context.
Salesforce
A pill ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
data-tables × 435tables × 182
usability × 43
info-visualisation × 43
filter × 40
data × 39
gui-design × 31
user-expectation × 26
sort × 24
grid × 20
website-design × 17
lists × 17
interaction-design × 15
buttons × 15
actions × 14
web-app × 13
pagination × 13
design-patterns × 12
material-design × 12
forms × 10
layout × 10
best-practice × 10
responsive-design × 9
mobile × 8
design × 8