Questions tagged [status]

Questions about how a system informs the user its state or status. How and what a system tells a user about the state of the system can have a meaningful impact on the system's usability.

Filter by
Sorted by
Tagged with
2 votes
0 answers
59 views

Status label with more info - how best to show the "more info" part?

I have this one error status in a table. The "Learn more" is underlined, and that's how user knows to click on it, to learn how to troubleshoot the problem. When they click on "Learn ...
Rosebud's user avatar
  • 302
0 votes
2 answers
84 views

What to do with a very long status (and sub-status)?

I am currently facing a challenge with a very long status (including a sub-status) that needs to be displayed on desktop, mobile, and tablet screens. Our typical lozenges have a maximum width of 200px,...
Genevieve Morency's user avatar
1 vote
2 answers
241 views

Why does NNG recommend skeleton screens for full page but not for individual components

I need to decide between using a skeleton screen or a loading animation for the contents of a modal. The modal itself contains an image, title, paragraph, couple of CTAs and a carousel at the bottom ...
TDsouza's user avatar
  • 598
17 votes
6 answers
6k views

Our brand (and design system)'s primary colour is green: how should we indicate success?

Our brand's primary colour is green, and so we've been using it for a while as the primary colour for our design system (clickable buttons, elements, etc. as shown here): Now I've just realised that ...
Tom H's user avatar
  • 291
3 votes
3 answers
831 views

Microsoft Teams - Status colours shown on the UI for Away & Be Right Back are same?

I have been using teams for sometime now and I usually check the status of people on their profile photo displayed. My observation is that the two status' 'Away' and 'Be Right Back' are of same color ...
Ashwin Kulkarni's user avatar
1 vote
1 answer
404 views

Multi Selection Processing Status UI/UX

UI Case UI allows a multi-select option. There is no limit to multi-selection. Users can select from one up-to item in the range of millions. Processing flow When the User triggers an action based on ...
Aswin's user avatar
  • 13
0 votes
1 answer
101 views

UX of a "publish" button with three states

I am making a school webapp. Teachers have an editor from which they can create exercises. Exercises are meant to be used to create exams/assignments, or they can be made publicly available to ...
Samuele B.'s user avatar
0 votes
0 answers
72 views

Ways to improve progress/status bar?

I am trying to improve this status bar, I have been looking for ways to improve it but the only solutions I can come up with are to add a percent number on the left or right or change the color to ...
Keegan Nair's user avatar
1 vote
1 answer
78 views

Can button text alone indicate status in a table where actions are conditional to status?

I'm working on a table in which rows have statuses, and depending on your relationship to the item in the row AND the status, the row may have a primary action. For example, a list of invoices where ...
catonkeyboard's user avatar
0 votes
1 answer
66 views

Reset state proces if I back to first step

I’m thinking about resetting the state after back to init step in the process. For example - In the project, I have two creators to build the automations (if->then condidtion type). In the first ...
Damian Tokarczyk's user avatar
0 votes
2 answers
127 views

Which of these "Email campaign status" combinations make the most sense? (color status labels)

Me and the team are split on which combination of colors are best to indicate "Active", "Sending", and "Sent" for both one-time & automated/recurring email campaigns. ...
Tom's user avatar
  • 1
0 votes
1 answer
53 views

"Timeout / unknown" status in an asynchronous process execution

So I have a case where we update user data in an external service in an asynchronous way. We have a table with users - each row gets a separate user with a separate request, is handled separately. We ...
Armands Ķirītis's user avatar
2 votes
1 answer
153 views

How to display status for On, Off, Faulty

I have a table which shows whether devices are ON or OFF. Currently, it looks like this Status Name Some other columns 🟢 DeviceA 🟢 DeviceB 🔴 DeviceC There is a new requirement, which is to ...
cgtk's user avatar
  • 431
1 vote
1 answer
188 views

Different Status types on same page

I have a page showing a datatable that lists two types of items, X and Y. X has 3 possible status; ONLINE, OFFLINE, DISABLED Y has 5 possible status; |, ||, |||, ||||, ||||| As an example, the table ...
cgtk's user avatar
  • 431
2 votes
2 answers
200 views

Advice on Displaying 24 Hour Opening

There's a similar question but it doesn't address the same issue so I have opened another. I need to display opening hours to website visitors in a clear, easy to understand way. The business opening ...
TheOrdinaryGeek's user avatar
1 vote
2 answers
151 views

Ways to set request status from open to closed

