Hot answers tagged

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 ...
Jurijs Kovzels's user avatar
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 ...
Joao Carvalho's user avatar
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 ...
Michael Zuschlag's user avatar
14 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 ...
allo's user avatar
  • 378
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 ...
Kristiyan Lukanov's user avatar
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 ...
Ayomide Onasanya's user avatar
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.....
scunliffe's user avatar
  • 3,712
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 ...
Devin's user avatar
  • 37.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. ...
Alvaro's user avatar
  • 16.8k
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 ...
Dimitra Miha's user avatar
  • 3,739
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 ...
SparK's user avatar
  • 161
5 votes

how should the "select all" select when paginating elements

I saw a simple solution on mailchimp, see attached image.
Ami Rotter's user avatar
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 ...
SteveD's user avatar
  • 8,924
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 ...
Alvaro's user avatar
  • 16.8k
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 ...
Natalia Guerrero Hernandez's user avatar
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 ...
Rafael Perozin's user avatar
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 ...
Funkit's user avatar
  • 331
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 ...
Devin's user avatar
  • 37.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 ...
MylesNYC's user avatar
4 votes
Accepted

How should a grid of apps rotate when the device is rotated?

If you have a square grid like in your example, keep red in the bottom left. When you rotate a phone, you don't want to change the orientation of the content, you just want to get more height/width. ...
PixelSnader's user avatar
  • 8,321
4 votes
Accepted

when using material design guidelines do you use exact heights for sections?

The baseline unit is to be used as a guide wherever fixed measurements are required, still not necessarily for everything. A 100vh which will cover the entire height of the screen can still have ...
Ren's user avatar
  • 3,196
4 votes
Accepted

How to provide validation feedback for multiple rows in a grid?

Try outlining the rows with an indicator which describes the specific formatting error. Provide a link with further explanation if needed. One thing you can do is to provide specific invalid ...
Mike M's user avatar
  • 24.6k
3 votes

Is it necessary to have responsive grid limited to 1170 pixels only

Yes. Responsive means it adapts to fit all screen sizes. Generally the worry with responsive design is at the small end of the scale, with getting things to work on mobile and tablets, however there ...
the other one's user avatar
3 votes

suggestions for dealing with multi-dimensional hierarchical data

Perhaps I'm just not getting it, but your two options sound confusing. My approach would be something different. Using computers as the example, let's say you have three different main models of ...
Monomeeth's user avatar
  • 3,826
3 votes

I want to let the user toggle a column heading to sort a grid by a date field. How can I make ASC/DSC intuitive?

Sorry for posting this as an answer, I am not sure if this is actually an answer. But I can't comment yet, anyway. I see two different problems here. First, whether the ascending order should be ...
ricardo.scholz's user avatar
3 votes

Grid in a popup?

There isn't anything inherently wrong or right in using a grid on a popup. As everything in life (and specifically UX) - it depends. The main question to be answered is - does it provide value to the ...
Yoav Moran's user avatar
3 votes

Affordance for marking unsaved changes in a grid

There's a risk that your highlights might be interpreted as "Something is wrong with this value", i.e. as an error. Consider adding a warning icon to cells that have been edited, along with a ...
dennislees's user avatar
  • 11.6k
3 votes

Is it wrong to automatically switch between Grid and List view

The toggle between a 'grid' and 'list' view is a common design pattern that has already been used quite a lot on traditional desktop applications like File Explorer on Windows or other operation ...
Michael Lai's user avatar
  • 26.9k
3 votes

Guidelines on introducing a legend to data tables

Find out how your users need to modify data, and how often. Instead of a legend, just state where data is missing. Bulk edit If your users are modifying a decent amount of fields, you could place a ...
Mike M's user avatar
  • 24.6k
3 votes
Accepted

Best way to insert a clear button in a datagrid cell

If it is a requirement that the user must be able to clear the data for each cell in a column, then this practice works just fine. Some suggestions: Can you possibly only show the clear button upon ...
Aaron's user avatar
  • 330

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