10 Usability Heuristics
Users often perform actions by mistake. They need a clearly marked "emergency exit" to leave the unwanted action without having to go through an extended process.
User control and freedom
Users often perceive aesthetically pleasing design as design that’s more usable.
Aesthetic Usability Effect
With the introduction of Big Sur, macOS now aligns it's dialog buttons this way.
"Vertically" or "Stacked"
This HTML tag specifies an input field where the user can enter data, and comes in a variety of types.
<input>
This author is famous for a framework that explains the user experience in 'layers'.
Jesse James Garrett
The design should always keep users informed about what is going on, through appropriate feedback within a reasonable amount of time.
Visibility of system status
Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.
Jakob's Law
In Windows dialogs, the primary action button in a group of actions is always on this side.
Left
This HTML tag defines a clickable element that you can put text inside and is used to submit forms.
<button>
Jakob Nielsen
Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform and industry conventions.
Consistency and standards
Objects that are near, or proximate to each other, tend to be grouped together.
Law of Proximity
On Android, push notifications appear in this region of the screen.
Top
This HTML element is used to create a drop-down list and is most often used in a form, to collect user input.
<select>
Poorly designed door that confuses or fails to give you an idea whether to push or pull, were named after him.
Don Norman
The design should speak the users' language. Use words, phrases, and concepts familiar to the user, rather than internal jargon. Follow real-world conventions, making information appear in a natural and logical order.
Match between system and the real world
The average person can only keep 7 (plus or minus 2) items in their working memory.
Miller's Law
On iOS, this feature allows you to control how much time you spend in apps.
ScreenTime
This <input> type is generally used in groups describing a set of related options and only one may be selected.
Radio
His book from 2000, "Don't Make Me Think" was one of the most approachable UX books to date.
Steve Krug
Minimize the user's memory load by making elements, actions, and options visible. The user should not have to remember information from one part of the interface to another. Information required to use the design (e.g. field labels or menu items) should be visible or easily retrievable when needed.
Recognition rather than recall
Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other.
Doherty Threshold
Bottom
this <input> type defines a square box that is ticked when activated and allows a user to select one or more options of a limited number of choices.
Checkbox
She is co-authored "Org Design for Design Orgs" and has experience leading design at Chase, Capital One, Adaptive Path, and Microsoft.
Kristin Skinner