58 votes

How to present a race for the lowest score

I think the best and simple solution is to put the lowest score (winner) at the top, and the rest below. Since people tend to think that who is at the top of the list is the better one. Like a ...
Diogo Belém's user avatar
50 votes
Accepted

Using fixed placeholders vs hiding element

Use Option 1, because a constantly changing display of visible and invisible cards will be more work to understand, but also because "0" is valid and important information. You might want ...
Izquierdo's user avatar
  • 12.5k
33 votes

How to present a race for the lowest score

Your approach is not intuitive because you're presenting a score proportional to energy consumption but you score players according to the inverse of that. Calculate a score for participants which ...
Adriano Repetti's user avatar
30 votes
Accepted

Best way to show an "unactivated" part of an app?

One question to ask is: Is the user aware of the benefits of upgrading / activating? How am I improving their life? In the current state, you have a card list, other than the button label, I can't ...
Mike M's user avatar
  • 24.6k
28 votes

How to present a race for the lowest score

Sort the chart by putting bar with smaller number (which is good) on the top, and bar with bigger number (which is bad) on the bottom. Set color for bar with smaller number as green (or any positive-...
Ahmad Naim Muzammil's user avatar
26 votes
Accepted

Top menu vs Side menu on dashboard

From a UXMovement.com article: Top or left menu, there is no absolute answer. When it comes to designing for users, context is king. A navigation that works well in one context may not fit ...
26 votes

Right way to show hours spent on project - with or without h:m

The suggested format of 8:30 can be confusing for durations, especially because it is also used for the start and end time. The h is not a common addition for that format and can confuse people as ...
jazZRo's user avatar
  • 11.7k
24 votes

How can I show a clear label on this start page without pushing the content vertically?

I'd even increase the vertical space for your label. It needs a bit more breathing room. If you do this, you can move your filter options (or are they action buttons?) to the top. This will clean up ...
Nick Groeneveld's user avatar
24 votes

Best way to show an "unactivated" part of an app?

Although I like your solution of naming the buttons differently (manage vs activate) but I did not noticed the difference in vocabulary right away. In my experience, I like ghosting the unavailable ...
jhurley's user avatar
  • 1,257
20 votes

What's a better way to show number of staff at a location on a bar graph?

If you need to show correlation (or lack of it) between two sets of data like this, a dual-axis chart can do that. Here, the blobs are shown on the right-hand axis (What I can't do easily is put the ...
Andrew Leach's user avatar
  • 4,370
18 votes

What's a better way to show number of staff at a location on a bar graph?

Maybe simply show it close to but separate from the graph? So both pieces of information are clear to see and understand:
Mahm00d's user avatar
  • 398
16 votes

Using fixed placeholders vs hiding element

Definitely fixed placeholders! First, hiding elements is usually not the preferred behavior. There are cases when it makes sense, like when there's not much screen real estate to work with, but a ...
TzeraFNX's user avatar
  • 438
15 votes

Right way to show hours spent on project - with or without h:m

I think this is going to be opinion-based no matter what, so here's my standard way of doing it: 1d 2h 3m 4s One day, two hours, three minutes, four seconds. Omit some components as appropriate for ...
Keiji's user avatar
  • 251
9 votes
Accepted

How can I show a clear label on this start page without pushing the content vertically?

Great question, Weblurk. There are an infinite number of solutions if this app allows custom coding. But if you can only slide blocks around, then perhaps a UX solution should be less design change ...
jhurley's user avatar
  • 1,257
9 votes

How to present a race for the lowest score

Probably the Fuel metaphor may work best for you. So, your race objective will be Given 100 KW of so called fuel complete the distance with minimum fuel loss. But you dont go negative. You can ...
ADOConnection's user avatar
9 votes

What's a better way to show number of staff at a location on a bar graph?

I assume that the boundaries of your temperature categories are significant, and related to the purpose of collecting and analysing the data: maybe you have a target to minimise the number of staff ...
nekomatic's user avatar
  • 524
8 votes

Top menu vs Side menu on dashboard

From the GUI Evolution point of view the navigation layer of commands is expected to be on the top, whether on sides of the screen you would commonly find the operational/contextual layer of commands. ...
semion lapin's user avatar
8 votes
Accepted

Where should navigation buttons in panel be located?

Put your navigation buttons in the bottom right of your panel. Consider the Gutenberg diagram; When the user reaches the lower right portion of the page there is a break in the reading or “page ...
Nick Groeneveld's user avatar
8 votes

Tips on number formatting for better readability

Re-sizing elements in this UI may help. Firstly, those first numbers are huge and the ones that follow are way too small. It makes it difficult to read and you can't do so at a simple glance. There ...
UIO's user avatar
  • 2,684
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
8 votes

How to show progress bar and percentage value in a compact space?

Increase the contrast so users can see the values at a glance. The progress bar can visually support the number without taking up additional visual space. By trying to keep the number in the bar, ...
Mike M's user avatar
  • 24.6k
7 votes

How to present a race for the lowest score

What you're calling score is not score as it's usually understood - a bigger score is usually understood to be better. The word sounds positive, just like progress. It's nearly like higher speed means ...
maaartinus's user avatar
7 votes
Accepted

Representing unique data and its breakdown

Try to sequence it like a story. Describe a process in as few words as possible. Here's a very simplified version, but perhaps rather than have the look right away at the data at bottom, you could use ...
Mike M's user avatar
  • 24.6k
7 votes
Accepted

How to better represent a process flow in a dashboard?

Allow 2 views: Sequential view for displaying orders by sequential steps, and a production floor view to show bottlenecks and throughput. Since you can't have a strict order across all steps, have ...
Mike M's user avatar
  • 24.6k
6 votes

Top menu vs Side menu on dashboard

I have been trying going through some discussions regarding when and how to implement navigation within a 'dashboard' like page, so here are some of the considerations we have taken into account, ...
Michael Lai's user avatar
  • 26.9k
6 votes

How to arrange columns in a table appropriately?

The first column should be a primary column by which the user can scan down the list of items in the table. Typically a table will be sorted and that could be by any of the columns but by default ...
Roger Attrill's user avatar
6 votes

Right way to show hours spent on project - with or without h:m

While I agree with Keiji that the ultimate answer is likely to be opinion-based :), there is a standards based solution i.e. ISO 8601 wiki iso.org. The relevant section is 5.5.2 Duration which begins:...
Xcaro Tenes's user avatar
5 votes

Best way to show an "unactivated" part of an app?

Try making the "activate" buttons stand out compared to the "manage" buttons ( e.g. ghost and filled buttons. Depends on the options you have according to your UI styleguide). Reduce the opacity of ...
marcelgro's user avatar
  • 333
5 votes

How to present a race for the lowest score

It has been suggested by Diogo Belém and Ahmad Naim Muzammil to sort the results from lowest to highest scores, putting the winners (ie. lower scores) at the top, and the losers (ie. higher scores) at ...
Arcturus B's user avatar

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