Itqualityassurance
- What is an active state button?
- What is hover vs active state?
- What is hover vs focus state?
- What are button states?
What is an active state button?
The active state is often under-used but serves a helpful purpose in 'flat' style UI design. With a variety of input devices, mice, trackpads, it is not always clear when you have made a 'click' action. Using the active state you can design subtle visual clues that a button has been clicked.
What is hover vs active state?
Hover: It is the state that occurs by putting your cursor over the button. You cannot see this state using the keyboard. Active: Very simply, it is the state of an element that is active. For example, in our example, it is the state of interacting with the button.
What is hover vs focus state?
A hover state communicates when a user has placed a cursor above an interactive element. A focused state communicates when a user has highlighted an element, using an input method such as a keyboard or voice.
What are button states?
Button states let the user know whether they can click or have clicked, or had successfully clicked a button. You should also bear in mind that a button can have overlapping states. For example, it could be 'active' and 'hover' at the same time.
