mgraham
  • Member for 6 years, 1 month
  • Last seen this week
How should I visualize the average of two bars in a bar chart?
14 votes

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

View answer
Do you use infographics in UX?
Accepted answer
6 votes

First picky point: Infographics aren't the same as visualisations. https://eagereyes.org/blog/2010/the-difference-between-infographics-and-visualization The point of visualisation is to shift ...

View answer
Most User Friendly Color Picker
6 votes

If the user can select different colours for different elements, consider giving them a list of pre-defined palettes to choose from instead - reduces fiddly user interaction and the possibility of ...

View answer
How to improve readability of highly-structured text
Accepted answer
5 votes

"The Problem: On one hand deeply nested code is hard to read. On the other hand, visualising nesting levels are necessary to understand code. De-nesting code/html requires a lot of effort, which only ...

View answer
Should I ask the user to complete the task as fast as she can in user test?
5 votes

I'd say no. You're asking them to voice the reasoning behind their actions as they go along (think-aloud protocol) - they may decide one way to speed things up is not to say much which would be ...

View answer
Best way to present multiple types of data in a cluster bar chart?
Accepted answer
4 votes

The customers don't seem to need to be in order by number, so group the customers by type along the x-axis, so you can distinguish the customer type by position rather than colour. Then use colour (or ...

View answer
How to label a risk diagram in an understandable way?
4 votes

The British Met Office get round this by integrating the axis legends into the labels themselves, and it's less 'ink' too https://www.metoffice.gov.uk/weather/guides/warnings Of course, that doesn't ...

View answer
UX pattern for two people to agree a date/time
4 votes

As someone who's used freegle/freecycle in the past and knows no-shows are an absolute pain in the butt, how about making the person offering an item specify some times that others can pick up their ...

View answer
A graph system for drawing conclusions
Accepted answer
4 votes

I worked with a guy who was into argument diagramming, and I learned from him there were two main (and quite old) systems for visually graphing argument structures, one of which (wigmore) was designed ...

View answer
How can I make this graph not so misleading?
4 votes

"We want to show the improvements in the students who have pre- and post-test data." If that is the ultimate aim of this graph, to show the difference over two tests, then there's no point in ...

View answer
How do I subtly show that an element in large collection of elements was recently changed?
3 votes

Could you add a button/option that specifically highlights what has actually changed? Then, if someone is looking for those events that would help them and not distract those who aren't. It's a ...

View answer
Usability research on tree navigation vs search
Accepted answer
3 votes

" So the key element for them is to find the relevant information as quickly as possible." "There is no possibility to filter on multiple criteria at the same time, nor full-text search. The main ...

View answer
Is a slider with multiple handles suitable for defining split points
Accepted answer
3 votes

Sliders output-wise do show the differences between ranges better than a bunch of text inputs. But I've used multi-range sliders a couple of times and people asked for text fields when they had to use ...

View answer
graph exploration and data overload
3 votes

Your choices beyond the existing pan/zooming on the display could be to introduce a local focus+context lens around the mouse pointer, to unclutter/expand the current area of interest. However with ...

View answer
Best way to sort a multi-column list: Top to bottom or left to right first?
Accepted answer
2 votes

Conventionally, like in newspaper column layouts, it's top to bottom, then left to right as your colleague suggests. For your dataset, a list of countries with just 3 columns, there's going to be a ...

View answer
How to best present end date to the user? Inclusive, exclusive, 23:59, something else?
2 votes

NIST says the 23:59:59 solution or.... 24:00:00 on the 24th https://www.nist.gov/pml/time-and-frequency-division/times-day-faqs "To avoid ambiguity, specification of an event as occurring on a ...

View answer
What is the name for the UX pattern for showing ambiguous count for likes, votes etc?
2 votes

First-order approximation https://en.wikipedia.org/wiki/Order_of_approximation#First-order "First-order approximation is the term scientists use for a slightly better answer. Some simplifying ...

View answer
How to display Timestamps which are unambiguous?
2 votes

I take it this is unambiguous to a human reader rather than a machine? The ISO 8601 is a good suggestion for machine readable/parseable data, but for human readability it's trickier. E.g. the US does ...

View answer
Typography for arrow-linked list on several lines
2 votes

No typographical knowledge but... Any possibility of repeating the arrow? Food A --> Food B --> Food C --> --> Food D That way at a glance you know Food C is not the end of the chain ...

View answer
Different People Coding Data - Does that Invalidate the Results?
2 votes

I'm guessing this is moot since it's a month later but the approach that jumped to my mind would be to code some of the results she's already done too, and then see to what degree they agree with each ...

View answer
How should you design drill-down and move-up in data visualization
2 votes

Generally, and I know you said you didn't like text buttons, zooming out in treemaps (which yours is a circular version of) is done through a breadcrumb path, like this example --> https://bost.ocks....

View answer
Choice of Programming Languages and UX
2 votes

"Granted, he already knew the app because he did it in another language first, but it's more than compensated by the difference in experience." - but is it? He now knows the requirements / functions / ...

View answer
Hierachical bipartite graph for a large data set
Accepted answer
2 votes

Don't show all the relationships, just list the information that the user asks for if the tasks are that simple i.e. the classes Anna is in, or all the students in Chemistry 101. They can select these ...

View answer
Plot positive AND negative change on the same axis
Accepted answer
2 votes

So you're basically replacing the visual variable of position to denote a negative value with the visual variable of colour - this has been termed a 'mirrored' chart. The positives as you're seeing is ...

View answer
Design implications of Balloon Tooltip vs Rectangular Tooltip
2 votes

To me, the advantage of the balloon tooltip is that the small triangle points directly to the element that it relates to, which reduces ambiguity in a crowded user interface You can argue the user ...

View answer
What is the impediment to a data-driven design process?
2 votes

Designing data visualisations is a different topic to designing with data. Just because they share the word data doesn't mean they have significant overlap or synergy otherwise we could lump databases ...

View answer
Visualize realtime timeline chart
Accepted answer
2 votes

I'd do 2 different charts as you're showing 2 different aspects, historical&static and real-time&dynamic, on 2 different timescales. Trying to do it in 1 chart [some bars aggregating per week, ...

View answer
Should searching a table include hidden columns?
2 votes

So it boils down to whether the search is on the data or just the current view of the data? I'd personally go for 4. Sometime columns are hidden just because of space restriction rather than lack of ...

View answer
Can I put a placeholder with a description or example in text fields?
1 votes

As well as the disappearing placeholder problem mentioned above, I just used a system that used the 'example data' placeholder approach, and it was more work for me to realise "John Smith" ...

View answer
Chart points are getting hidden by other points
1 votes

It depends on how many data points are you talking about - 10? 100? 1000? More? For huge numbers of points, the solutions here will ease things but not totally solve them --> https://www.python-...

View answer