I'm working on requests functionality and there can be 2 statuses of a request: open and closed. Every request has certain steps a user has to complete and once they do, the request will close ...
user141246's user avatar
2 votes
1 answer
260 views

Status (Action required) and main actions in a big data table

Recently i started creating a big data table for a booking company. Usually I don't really have big problems with data tables but this specific one drives me nuts. It is a platform for restaurants. ...
vailerinio's user avatar
0 votes
2 answers
228 views

Using call-to-action or primary buttons to show status of form completion instead of form UI element

I noticed this while using a form to submit some information that the nature place where you indicate the status of the transaction isn't being used but instead the call-to-action or primary button is ...
Michael Lai's user avatar
  • 26.7k
2 votes
2 answers
589 views

Adding tick and cross inside a toggle button

Is it a good UX to add a Tick or cross inside a Toggle button? According to what I feel it is too overwhelming for the user to show extra information about the status through tick and cross. Can you ...
Ahmed Raza's user avatar
2 votes
2 answers
107 views

Grid line item status column - how to display broader explanation?

Grid contains transactions of a sort. Each transaction can be: Open, Closed, or Cancelled. There's a "Status" column, and each cell has one of the 3 words in it: Open, Closed, or Cancelled. Now, Open,...
Rosebud's user avatar
  • 302
1 vote
1 answer
159 views

Overview of daily status for list of items

I'm trying to design an overview UI that helps people understand the daily status for a list of items. Each item is a "job" or automation that runs once on each day. A given day's instance can only ...
nycb's user avatar
  • 13
1 vote
3 answers
206 views

The fragmentation of the page status introduced by multiple design patterns - best practice for page loading?

In one of the recent updates to Google Chrome, we have seen yet another method of dealing with page loading status with the introduction of the loading animation in the favicon area of the browser tab ...
Michael Lai's user avatar
  • 26.7k
0 votes
2 answers
158 views

Timesheet Entries UX

How to distinguish new time entries I have a timesheet that looks like this: Which works well. the customers can see all their time entries on one screen and works well reading the times across the ...
martynssssss's user avatar
2 votes
1 answer
492 views

Proper display for Rejection of Request

I'm currently working on a project where user submit a media request, which then will be reviewed by another user (verifier). I have done the display of information, but I'm not sure how can I show ...
Abigail A.'s user avatar
0 votes
3 answers
269 views

Status Bar with several Stage

I would like to have some opinion on the design, I made to represent the product process QTY. At each stage, i should show to the user, how many of his requested product has been proceed. If there are ...
LeGaulois's user avatar
0 votes
2 answers
114 views

How can I distinguish status cancel internal and cancel external? [closed]

I have three statuses to display on a table (delivered, cancelled internal and cancelled external) as the title says, how can I distinguish cancel internal and cancel external so the users see the ...
Ramil Saavedra's user avatar
1 vote
1 answer
200 views

When there are two buttons, how do i properly indicate that one is active whitout being ambiguous? [duplicate]

When you have a list with 3 or more buttons, its essencially easy to show the system status to the user, but for the first time i faced this two-button status feedback, and i don't know how to ...
shelldude's user avatar
0 votes
1 answer
81 views

Best way to report process status in screen to user

I am very beginner in the development of system screens and I have a question about what would fit best from the progress information. To report whether the status of any process in a process list is ...
Mayara Ferreira's user avatar
5 votes
4 answers
2k views

Displaying Opening Hours

I'm designing a website for a client that has some irregular trading hours. Some days they remain open until 2am, others they close at 10pm. They want these hours displayed on their landing page, so ...
TheOrdinaryGeek's user avatar
1 vote
3 answers
345 views

Wizard component - current state vs active state

The system is used for executing tests. Each test has to go through a number of stages that include user interaction with the system, meaning that each step also has a dedicated screen. We have in ...
Yoav Barak's user avatar
1 vote
1 answer
70 views

How to best show an activity state transition adhering to google's material design component framework?

I have an application which consist of three views for an activity. A list View, A chat view. Every activity has a status , which a a user can either mark completed, pending Example of list view: ...
shikhar's user avatar
  • 11
1 vote
1 answer
48 views

How to convey that the feature has complicated connectivity requirements in a mobile app?

I have a complicated iBeacon based mobile app. To get to the end of the “happy path” -app functional, the following has to be true: Internet reachable Bluetooth enabled Bluetooth permission granted ...
Alex Stone's user avatar
  • 1,617
0 votes
1 answer
184 views

How do you show a current table row selection when there's multiple table pages?

