25
votes
Is right click on tables bad UX
I think it is a great idea to use right click to context menu. It is a norm in desktop application and I see no reason for it not to be the case in web interfaces. And many if not all tools from ...
- 1,628
24
votes
Accepted
How to arrange 3x2 thumbnails when their number is less than 6?
I would use the following layout:
For uneven amount of pictures (5, for example), I would display like this
For situations when only 4 pictures exist, I would display like this
For situations when ...
- 1,723
15
votes
Accepted
What grid should I use designing UI for the desktop app?
For the purpose of reducing visual chaos, I think you need a different kind of grid. I don’t think the issue is dividing the page into the right size of little equally sized rectangles. Rather, it’s ...
- 37.1k
13
votes
Accepted
Alignment of input fields in a form with plain text
Generally, align the left of the field, not the text content:
There are several reasons for this:
Better alignment. For boxed input elements (i.e. with outlines, borders or shadows), the vertical | ...
- 40.7k
13
votes
What grid should I use designing UI for the desktop app?
You've understood wrongly
Creating a layout grid means that you have to decide how you will structure your app. Where the navigation would reside, what will be the height of the header, body and ...
- 11.4k
13
votes
Is right click on tables bad UX
It would be good UX for a general UI, but it is bad UX on the web.
Your custom right click menu will block the regular one, what is against the principle of least surprise and possibly against what ...
- 368
10
votes
Accepted
Sorting a Paginated Record Set User Experience Expectation
The boys in the back garden
Here's a story to illustrates the problem with tables and pagination:
"Good morning Mr. Smith! Here, per your request, 20 of the town's finest - 10 young men and 10 young ...
- 32.3k
10
votes
Why do very few e-commerce websites use full-width and fluid layouts?
Check your assumptions
There are a few assumptions in your question that require validation (and I assure you that the ecomm giants are testing).
Most people have big monitors now: Maybe. But what ...
- 21.2k
9
votes
Design/Ideas needed for better utilization of space
I think you should also try a card layout. For example:
This layout provides multiple benefits:
Aids quick scanning
Cards are easier to scan compared to tables.
Easily adapt to small screens
...
7
votes
What's the recommended max width for the main container and for the main column, for large screens?
Historically there was some research that indicated content that was too wide became hard to read and thus a standard of 960px was adopted.
However there's a strong emphasis on "reading" width there.....
- 3,692
6
votes
Need a prominent way to show the sorted column
You really just need to create contrast between the sorted column and the non-sorted columns. I would keep the carrot, as it is a symbol many people are used to seeing. You may consider adding a light ...
- 291
6
votes
Accepted
Is it a good practice to remember checkbox selection across multiple pages in a grid?
In general: NO
This is really bad UX: creating actions that affect other pages the user can't see and maybe don't remember is the definition of an anti-pattern. You'll always need to make sure that ...
- 33.9k
6
votes
What's the recommended max width for the main container and for the main column, for large screens?
Depending on the kind of content and the way you present it you can show a certain amount of information.
For text there is a certain limit in the width of the container depending on the font size. ...
- 16.7k
6
votes
How to arrange 3x2 thumbnails when their number is less than 6?
Think of them as a bootstrap responsive grid that changed dynamically depending on the amount of the rooms that you might have. For example, in the case that you have only 2 rooms, then the boxes will ...
- 3,719
6
votes
How to arrange 3x2 thumbnails when their number is less than 6?
If you want symmetry something like:
2:
[__][__]
3:
[__][__]
[__]
4:
[__][__]
[__][__]
5:
[__][__][__]
[__][__]
6:
[__][__][__]
[__][__][__]
Even though we know 3 images fit side by ...
- 161
5
votes
how should the "select all" select when paginating elements
I saw a simple solution on mailchimp, see attached image.
- 63
5
votes
Accepted
Should I display all boolean values in a datagrid or only the ones that matter to the user?
In the example you showed, what you are suggesting makes perfect sense.
As you asked for a decent source to validate your suggestion, I will quote the wise words of Stephen Few (he wrote some ...
- 8,884
5
votes
For desktop, is it a good idea to let users decide between a list or grid view?
I agree with @MichaelLai's answer. I just wanted to add some info.
Between lists & grid lists, the decision to use one or the other is not device dependant but content dependant. If the elements ...
- 16.7k
5
votes
Is right click on tables bad UX
I've actually tried to right click on some cells to see if I could add more rows or columns (and sometimes it doesn't happen at all and I have to look for another tool). So, from my experience/opinion ...
5
votes
Is right click on tables bad UX
This post I will answer like a web user.
I have a confession: I'm always trying to use right-click on the web tools (web applications that work like a tool, like Google Drive) and nobody care with ...
- 1,512
5
votes
Accepted
Too many expanding panels, not enough room
The correct layout depends on your user needs in context (what is exactly the scenario ?).
Do they need both the information in side panel and data table at the same time ?
Do they need all the ...
- 331
4
votes
Accepted
How to signal the user must add a minimum number of images to continue?
A simple resolution would be to show a simple descriptive text which tells them what to do i.e. they need to atleast upload two images to continue. Here is a quick wire frame for that.
Until the user ...
- 43.7k
4
votes
Accepted
Summarising grouped data in a data table
Until I read your question, I hadn't even noticed the totals at the top. That alone indicated to me that the subtotals on the top are not clear.
Additionally, here are some reasons why your totals ...
- 3,868
4
votes
Need a prominent way to show the sorted column
You can try lightly shading just the header when it's sorted in addition to the caret. I'd personally find highlighting the whole column to be fairly distracting, particularly when you have multiple ...
- 1,643
4
votes
In a data-table, should actions be on the left or right
When you're displaying tabular data, often the first column indicates the primary field and drives default sorting order because table is read left->right with more important data columns on the left ...
- 7,661
4
votes
In a data-table, should actions be on the left or right
It depends ...
The question you need to be able to answer is:
As a user, do I need to scan the entire row before I can make an educated decision if the row I am looking at is the row I want to "...
- 1,803
4
votes
Indented row headers
There may be some sad part of the world where this is common, but I hope to never go there. This kills the whole scanability benefit of tabular arrangements and generally makes the data a jumbled mess....
- 21.2k
4
votes
Grid with cards
Rectangular. A square grid can create an optical illusion called the Hermann grid illusion. https://en.m.wikipedia.org/wiki/Grid_illusion
The squares of this size will not be readable for users, ...
- 4,923
4
votes
At what grid dimension does a user change his scan pattern from L->R to F?
Ok, before anything: not only F-shape isn't the only possible pattern (it's just a common one, see more at 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern ), but right now there's quite ...
- 33.9k
4
votes
What's the recommended max width for the main container and for the main column, for large screens?
The width of a line of type is called a measure. Some typographers consider 65 characters to be the perfect length for a measure, plus or minus 15. Anything shorter and your eyes bounce around too ...
- 71
Only top scored, non community-wiki answers of a minimum length are eligible