Design Principles from Don Norman’s “Design of Everyday Things” and Preece, Rogers and Sharp's “Beyond Interaction Design”Design of Everyday Things + Donald Norman - cognitive scientist and engineer who has pioneered many ideas surrounding user centred- design + worked for Apple, Hewlett Packard, Northwestern University, UCSD + critiques and examines many everyday items as examples of problematic designs + design principles a framework for discussing and thinking about everyday interactions + Norman, Donald A. (1988). The Design of Everyday Things. New York: Basic Books.Design Principles + Visibility- can is see it? * Feedback - what is it doing now? * Affordance - how do | use it? + Mapping - where am | and where can | go? * Constraint - why can’t | do that? * Consistency - | think | have seen this before?Visibility + Can see the state of a device and possible actions + Car controls are positioned in a way that they can be easily found and usedVisibility + Problems arise when we cannot “see” how to do use a device * Sensor technology like auto faucets - not sure how to use - guess where to put hands + Visible knobs, dials and buttons have been replaced by invisible and ambiguous “active zones”Visibility + Hiding certain functions can be advantageous in interface design + Certain functions are kept invisible until needed; also contained within a group of similar types + Google search makes it clear where to enter text Google Google Search | I'm Feeling Lucky | ‘Search: © the wab © Canada pages from Canada Rows Columns dit Rows & Columns: Column Width Row Height Selections Row Column BordersVisibility * Other examples of poor or good visibility in design? weFeedback + what is it doing now? what action has been performed? + needs to be immediate and synchronized with user actionFeedback + Sound works as feedback - examples?Feedback + Other examples of feedback in everyday design? ree cansAffordance + Perceived and actual properties of an object that give clues to its operationAffordance + Perceived and actual properties of an object that give clues to its operationAffordance + Perceived and actual properties of an object that give clues to its operationAffordance + Other examples of affordances in everyday interactions?Mapping * Relationship to controls and their effectMapping * Relationship to controls and their effectMapping * Relationship to controls and their effect QMocd oma A €4V> DB ENT beg €v>Constraints * Restricting the kind of interactions that can take placeConstraints Restricting the kind of interactions that can take place Reduce the chance of error Can also work to focus user’s attention to needed task Paste Fil. Define Brush Preset... Define Pattern... Purge ‘Adobe POF Presets... Preset Manager... Color Settings. Assign Profile ORKConstraints + Other examples of good and bad constraints? Fil Define Brush Preset... Define Pattern... Define Custom Shape. Purge ‘Adobe POF Presets... Preset Manager... Color Settings... Assign Profile. “RV ORKConsistency designing interfaces to have similar operations and use similar elements for achieving similar task systems are usable and learnable when similar concepts are expresses in similar ways enables people to quickly transfer prior knowledge to new contexts and focus on relevant tasks Four types of consistency: aesthetic functional internal externalConsistency cymes Aesthetic + style and appearance is repeated to enhance recognition, communicates membership and sets emotional tone * Mercedes Benz vehicles are instantly recognizable because the company consistently feature its logo on all its vehicles * associated with quality and prestige; respected and admired; fine craftsmanship and reliableConsistency Functional * meaning and action are consistent to improve learnability and understanding * consistent use of symbols to represent similar concepts, leverages prior knowledge and makes new things easier to use * traffic always turns yellow before red * cassette recorder control symbols used onaera PEW) err a get en Consistency Internal * consistency with other elements in the system + cultivates a sense of orientation and trust + indicates system is well thought out and planned * eg. park and trail signageConsistency External * consistent with other elements in the environment * extends the benefit of internal consistencies across multiple, independent systems * more difficult to achieve because different systems rarely observe the same design standards Finder File Edit View Go Window Help Safari File Edit View History Bookmarks Window Help Photoshop file Edit image Layer Select Filter View Window Help