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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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-...
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 ...
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 ...
Community wiki
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 ...
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 ...
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).
...
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 ...
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:
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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.
...
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 ...
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 ...
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 ...
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, ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
dashboard × 242info-visualisation × 33
gui-design × 30
charts × 22
usability × 21
website-design × 18
web-app × 18
data × 16
navigation × 14
user-expectation × 14
user-behavior × 8
tables × 8
design × 8
buttons × 7
menu × 7
filter × 7
analytics × 7
administration × 7
icons × 6
interface × 6
information-architecture × 6
users × 6
data-tables × 6
tabs × 6
graphs × 6