User Tools
Writing /app/www/public/data/meta/design/design_-_principles.meta failed
design:design_-_principles
Differences
This shows you the differences between two versions of the page.
| design:design_-_principles [2017/11/14 09:58] – created mmcc | design:design_-_principles [2021/06/25 10:09] (current) – external edit 127.0.0.1 | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | ====== Design Principles ====== | ||
| + | |||
| + | Author: Michelle McCausland | ||
| + | |||
| + | This page contains the notes taken from the UX training course "UX Foundation Online" | ||
| + | |||
| + | ---- | ||
| + | |||
| + | * Design principles & patterns - high level guidelines | ||
| + | |||
| + | **Perceivable** | ||
| + | * Should be understood by viewing | ||
| + | * What can it do | ||
| + | * What is it asking me to do | ||
| + | * What do I do first | ||
| + | |||
| + | **Predictable** | ||
| + | * Risk-reward calculations | ||
| + | * How long it takes | ||
| + | * What you need to do | ||
| + | * What you're going to get | ||
| + | * What happens next | ||
| + | |||
| + | **Affordances** | ||
| + | * Visual cues - traffic lights, door handles | ||
| + | * If you need instructions for very simple tasks then your design has failed | ||
| + | * Harness natural qualities | ||
| + | |||
| + | **Conventions** | ||
| + | * Established interface patterns | ||
| + | * Saving time and mental energy | ||
| + | * Conventional symbols | ||
| + | |||
| + | **Feedback** | ||
| + | * Confirmation / error messages | ||
| + | * Show user that the interface is responding to their actions | ||
| + | * can often be very minimal | ||
| + | |||
| + | **Constraints** | ||
| + | * Limit your options to keep you focused | ||
| + | * Filling in forms | ||
| + | * Less likely to get sidetracked from task | ||
| + | |||
| + | **Forgiveness** | ||
| + | * Humans are error prone | ||
| + | * How to be forgiving - strong affordances, | ||
| + | |||
| + | **Hick' | ||
| + | * The time it takes to make a decision depends on the number of options present | ||
| + | * Don't overload users with choices | ||
| + | * Let them move through your software | ||
| + | |||
Page Tools
