Hot answers tagged

55 votes

What kind of chart is this?

This is an absolute 'No no' in creating charts. This is a very bad way of representing data, to make it look like Donut chart but non-functional. It doesn't matter if the thickness is proportional to ...
Ren's user avatar
  • 3,196
50 votes

When is an exception message too big?

tl;dr: Some of the invoices are not eligible for payment. They were excluded from payment processing. [details] Error messages should separate two things: Information for the end user (What they ...
peterchen's user avatar
  • 7,638
34 votes

What kind of chart is this?

The most approximate chart to the provided images is a Donut Chart. Refer to this link about how to use donut charts.
Nicolas Hung's user avatar
  • 5,598
32 votes

How should I visualize the average of two bars in a bar chart?

You could show the average in a large bar, and put the separate categories inside in smaller bars. If you use Excel and use two axes, make sure they both have the same scale.
Niels's user avatar
  • 429
21 votes

What kind of chart is this?

Topologically, it looks the same as a Spider chart with 4 variables, but each variable is displayed as a quarter-circle instead of a point.
Aprillion's user avatar
  • 1,826
20 votes

A/B testing - client wanted the test run 70/30

Your statistical power is maximized if equal numbers of users are directed to A and B. That is, assuming one design really is better than the other, you’ll achieve statistical significance with the ...
Michael Zuschlag's user avatar
18 votes

What kind of chart is this?

That looks like a form of polar area diagram. Also known as a ‘rose diagram’, this is almost 200 years old, and was popularised by Florence Nightingale to highlight death rates in different months: ...
gidds's user avatar
  • 311
15 votes

How should I visualize the average of two bars in a bar chart?

If you really just mean the average of the two numbers, why not just leave the gray bars out, with nothing in their place? It's pretty easy to estimate visually. I think that's why there are few ...
Mark Foskey's user avatar
14 votes

How should I visualize the average of two bars in a bar chart?

A simple idea would be to show the average as a line graph, like this:
Glorfindel's user avatar
  • 3,320
14 votes

How should I visualize the average of two bars in a bar chart?

Your second one seems fine to me to be honest. It's the least extra 'ink', and it's how single series bar charts show averages, you're just doing it for the items at each x value. You can see an ...
mgraham's user avatar
  • 1,793
10 votes
Accepted

What kind of chart is this?

Since the attributes are not distribution, you could show the initial score, and place a severity breakdown below. Allow hovertips and details for drilldown. Instead of focusing on the current chart (...
Mike M's user avatar
  • 24.6k
9 votes

What data visualization fit my Air pollution app

My suggestion is about UX, rather than on UI and visualization. Your job is to solve a problem, not make a picture. This is from the Three charts are all I need, as well as the following quote: ...
Alexey Kolchenko's user avatar
9 votes

How to encourage the use of actual content (instead of lorem ipsum) in design?

Lorem ipsum does have its uses. It is used to keep readers focused on layout instead of content. This is needed when reviewing the design and layout of a project. It is a long established fact ...
Nick Groeneveld's user avatar
9 votes
Accepted

Most readable way to display key value pairs

Option A (right aligned keys and left aligned values) makes the most sense in most situations (as always there may be some cases eg RTL languages where you need to adjust) Depending on the data you ...
scunliffe's user avatar
  • 3,712
8 votes
Accepted

User needs to paste clipboard data into website with CTRL+V, but the data they paste will not be shown to them. How can I make this intuitive?

Consider sticking with a regular text input when there is no data present, then showing a preview of the data after pasting. Doing this will prompt the user to paste data the same way as they would ...
maxathousand's user avatar
  • 19.5k
8 votes

What is the name of this dashboard UI element?

EDIT: For completeness and with Andrews comment I don't think there is "one name" for that section of the Dashboard apart from "Overview" I you are asking about the content of that element these are ...
Milan's user avatar
  • 221
7 votes

Is showing a blank page preferable to showing an empty one?

One of the key usability heuristics is: Visibility of system status - The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. And ...
kerr's user avatar
  • 966
7 votes

Maps with Multiple Heat Maps and Other Data

Examples 1-3 could be individually plotted using a heat map. Yes, it may be reasonable if you have high resolution data. In this representation heat map is an invaluable tool (besides opinable choice ...
Adriano Repetti's user avatar
7 votes
Accepted

Is it good UX to right align numerical data in a text field when editing?

For editing values in a text field, it depends where you edit them, and what other fields are in its context: if the layout stays data-table-like, and the cell simply becomes editable, then I agree ...
wintvelt's user avatar
  • 1,434
7 votes

graph exploration and data overload

Oooh, pretty. Yeah, well, hairballs (this kind of huge graphs you have shown) are pretty much useless because unreadable. Genomicists and bioinformaticians have discovered this early in the days ...
Zoe K's user avatar
  • 4,958
6 votes
Accepted

What to display in a table when there is no content?

No references to offer, sorry. Only my opinion based on experience: An empty table tells the user that the current page could possibly have some relevant info (they can deduce the kind of info and ...
wintvelt's user avatar
  • 1,434
6 votes
Accepted

What is the difference between a dashboard and a report?

A dashboard is a one-screen group of summary visualizations that facilitate rapid assessment of a system. In his book Information Dashboard Design, Stephen Few analyses a wide variety of different ...
Michael Heraghty's user avatar
6 votes

How should I visualize the average of two bars in a bar chart?

Given that you want the viewer to focus on the average value (but with the individual components available for comparison), I would make the central bar represent the average, and make it wider than ...
TripeHound's user avatar
  • 2,655
5 votes

Is it good UX to right align numerical data in a text field when editing?

Looking at Excel as an example, when a cell becomes a numeric value, the numbers are right aligned. When double clicking into the cell to edit, they maintain the content right aligned. As people are ...
Erisu's user avatar
  • 51
5 votes

When to refresh data?

A lot of sites (this one included) simply notify the user that there are updates and provide a shortcut to load just the new data. This allows the user to proceed as they wish, in one of two ways: ...
maxathousand's user avatar
  • 19.5k
5 votes

How to decrease a cognitive load on a dashboard component?

Honestly I quite like your original design, for me what sticks out is the comments button. Have you tried inverting it? I.e. no button background but instead using the purple color for the icon and ...
Henrik Vårhäll's user avatar
5 votes

How should I visualize the average of two bars in a bar chart?

Thank you for your answers! They have all been insightful and I don't think it makes sense to accept a single answer since the specific requirements differ from case to case. Here is what I went with ...
Kilian Obermeier's user avatar
4 votes
Accepted

What would be a good way to visualize recent win/loss (player form) data?

If you want to visualize just the total wins and losses any simple chart or table will do. If you want to visualize the progress throughout the season though, what you have is similar to Edward Tufte'...
Andy W's user avatar
  • 331
4 votes

Word to describe adding an independent variable to a chart

Who are the users? It's a good question and well presented, but seeing as this is a UX Q&A site, it would really help (others and in turn you) to know who the users are? Depending on their ...
Izhaki's user avatar
  • 32.6k
4 votes
Accepted

Should bulk imports be all-or-none or individual?

We recently handled this issue by making it as easy as possible for the user; import what is importable and then provide a CSV of the rejected files only so changes can be easily made for a second ...
Eric Stoltz's user avatar
  • 1,724

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