How do you show that a table row (data choice within that row) has been selected in a multi-page table if you are viewing another page within the table that does not contain the selected row?
Sarah's user avatar
  • 81
0 votes
1 answer
44 views

Repeated verification showing last status

We have just about completed building a verification system for one of the systems we maintain. Their clients must complete verification of their account and we need to show to the administrators ...
agrath's user avatar
  • 101
2 votes
1 answer
93 views

Dual color iOS status bar / Alter width dimensions

What is the best approach for dealing with the status bar when an app screen has two columns. One column is dark whilst the other is light. Can the status bar show light over the dark content and ...
Walrus's user avatar
  • 123
1 vote
1 answer
72 views

Interpretation of job status

I am currently working on a landscape mode mobile app, and one of the screens needs to show the state [active, paused, pending, completed] of the jobs. In the following image I have added the icons ...
Usman Mani's user avatar
0 votes
1 answer
136 views

Do modern web applications need warning states?

I'm just curious about the system status in the modern web app design. In some old windows applications, they have warning(yellow colored), error(red colored) and success (green colored). In the ...
Cary Liu's user avatar
  • 121
1 vote
2 answers
96 views

What's a good 'empty state' for a Delayed Buses display? [closed]

I am designing a screen display wireframe that will show late buses on the screen. But I am wondering if the buses are still en-route, what would be good to show in the screen as there is no ...
catandmouse's user avatar
  • 4,238
0 votes
1 answer
76 views

Using "Void" as a status instead of "Void" as an action

I'm having trouble deciding what the status of a document should be once a user clicks the Void button. Using "Void" as an action seems to be common in the industry, but it feels wrong to use it as a ...
styfle's user avatar
  • 103
2 votes
2 answers
264 views

How to visualize status where a lower number or a zero is better than a higher number?

I am in the process of designing the user interface of a ticket system. There will be a dashboard view which displays the most recent number of open ticket. One user need is to be aware of open ...
hhd's user avatar
  • 55
0 votes
1 answer
89 views

Best chart type for giving smallest value greater importance

I'm building a dashboard, and the client wants some charts to monitor severity of a number of issues. If urgent status requires immediate action, it needs to be instantly noticeable. If I am using a ...
WastedSpace's user avatar
1 vote
2 answers
216 views

How can I visualize deviation from the standard as a badge?

I have an icon-button on my website. When clicking on it, the font size can be increased/decreased. I want to visualize that there is a deviation from the normal font size when the user clicks to ...
Noah Krasser's user avatar
0 votes
1 answer
292 views

How to indicate that an item in a data table is urgent / very important?

We have a system that receives certain requests / tasks from customers. There are 2 types of tasks: Urgent and Non-Urgent. What is the best way to display the task list so that it's easy to see which ...
catandmouse's user avatar
  • 4,238
1 vote
2 answers
291 views

How to differentiate between two types of status changes?

We have several rows of data (in a CMS) that change in status. There are two types of status changes: type 1 requires action from Admin but type 2 doesn't. My issue is differentiating between the two ...
catandmouse's user avatar
  • 4,238
2 votes
2 answers
455 views

Enable/Disable indicator

What do you think is the best general way for an icon to be shown disabled , that behaves well in all color circumstances ? e.g desaturating the icon is a good way, but does not behave well in an ...
DrWael's user avatar
  • 263
5 votes
5 answers
3k views

Selecting new status vs. Triggering status change?

I'm designing the control panel of a booking app. Guests will be able to enter some reservations, that the host will have to confirm or reject. A reservation can be in one of these stages: Pending ...
Stefano's user avatar
  • 871
5 votes
4 answers
257 views

How to indicate that an item has been moved to another tab?

We have an app that have 3 tabs: Pending, In Progress, Closed. Now one "issue" will go through all these 3 stages. First it's Pending, then it's it's in Progress, then it's Closed. However, we find ...
catandmouse's user avatar
  • 4,238
1 vote
1 answer
243 views

Placement of a status area

I have read with great interest this discussion relative to web applications. Now I'm facing a very similar problem with respect to notification/status information inside Desktop applications. There ...
Lorenzo Dematté's user avatar
3 votes
2 answers
554 views

Design suggestion for status on card view

Alternate design suggestion for showing different statuses on a card view.
Divyansh Patel's user avatar
1 vote
2 answers
1k views

Ok status (no action required) and needs-attention status without connotations of right & wrong

I have data that classifies users into two status categories: Needs attention No action required These users have taken tests and that data leads to this status. But the status is derived from the ...
Koert van Kleef's user avatar