Questions tagged [states]
The states tag has no usage guidance.
29 questions
1
vote
3
answers
95
views
Should a "selected counter" be updated when the list it counts is filtered?
Situation:
I have a list where a user can turn items on or off using a switch. I added a super above the label of the list to show how many items in the list are turned on.
Now the user can also ...
1
vote
2
answers
69
views
Selection state position after selecting/onload
I'm wondering for a UI element like this, where users can select an option, what should the on-load positioning be? Should the selected item be first? or should I have a divider for selected and the ...
1
vote
2
answers
81
views
How to best showcase selected state of visually important elements
I'm creating a feature to select profile badge – how might I best showcase the selected state?
0
votes
3
answers
466
views
How to visually represent 4 state checkbox
I'm trying to represent 4 states:
Not started
In progress
Submitted (uploaded)
Approved
Update: these are display only. Not clickable or changeable. (Program changes their state after other actions ...
0
votes
2
answers
138
views
How to annotate designs with interaction states when pulling from a larger design system?
I'm currently pulling a small set of assets from a large design system and I'm conflicted about the best way to organize design files with interactions for developer hand-off.
For example, I have a ...
0
votes
1
answer
1k
views
Confusion on Material Design hover and focus states combination
Material Design guideline says this and it's really confusing me:
Only one state layer is applied at a time. For example, if an element is first focused and then hovered, the hover state layer will ...
2
votes
1
answer
82
views
Best possible way to display 6 tabs with first 3 as mandatory steps and rest activated after completion of first 3?
We are revamping the attached page.We are using Angular Material framework.Requirement are as follows :
1. User needs to fill form in first three tab as mandate like a wizard or stepper. (Expected ...
2
votes
1
answer
303
views
How to indicate partial success in an Android notification?
My question is somewhat similar to this question: How to provide an indication for partial success? But I need to show the indication as an Android Notification.
A user can send an alarm (calling for ...
1
vote
2
answers
114
views
Displaying object states with minimal UI changes (for large numbers of objects)
I've been tasked with a design challenge, which apparently seemed so simple for me, but I've almost come to a dead end.
There are states for an object that need to be represented visually on a page. ...
0
votes
1
answer
378
views
Best practices for showing selection states in dropdowns
I'm designing a CRM-style interface for medical assistants, and I'm wondering if putting a check next to the selected state in a dropdown is redundant if that state is already showing on main screen? (...
1
vote
1
answer
86
views
Allowing both hover and select state on a section / component
Do you think allowing both hover and select on a component makes sense in the bellow context?
The tool is a drag & drop application builder (UI builder).
Configuring objects (sections in the page ...
37
votes
5
answers
8k
views
Is there a UX term for a "happy state"?
A "happy state" is a bit like an empty state but occurs when the user successfully completes a task or likewise.
Is there a coined term for this kind of screen?
Example (this source names it a "...
99
votes
9
answers
25k
views
Should I have a disabled button or no button at all, if the user doesn't have sufficient privileges for the action?
I would like advice on whether a disabled button is better than no button for a certain UI.
Basically, the regular (experienced) users can either comment on an issue or close it; the users with ...
2
votes
2
answers
745
views
Show multiple statuses/state on a list item
Currently, I am working on a feature for a mobile forms application where users can send data via SMS and Internet. What I need to accomplish is a way to display both the internet and sms submission ...
1
vote
2
answers
76
views
Defaulting values for a calculation tool
I've been asked to build a repayment calculator for a bank and 85% of their customers are of a specific type, e.g. Married, over the age of 30 first time buyer etc, you get the idea.
Now, depending ...
2
votes
2
answers
3k
views
iOS - Should buttons/links have a disabled state?
I'm working on an iPhone app and am doing research on disabled states. It looks like it's not a common pattern on iOS.
I looked at many apps (e.g. Facebook, LinkedIn, WhatsApp, App Store, Apple Store ...
3
votes
2
answers
222
views
Form button - After selection state
On my website, there's a short form where the users need to make a selection (Green or Red) and then submit their request.
The currently applied method for the button state after making the selection, ...
4
votes
2
answers
321
views
Representing a network delay in fetching the status of a network object
Back story
I am working on a monitoring view of a network management system. The system allows the user to deploy a network object in a client environment. Once done, this monitoring view shows the ...
0
votes
2
answers
411
views
UI to edit objects that consist of states
I have a object that may have different state on certain time.
I need to create representation to edit this object, so user should be able to add event(new state), edit previous states, or change ...
6
votes
4
answers
7k
views
How should I show disabled state in table?
Let me explain a problem at first!
I am making a mockups for a web service hardly consisted of tables. Every table has action at the end of each row. So, every set of actions refers to certain row. ...
8
votes
4
answers
3k
views
Enable/Disable - single check-box or two radio buttons?
I am working on system which is intended for rather technical users - engineers, etc. The system consist of several windows, each provide the user with the option to configure (create/edit) some ...
3
votes
2
answers
1k
views
Conventions for Current/Active state on a list item
I have a list of items one of which will be in a current/active state. Let's for instance say its an outstanding list of jobs but I need to differentiate between the job I am currently working on and ...
8
votes
4
answers
20k
views
How should a multi-state toggle slider with more than two states be implemented?
The toggle slider is a very common pattern on mobile devices for iOS and certain web applications, however they work well for only a dual-state switching.
When it comes to more than two states, the ...
32
votes
9
answers
15k
views
How to indicate that an element is "new" in a list
I was wondering if you had any clever idea of how to show that an element in a list is new.
In my case I'm displaying a list of documents and I want the user to see which ones are new since their ...
3
votes
3
answers
124
views
How to deal with multiple feedbacks from a single action
This one is a bit tricky:
I have to give the user 2 actions for every object on my app: Add to list and Feature (that's the best translation I could come up with). The problem is: Add to list adds an ...
3
votes
3
answers
813
views
Change negative checkbox labels to positive?
I know that the ideal state would be to use positive connotation for checkbox labels as in
[✔️] do this
rather than
[✔️] don't do this
The system I am working on has many checkboxes in many ...
1
vote
2
answers
159
views
Color decision for different state of an activity
I need to decide the colors for these states.
Approved,
Reject,
Corrected
The functions are like this.
One user can approve some task but it can correct be corrected by some other user. Here ...
0
votes
2
answers
147
views
Standard representation of states for objects in software application
I am trying to come up with a standard to be included in a style guide for a software application. One of the difficulties with the guide is around documenting states/status that seem to have a ...
107
votes
11
answers
76k
views
Should a button become lighter or darker on hover?
We're having a discussion in the office about whether a button should become lighter or darker when a user hovers over it.
Here are some examples from the field:
Apple "Buy Now" button (Second is ...