New answers tagged

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


2

I prefer a more controlled approach to sorting or re-ordering. I would prefer to have different sort options, like "sort by date", "sort by name", sort by priority". The "fling" gesture looks to me like discarding the item. If you could animate the movement of the item that has been moved, and show the user where it has ended up, then it might be helpful. ...


0

First, I'd discard the one with the edit button on the left since it goes against the natural of flow of reading a row and then deciding to edit it. Then you should analyze: How many editable columns the tables has? How often will users edit just one input from the same row at the same time? How often will users edit several inputs from the same row at ...


2

It sounds like your users are entering data in bulk. I notice that this type of user tend to prefer to collate information in a spreadsheet before they enter it into any record editing UI (perhaps they even have their own Excel macros). If this is the case, I would recommend supporting copy / paste for rows and columns, and / or some kind of import (csv ...


1

The trend I've seen of late is to place the edit button as close as possible to the thing you're editing (but only when you're focused on the element). There's at least a few web apps I use that I can think of where hovering over a field presents a pencil icon, and from there I can click or double-click to modify the value for that one field. Obviously, the ...


1

It depends whether your users are entering large change sets, or are making small one-off changes. I have previously developed a table that had an "edit mode" that you had to switch on. Once in edit mode all the editable fields of the selected row became text fields, so it was obvious which content you could change. Changed fields were highlighted in green, ...


0

It possibile you open an modal to inform your user about this inputs they can change only clicking them and only appear the save button when they change this, using a mini animation in this case to better explain about this option. I think it be better because is like you do on paper, get the eraser and change that value. Instead add an single button you ...


5

A fairly standard method of indicating "extra information available" is with a dashed or dotted underline. This may change the cursor to a "Help" cursor, which might look something like this: ...which would allow a click to bring up additional information. One method I use is a dotted underline with a popup on mouseover, which (with some styling) looks ...


0

If it is going to provide an additional information about that field you can use underlined text with some nice color. Also using chevron right icon at the very end of each row for particular field will be a good option. It will allow user to understand that there is more on click.


3

If data is important for the users to know, I suggest you not to use hover. Use a modal with the details. And if you want user to click place a text down the table "Click on items to view more info." Text can be put on hover also but on hover he couldn't able copy text, say if he wants to do for some reason. You can also use a small icon of "i" for more ...


2

There is no such thing as website exclusively built for the blind or handicapped. In fact by creating a separate website, you are indirectly isolating these people with disabilities and defeats the purpose of web accessibility. A good design/coding should be inclusive and be able to meet everybody's needs. You cannot "Tab" through the radio buttons ...


3

I recently designed a calendar which may give you some ideas so I thought I'd share a demo link... Calendar of Events 1. It conveys quite a bit of information and still works on mobile 2. It expands vertically when a day is clicked showing additional event details 3. It could potentially support more than 4 event types


0

The most important item should be up top You already understand this principle of design since you've given the user various ways to sort and/or filter the rows to show what they care about most first. Autoscrolling of any kind breaks this principle because if a user is clearing a filter it means they no longer care about the filtered items up top which ...


1

I'll summarize what I think has been a very productive set of discussions and answers, and it will hopefully help you come up with an appropriate solution for your problem: Context: consider exactly how someone is going to use the information and perhaps also on what kind of device, because this will give you important design constraints that you'll be ...



Top 50 recent answers are included