New answers tagged

0

I do not want to argue with those who say "You should rethink your tables". I have lots of tables that have fields whose contents are ... lists! If you ever work with postGIS or any geographic database you will find many examples of list data stored in fields (polygons are stored as lists of coordinates). You can also have "lists of things" in selection ...


0

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 ...


15

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.


0

If you use Yes/No, your users will have to reference the top of the table to work out what that means. Even regular users will do this - possibly without consciously realising they are doing so. If you use Actual/Planned, your users will know what they need without needing to reference anything else.


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

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 ...


0

I don't know what the content is, but after looking at all your options I think all you really need to do is to join the vertical lines together and it will solve your problem. You can keep your padding, but essentially it just won't have any styling around it.


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

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 ...


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 ...


0

You just need to communicate to the user which sort is in place when the sort is triggered, e.g. if it is "Sort by date" then display this text above the table, e.g. show the text "Sorting by date".


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 ...


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 ...


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 !


0

This depends on your intention. If you want your users to be able to easily compare the plans stick to a single unit of measurement. If you want to make them more hard to compare, choose your units to make the biggest numbers for the plans you want to emphasise. This is actually a practice you may see in European supermarkets, they are required to put a ...


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 ...



Top 50 recent answers are included