Tag Info

New answers tagged

1

If it's a long process that keeps being done, then as Stephen suggests, a background change is fine. If there are tons of processes per minute, and a user needs to see which one is running at each moment, it could be a good idea to have a highlight effect (like jQuery's) on play. You can leave the background changed afterwards, yet giving it a little more ...


0

What about changing the background colour of the row? Could be done by adding a CSS class to the via JavaScript.


1

Might I suggest making some distinct separations of different levels so that users know what they're looking at. This isn't really tabular data, if it were just category and topics, then it would be tabular data, but because it is by product, its a 3 dimensional table which html tables are not very good at representing. If you are going to nest, ...


2

Your three designs have always 3 labels at top, I think it's too much weight for "the header". Also there are too many labels taking in count the data that is being displayed (14 labels for 8 results in the worst case VS (below) 8 labels for 8 results) I think that the kind of data that you're displaying is important to make the decision about merging or ...


0

I like the idea of the column filter/chooser, but there could be even more mechanics involved for example. But above all, the user should always have control of what columns are hidden/shown prioritize (based on research/analytics) and hide less frequently used columns reveal columns based on persona / role / access level reveal columns to match to ...


1

Well, there's a couple of ways you could go. An obvious one, just leaving out some less important columns when scaling down Flip scroll. When scaling down, the headers at the top 'flip' to the left and allow the table to be scolled horizontally. Important note, the header labels stay in place. It looks something like this: I've used this method before ...


0

If multiple items are to be rated at once, a grouping of items could be useful. In the Ultimate guide to table UI patterns the author describes the concept of table sections: When you need to group related rows you can consider using table sections (or table grouping). A section is a part of the table that groups related data. All groups shares same set ...


2

Instead of sticking to a 2-column layout, I would suggest going for a list based layout as shown in the mock-up below: In this layout, the Medicine name can be the title and the condition it treats can be shown as tags under the medicine name. Furthermore, if the user wishes to search all medicines for a particular condition, he can just click on the tag ...


0

Probably not useful to think of this in "widget" or "rating table" terms... these are developer elements not users view of the world. Users have "entities that may want to rate". LinkedIn does an interesting "Person X. Do they have skill Y?" UI. A rating version of this could show current rating or a rating UI on hover over. download bmml source ...


0

I'm pretty sure Facebook does a good example of this when offer users a chance to rate places they have been (as per their location history). The present the user with three vertically stacked cards, with the title and location of the business, as well as 5 greeted out stars. When the user hovers over a star, I highlights the previous stars up to that point ...


0

It's hard to say without knowing more about the context. I would say it depends on the media used to convey the "data heavy tables". Is this related to web interfaces? Are you talking about a software application in particular? Perhaps you could start by refining the keywords I used in this search done in Google Scholar: ...


0

This seems more technical than uxd related. However, I don't see why it isn't valid: MDN: The HTML Table Element () represents data in two dimensions or more. W3C: The HTML table model allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells. The problem might ...


0

Since you say that the actions are performed for single record and moreover the actions seem to be used rarely. Not many users Copy and Delete Template. But Selecting a Template as Default template is a commonly used action. So i would suggest you to Place the Default template action towards the left of the text and the copy and delete action to the right ...


1

I don't see any problem in keeping the same interface as Excel, if you try something get sure of adding features without drawbacks for the user. If your concern is about keeping the headers visible all the time, you could take a look at this StackOverflow question where the answer mention the floatThead Plugin which gives you various options to display ...


0

The descision factor should be "Single Action" or "multi Action" Action Such as "View Details" / "Edit" / "forward" are performed on single record at a time, while actions such as "mark read" / "mark unerad" / "delete" / "archive" can be done for multiple records. Here if your action is for single record show it on hower / if it supports multiple records, ...


0

While the final answer to this question depends on your specific case, I can offer you a few pros and cons for each option. Aligning to the text associates the icon with that text. This is good if there is a strong connection between the two. However, it makes finding and pressing the icon difficult when it is always in a different place. Having the icons ...


1

I would go with the second solution. The first and last name can still be saved in different columns but displayed in one single field. It would't necessary be hard to sort by either first or last name. You could do something like this: (from https://www.zoho.com/campaigns/help/contacts/contact-management.html)


1

I ended up splitting the table into two different sections like the following example. I added a header with an explanation of why the items in two sections are different. The original explanation header is longer and explains briefly that questionnaires were answered recently. +-----+--------+-------------------------+-------------------+ | | Item # | ...



Top 50 recent answers are included