Tag Info

New answers tagged

2

Like in accounting, red may more closely signify negative. Consider using shades of black for positive and shades of red for negative. This has worked well in my reporting for relaying the information to the user. See how this sheet visually communicates through these colors... User Experience Reading List - 2013 v.3 Of course you don't want there to ...


2

The arrow idea is quite nice, but it gives a direction, which isn't really relevant to your use case. Since you only care about where the value is, not the direction it has moved. What about a simple icon with a midpoint and a dot? You can colour them or leave them black.


0

How do users know what is the goal by looking at this grid? If a user sees red, doesn't remember their goal, they would get frustrated especially if they think they did well that week/month In my opinion it would be better displaying a goal and number that they achieved, then there will be no need for colours. Also using colour is not going to work if any ...


4

The first thing that comes to mind for me is the little inline arrows you see in stock tickers. The arrow indicates whether the actual value is above or below the forecast, and you can still use a gradient from yellow to red to indicate how far away the actual value is from the forecast.


1

More the number of indicative colors you use, more will the user be confused. Note that the colors are not intuitive as well. User can't tell what kind of thing the color represents by looking at it. My suggestion is to make the sorting indicator arrow bigger. [Off topic]: Please provide your users with a functionality to toggle the sort to no sorting as ...


2

Be careful when increasing the visibility of competing items. If everything is important, then nothing is important. If you have many competing items, consider reducing the visual impact of other things in the grid, rather than making yet another thing highlighted. Keep the design clean and minimalist, and the little arrow will be enough on its own to ...


0

You should really start by asking the end user. After talking with them, If you feel like the arrow isn't enough, I'd recommend changing the header color only for the selected row. You won't need anything drastic. A darker shade of grey should do the trick.


0

You may want to try looking at Tableau. I've used their desktop app (free trial) and they have some really nice data visualization tools. You could also check out extjs. They are not as visually compelling out of the box, but they have a lot of nice sorting and filtering tools that you can use. Another paid option is Infragistics, who makes UI widgets. ...


2

Here's another approach: I work in e-commerce and one possible solution to your additional info in a grid problem could be solved with how we display more info about our product on the product listing page. If you think of a product grid as a cell in your spreadsheet. In order to see more info about a product (in this case your cell), a pane could slide ...


1

This complex interface has two layers, both of which are complex in themselves. A primary and secondary layer if you like. Using a popup is a good start but there are several ways you can make this easier to use: Highlight the cell that they are operating on and consider using that as the trigger to open the popup, or highlight and the enter key, meaning ...


0

In a similar case, I used a tooltip instead of a poppin. You just have to roll-over a cell for more than 1 sec to see the additional information. You can even add a link if you need to go to another page download bmml source – Wireframes created with Balsamiq Mockups


1

Given your example, there's no gain for the user if you stay on the same page. The reason is that there is no logical connection of the new sorting parameter and the current page. A user is very likely to click back to the first page if they discover that the sorting did not reset the paging. So my suggestion is: Show the first page after resorting Be ...


6

If the user is very likely to want see the more-info details you could find it worthwhile to go to a fixed master-child UI layout, similar to illustrated. This provides affordance and fixed positioning for data. download bmml source – Wireframes created with Balsamiq Mockups Note details area could be positioned at right hand side of ...


0

Not knowing the context of use makes it fuzzy to come up with a solution. Here is what I can come up with: How about selecting the raw and the column separately? Here is what I am trying to explain: the user selects the column they want to get the data then selects a row. When the raw and the column are selected, the extra pop-up can appear. ...


2

Rather than using a popup, which can get problematic on small devices, I'd suggest to display the additional information below and inside the affected row. The example in the image shows what I'm trying to describe. It usually a grid with various album names. The song names of the album appear when you click the link (in the example it's clicking on Sleep Is ...


0

My advice would be to add a row at the top of your grid with the information for the user to click in the grid squares to see the additional info in pop ups. In my experience it is better for the user to see the instruction to get more info first, rather than have them figure out where it is or stumble upon what to do to get it.


2

Yes you should. Let us say the user is in third page and sorts by "last post", he expects to see the first sorted record right away. This can be achieved only by showing the first page.


2

My suggestion would be to use a tool-tip If the description or additional details are of a smaller size, you can use the title attribute to display the information when the user hovers over the column header If you require a consistent experience, you can implement a custom tool-tip


0

Generally, right alignment of numbers is better because it allows for easier understanding of the relative magnitude of each value (in part this stems from the way simple math is commonly taught at school, at least in "Western" nations). The key here is that the number is the thing that should be right aligned; the unit is different. So, one approach would ...


-2

I like Franchesca's idea of using Years and Months as column headers with only digits as the values, but if you can't do that due to the column header needing to be something specific and must put the year/month terms in the values, I would make them uniform by always listing the years and months terms for each value and include 0's to precede single digit ...


3

The best readability for visual comparison (i.e. to be able to compare the values) of the exact text format given in the question would be: 3 months 12 years, 3 months 10 years 8 years, 6 months 8 years, 11 months I don't think that keeping the values in a single column and mixed with text like this is ever going to be a good solution. ...


1

Without any more detail for context, my vote goes for left-aligned, unless the quantities themselves line up despite the units. See for yourself: 3 months 12 years, 3 months 10 years 8 years, 6 months vs. 3 months 12 years, 3 months 10 years 8 years, 6 months But, the following looks good: ...


1

Depending on the context, you can also display boolean values with checkboxes (for editable scenarios) or tick / cross icons.


0

If I understand correctly, when pressing "show codes" you'll only see the codes associated with that particular user. Therefor, displaying the name of the user is superfluous. Showing the codes in a table and then showing the codes again in a textfield for the second time is superfluous too. My suggestion would be for a row of input fields for every code. ...



Top 50 recent answers are included