Skip to main content

Questions tagged [states]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
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 ...
DennisW's user avatar
  • 1,079
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 ...
Benzowin's user avatar
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?
Benzowin's user avatar
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 ...
Clay Nichols's user avatar
  • 1,548
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 ...
k-design's user avatar
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 ...
MountainTiger1234's user avatar
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 ...
Apramit's user avatar
  • 43
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 ...
Sophia Sabir's user avatar
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. ...
George Mathew K's user avatar
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? (...
Conor's user avatar
  • 543
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 ...
Ioana's user avatar
  • 45
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 "...
RobbyReindeer's user avatar
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 ...
Ana Kash's user avatar
  • 1,113
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 ...
Joel Dean's user avatar
  • 121
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 ...
colmcq's user avatar
  • 8,270
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 ...
user avatar
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, ...
Naor Urian's user avatar
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 ...
Ahmed Baig's user avatar
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 ...
2oppin's user avatar
  • 101
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. ...
Jerry's user avatar
  • 71
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 ...
Assimiz's user avatar
  • 1,552
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 ...
Chris Spittles's user avatar
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 ...
Michael Lai's user avatar
  • 27.7k
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 ...
Raphaëlle M's user avatar
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 ...
JotaRMonteiro's user avatar
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 ...
uxfelix's user avatar
  • 1,880
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 ...
B L Λ C K's user avatar
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 ...
Michael Lai's user avatar
  • 27.7k
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 ...
Kevin Burke's user avatar
  • 2,377