Nielsons Heuristics Flashcards
Match between system and the real world
The system should speak the users’ language, with words, phrases, concepts, and symbols familiar to the user.
The interface should Follow real-world conventions, making information appear in a natural and logical order.
Match between system and the real world - examples
Icons (home, email, things that represent their real-world counterparts), colors with association (red - stop, green - go), simple colloquial language
User control and freedom - examples
undo/redo, back button, exit button, cancel button
Error prevention
This heuristic highlights the importance of preventing user error in the first place so that they do not have to go back later and figure out what went wrong. Good error prevention stops the user from making a mistake before they even have the opportunity to.
Recognition rather than recall
As humans have limited short-term memory, this heuristic refers to the idea that web interfaces should aim to reduce the amount of active recall a user must perform to use the website. They should instead focus on making elements and information visible and easy to retrieve to reduce the cognitive effort required by users.
Recognition rather than recall - examples
Comparison tables, autofill, contextual recommendations(search bar), save settings, stay logged in, selection from list rather than typing,
Flexibility and efficiency of use
This heuristic refers to the idea that the interface should provide users with flexible processes that can be carried out in multiple ways so that users with varying needs can pick whichever method works best for them.
Flexibility and efficiency of use - examples
Shortcuts: - allow experienced users to save time and be more efficient while not affecting the ability of beginners to use the site.
- keyboard shortcuts for experts at Photoshop
- Bookmarks, Save items to a list, Tap to like
Personalization:
- tailor the content to the user based on the information they provide
Customisation: - lets users create the experience they want to have
* profile customization (image, language, age)
Visibility of system status - definition
The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.
User control and freedom
This heuristic refers to giving the user freedom to exit from unwanted situations and control the interface so that they avoid feeling frustrated by getting trapped or lost on the website.
When it’s easy to back out of a process or undo an action, it fosters a sense of freedom and confidence in the user.
Exits allow users to remain in control of the website and avoid getting stuck and feeling frustrated.
Help users recognize, diagnose, and recover from errors
This Heuristic refers to the idea that interfaces should display clear feedback to the user if an error has been made. The messaging should help the user to identify why the error occurred and exactly what they need to do to fix it.
Visibility of system status - explanation
This heuristic states that web interfaces should always provide open and continuous feedback to the user about the status of the website. This allows users to feel more in control of their experience and builds trust as the user is able to see when the interface has received and how it is responding to their input.
Visibility of system status - examples
Feedback: Important to provide good feedback to actions users take
- Hovering over a link and it changes/hovering over a button and it changes color
- Audio Feedback like from notifications etc
- Starting up computer sound
- Text message or email sending
- feedback messages in response to an action
General Availability: The system telling you if it is available to take input
- Loading circles
- Progress bars/Download percentages to inform users about timeline expectations.
Consistency and standards
The interface should display both internal and external consistency. Internal - consistency/uniformity of the placement and use of elements, colour schemes, etc across the whole website. External - consistent with industry/platform standards and conventions.
This ensures that the UI is predictable and improves the learnability for the user. they shouldn’t have to wonder whether different words, symbols situations, or actions mean the same thing.
Consistency and standards - examples
Internal - Language:
* ex. Commit Vs Save - pick one and stick with it throughout the website
Internal - Layout/Design:
* Example: Product navigation. The location of crucial navigation objects should be consistent. Both the structure and location of the navigation menu should be the same in different parts of your app/website.
- Consistent colour scheme
- Be consistent with the layout of the elements, follow patterns that make sense to the user
External:
* Use of recognized symbols such as the magnifying glass for search placed in the standard position (usually at the top of the screen).