As of May 31, 2023, we have updated our Code of Conduct.
151 votes
Accepted

What are arguments against the usage of a ticker / marquee on websites?

Tickers are like carousels, but worse. Since you're asking for disadvantages, tickers are an antipattern because: The content is unpredictable for users. Users don't know how large the content is, ...
tohster's user avatar
  • 40.8k
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
53 votes

What are arguments against the usage of a ticker / marquee on websites?

This is just my opinion, but it's an answer. Tickers, or marquees, where you see them, tend to inhabit small spaces. Whether that's across the front of a cinema, the back of a police car or on a ...
DarrylGodden's user avatar
  • 6,236
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
  • 11.4k
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.4k
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

Whether to display or hide user Account Balance when it is 0?

You need to show the account balance when it is zero. If a user is using the account balance feature then they're going to get really confused if it disappears entirely. They have no way of ...
17 of 26's user avatar
  • 1,665
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 ...
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
22 votes

What are arguments against the usage of a ticker / marquee on websites?

Scrolling text can be a barrier to accessibility, so much so that WCAG requires that you provide a control that allows the user to pause, stop, or hide the moving content (SC 2.2.2 Pause, Stop, Hide). ...
Matt Obee's user avatar
  • 14.4k
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,335
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
  • 368
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
  • 428
15 votes

Progress bar for credit card credit

Bend that bar into a circle! A donut chart is perfect for 'percent of total' visualizations. And using color to indicate account "health" adds another layer for the visual thinker. It makes ...
plainclothes's user avatar
  • 21.2k
14 votes

What are arguments against the usage of a ticker / marquee on websites?

As a corollary to both @tohster and @Matt Obee's very nice answers, there is an additional consideration: Tickers remove control from the person viewing the information Someone who is trying to read ...
taswyn's user avatar
  • 3,057
12 votes
Accepted

Progress bar for credit card credit

I think it's your markers that are causing confusion, I believe something like this would make it easier to read. The colours are from Lucid Chart Android elements, there's no reason not to change ...
DarrylGodden's user avatar
  • 6,236
10 votes
Accepted

Is multistability a good thing on a donut?

UX Horror: Making users think Here are some reasons why it's bad: Color is not helping: It's very hard to tell just by looking at the Contacts chart if blue/green portion matches the number, there ...
Alejandro Veltri's user avatar
9 votes

Whether to display or hide user Account Balance when it is 0?

Show it if it's ever been nonzero. There are two competing considerations: don't hide valuable information from the user, but don't overwhelm new users with information that they are unlikely to ...
Damian Yerrick's user avatar
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,664
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.4k
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

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