New answers tagged

5

Regarding the particular claim you mention, imagine the limit as the width (height in your horizontal arrangement) of bars approaches their length, and where (like in your example image) the rounding is not just "corners" but produces fully semi-circular ends to the bars. In this case the areas (and thereby visual "largeness") of the bars become artificially ...


40

If the users' goal is to read a specific or accurate value from the bar's length, then @Schmuddi's answer describes the importance of having a flat end. An example of this would be a traditional glass thermometer, where the exact length of the fluid is very meaningful, and the user must be able to read a specific value. However, if the goal is just to ...


57

There is a paper by Skau et al. (2015) that investigates in how far the effectiveness of bar charts is affected by different types of visual alternations. The authors tesed whether these alternations affect how well participants can make relative comparisons and absolute judgments using the bar. Participants were presented different types of bar charts, and ...


1

What you described looks like a nested tree structure that you can probably display using a similar strategy to file explorers where you expand and collapse nodes to show or hide more details. In this case, your nodes are not individual entities/items but progress indicators, which the node representing the overall progress of the individual child elements....


7

If users really want (and need) the loading details of child elements, show them when they ask for it. If users aren't getting value out of more data in the majority of use cases, why not give them details on demand. If there's no debugging needed to be done (which would be the case if a child component fails), let them click for more if they ask for it. ...


3

Can hierarchies be grouped graphically? It's necessary to show always the hierarchy tasks or can be hidden when they are complete?


2

Is there a case where users need to know exactly the percentage for what's being loaded? I'd show just one progress bar indicator for the overall loading process and you could have a list of what's currently being loaded. Loading: Child 1, Child 2 [======================42%-------------------------] 1 MINUTE LEFT


2

Because the business opens from (very) early in the morning through to (quite) late the following night, it may not be immediately obvious if presented in the "normal" form (it took me a couple of passes to parse it properly). A different approach might be to highlight when you are closed: Hours: All Day, Every Day, except 1am to 4am I've rolled-up all ...


3

If the relative strengths of the two teams is more important than the absolute values, you could show both teams in one horizontal bar (imagine two teams playing tug-of-war1): Where the dashed line represents a tie between the two. Here, the two examples are on widely different scales, but you can clearly see which team is stronger in each case. Another ...


0

If you aren't set on using bars, why not try a pie chart? This is very crude, but with an appropriate key and supporting copy you could do something like this...


1

I think the order is fine and totally legible. What I would recommend is that you separate the times like so... Giving white space between the hours and the days helps the readability massively.


3

Bars seem totaly OK to me. But you might want to place them horizontally and not vertically this way you might even have space for an accurate description of the value. If the value is quite close you could also use a secondary clue of which team is in the lead. This could be the color, an icon at the end of the line or a similar approach.


2

I think it is clear to the user. Logically 00:00 - 01:00 is the next day already. But from a users perspective Monday 04:00 - 01:00 is absolutely understandable. As a reference you could use google maps an look up the opening hours of some businesses. They do it exactly this way.


0

Filters exist of Filtertype and Attributes. For example: Filter is Size and attributes are 38, 39, 40, 41, 42, etc. Another filter might be color with attributes yellow, blue, red, etc. If a user selects multiple sizes it will be absolutely clear to the user that this is OR operator without thinking of it this way. But it will be clear, that there will be ...


1

Radio - for OR Checkbox - for AND EDIT:


Top 50 recent answers are included