When users know the current system status, they learn the outcome of their prior interactions and determine next steps. Predictable interactions create trust in the product as well as the brand.
All these let the user know how far along the process is
Does the UI use terms based on users’ language for the task?
Are meaningful icons and/or abbreviations used?
Does information appear in a natural order?
Does the order that information is accessed match user expectations?
Skeuomorphism describes interface objects that mimic their real-world counterparts in how they appear and/or how the user can interact with them. EG: the recycle bin icon used for discarding files.
When a design’s controls follow real-world conventions and correspond to desired outcomes (called natural mapping), it’s easier for users to learn and remember how the interface works. This helps to build an experience that feels intuitive.
Heart icon for wish list
Locator bubble icon for location
Magnifying glass for search
Inverted triangle for drop-down
Arrows to go to next images
Speech bubble for chat
colour swatch for car colour
Recognised icons for links
X to close the pop-up
Car outline for vehicle selection
Locator bubble icon for location
Magnifying glass & Toyota logo for search Toyota
Sales tag for pricing
Wrench for servicing
X to remove car
Pen for editing
+ sign indicates click for additional information
When it's easy for people to back out of a process or undo an action, it fosters a sense of freedom and confidence. Exits allow users to remain in control of the system and avoid getting stuck and feeling frustrated.
Are users offered easy ways out of as many situations as possible?
Are there clearly marked ‘emergency exits’ for users to leave unwanted situations without having to go through several stages?
Support for undo and redo, e.g. Ctrl-Z & Ctrl-Y
Cancel button (for dialogue boxes waiting for user input)
Universal undo (can go back to the previous state)
Interrupt (especially for lengthy operations), e.g. Home button, “ESC” key
Quit (for leaving the program at any time)
Defaults (for restoring a previous state)
All pages have a nav bar so the user can go anywhere on the site
Users can delete entries in their wish list
Users can see that they can go forwards and backwards on the build process and the colour scheme
Users can see they can remove, alter, add OR start over