Hot answers tagged

17

Maybe a traditional tabular layout is not right UI approach? You could consider variable height rows so that multiple values appear vertically in a cell, i.e.


11

You can try something like this, the most common and familiar with user way.


3

I see several points where your solution can be optimized: The most important column in your table is setting state. If a setting is disabled the rest of the values are irrelevant. Therefore, I suggest to put that column first. The most common way of displaying boolean values is checkboxes. So you may use them instead of true/false. If you want to go a bit ...


2

You could have a "More details" button/link that opens a modal window with additional fields. download bmml source – Wireframes created with Balsamiq Mockups Clicking on "More details" would open a popup similar to the one below. download bmml source


2

I'd recommend against using a table in this instance. First, it's a mobile version which makes the horizontal space restrictive: there'll be lots of wrapping occurring inside the cells. Second, it seems like comparison of tasks (rows) is not your main goal so it's not necessary to make it all that compact. I'd suggest you use a list of cards, each ...


2

Take a step back and look at how a calendar with similar parameters abstract the database information into a UI. Instead of a like-for-like view on the database, work out what you're letting the user do, then build the UI around that. So instead of 'how do I display both string and boolean?', the question becomes 'what is the layout of the options the ...


1

When the content is as small as showing dates, then show it in horizontal columns and keep the Header as row; the information will still be consumed in the same manner as vertical, but it saves a lot of space and looks a lot neat.


1

Having two values in one cell means that presumably you have to differentiate the two pieces of data. Differentiating them by being either side of a comma may not make them noticeable if the values themselves may be quite long, so you need an alternative approach. Unfortunately though, this often means having a primary and secondary item which may not be ...


1

The most straightforward approach for the user is to keep the behavior when clicking a checkbox and clicking a row independent and internally consistent. In other words, clicking the checkbox should always select/deselect the row and clicking the row should always expand/collapse the "important info" content. Therefore, if the user has checked a row via the ...


1

Try to reduce any visual noise to eliminate the optical effects. White space is enough for separation. More simple design will draw an eye along the lines and will focus users on the content: For form you can also use more simple design: More separated lines:


1

What is shocking in your design is that 40% of the space is taken by action button and not by the main information. The buttons are taking to much space. Promote the content, not the tools. Some icons are very generic and don't need explanation. I don't speak Arabic but I can tell that the first button is "edit", second is "print", third "validate", fourth ...


1

Here is the answer. You should give such kind of option like filter, search,export to above the table. because if you keep it inside the table that you will have bad interface as well as you can't manage space properly. So here is the solution I usually use in my work and luckily my boss never refuse it to use !


1

Additional Menu One of the main sources of potential confusion here is that an individual hyphen in a cell can end up a long way from the icon in the menu bar that lets the user know what it's for. Showing the same menu bar when the user expands a section could alleviate this. 'Frozen Row' or 'Sticky' Menu You might also consider replicating the ...


1

Personally, I don't think you need to highlight plans by their speed as the table is rather easy to follow. But I do have the following comments: Do you really have plans with speeds ranging from KB/s to GB/s? If not, I would really try to settle on a consistent unit of measurement across all of them. If possible, I would make the table sortable by the ...


1

Here is your solution : I gave you 2 options based on your requirement you can use it. The first option have 2 different scenario as shown below. When user wants to download single file definitely they will click on download icon. But when user selects multiple files to download, that time if you enable the download the icon then user might be confused that ...



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