Inf385p software usability engineering
Download
1 / 82

Week 2 PowerPoint Slides - PowerPoint PPT Presentation


  • 220 Views
  • Updated On :

INF385P – Software Usability Engineering Week 2 – Norman’s book and mental models I’m gonna go fast because . . . It ain’t rocket science. You’ve already read the book. I’d rather make you scramble to keep up than bore you. I have 80 slides I’m gonna do in 60 minutes (yeah, right!).

Related searches for Week 2 PowerPoint Slides

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Week 2 PowerPoint Slides' - issac


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Inf385p software usability engineering l.jpg

INF385P – Software Usability Engineering

Week 2 – Norman’s book and mental models


I m gonna go fast because l.jpg
I’m gonna go fast because . . .

  • It ain’t rocket science.

  • You’ve already read the book.

  • I’d rather make you scramble to keep up than bore you.

  • I have 80 slides I’m gonna do in 60 minutes (yeah, right!).

    • While I’m presenting this, see if you can characterize your good and bad designs that you’ve discovered this week in Norman’s terms.


Chapter 1 l.jpg
Chapter 1

  • The PsychoPATHOLOGY of everyday things

  • Assumption: We blame ourselves for errors, but the real culprit is faulty design.

  • Assumption: There’s nothing special about computers. They have the same sorts of design problems as simpler, everyday things.


Good design l.jpg
Good Design

  • Well designed objects . . .

    • are easy for the mind to understand

    • contain visible cues to their operation

  • Poorly designed objects . . .

    • provide no clues, or

    • provide false clues.


Natural signals l.jpg
Natural Signals

  • Natural signals lead to natural design.

  • A metal plate “naturally” is to be pushed.

  • Visible hinges “naturally” indicate attachment, and that the other side swings open. (And swings open TOWARD me?)


Mapping l.jpg
Mapping

  • Mapping is a relationship between two things (e.g., between what you want to do and what appears possible).

  • Good design allows for a clear (visible) mapping between . . .

    • intended actions and

    • actual operations.

  • Now -- think of what this might mean in a web site.


Good design7 l.jpg
Good Design

  • Principles of good design

    • the importance of visibility

    • appropriate clues

    • feedback of ones actions.

  • Just so you’ll know -- others have proposed OTHER principles of good design. Go check out the web site of Bruce Tognazzini:

    http://www.asktog.com/basics/firstPrinciples.html


First principles l.jpg

“The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web.”

Anticipation

Autonomy

Color Blindness

Consistency

Defaults

Efficiency of the user

Explorable Interfaces

Fitts’s Law

Human-Interface Objects

Latency Reduction

Learnability

Metaphors, Use of

Protect Users’ Work

Readability

Track State

Visible Interfaces

“First Principles”


Affordance l.jpg
Affordance and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Affordance is the perceived and actual properties of a thing.

    • Primarily those fundamental properties that determine how a thing could possibly be used.

    • “Affords” means, basically, “is for.”

    • A chair affords support, therefore affords sitting.

  • Affordances provide strong clues to things’ operations.

  • When affordances are taken advantage of, the user knows what to do just by looking.

    • No label, picture, or instruction (“Push”) is required.

  • - When simple things need pictures, labels, or instructions, the design has failed.


Complex world l.jpg
Complex World and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • 30,000 readily discriminable objects. How do we deal with all of them?

    • Partly, the way the mind works.

    • Partly, the information available from the appearance of objects.

    • Partly, the ability of the designer to:

      • make the operation clear,

      • project a good image of the operation, and

      • take advantage of the other things people might know.

  • Here is where the designer’s knowledge of the psychology of people coupled with the knowledge of how things work becomes crucial.


Principles of design l.jpg
Principles of Design and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Four principles of Design for Understandability and Usability.

  • Provide a good conceptual model.

    • A good conceptual model allows us to predict the effects of our actions.

    • Simply knowing the relationship between the controls and the outcomes.


Principles of design cont d l.jpg
Principles of Design (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Make things visible.

  • The principle of mapping.

    • Natural mapping (taking advantage of physical analogies and cultural standards) leads to immediate understanding.

    • Move the control up, the sound gets louder.

    • Seat adjustment in Fig. 1.13 is a good example.


Principles of design cont d13 l.jpg
Principles of Design (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • The principle of feedback.

    • Feedback is sending back to the user information about what action actually has been done, what result has been accomplished.


The paradox of technology l.jpg
The Paradox of Technology and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Added functionality generally comes along at the price of added complexity.

  • The same technology that simplifies life by providing more functions also complicates life by making the device harder to learn and use.

  • The Paradox of Technology should never be used as an excuse for poor design.

  • Added complexity cannot be avoided when functions are added, but with clever design they can be minimized.


Chapter 2 psy of everyday actions l.jpg
Chapter 2 -- Psy of Everyday Actions and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Norman’s credo on errors -- if an error is possible, someone will make it.

  • The designer must design so as to:

    • minimize the chance of errors in the first place

    • minimize the effects of an error

    • make errors easy to detect

    • make errors reversible, if possible.


Models l.jpg
Models and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Mental Models = our conceptual models of the way . . .

    • objects work

    • events take place

    • people behave

  • Mental models result from our tendency to form explanation of things.

  • Models are essential in helping us . . .

    • understand our experiences

    • predict the outcomes of our actions

    • handle unexpected occurrences.


Models cont d l.jpg
Models (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • We base our models on whatever knowledge we have:

    • real or imaginary

    • naïve or sophisticated

    • even fragmentary evidence.

  • Everyone forms theories (mental models) to explain what they have observed.

  • In the absence of feedback to the contrary, people are free to let their imaginations run free.

  • More on models in Chapter 3.


Blame l.jpg
Blame and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • People assign causal relation whenever two things occur in succession.

  • When we try something and fail, we blame ourselves (especially when we know others have succeeded).

  • Thus, a “Conspiracy of Silence,” leading to

    • guilt

    • helplessness

  • Learned Helplessness

  • Taught Helplessness

    • Badly designed objects constructed so as to lead to misunderstanding (faulty mental models). Think of an internally inconsistent app or web site.


Explanation l.jpg
Explanation and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • The nature of human thought and explanation.

    • We want to have an explanation, and we will construct one in order to eliminate any puzzle or discrepancy in our lives.


7 stages of action l.jpg
7 Stages of Action and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • On p. 47 is a series of four figures that illustrate Norman’s view of the structure of action.

  • Actions have two major aspects:

  • Doing something (execution)

  • Checking (evaluation)


7 stages cont d l.jpg
7 Stages (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Action is broken down into 7 stages:

  • Perceiving the state of the world

  • Interpreting the perception

  • Evaluating the interpretations

  • Setting a goal

  • Intention to act

  • Sequence of actions

  • Execution of actions


7 stages cont d22 l.jpg
7 Stages (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Specific actions bridge the gap between

    • What we would like to do (goals and intentions) and

    • All possible physical actions.

  • 7 stages form an “approximate model,” not a complete psychological theory.

  • One key -- continual feedback loop.

    • Process can be started at any point.


Gulfs l.jpg
Gulfs . . . and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Of Execution and Evaluation.

    • Gulf of Execution -- the difference between intentions and allowable actions.

    • Gulf of Evaluation -- difficulty in interpreting the physical state of a “system,” interpreting how well the expectations and intentions have been met.


Designing l.jpg
Designing and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • The 7-stage structure can be a valuable design aid.

  • Provides basic checklist of questions to ask to ensure that

    • the Gulf of Execution and

    • the Gulf of Evaluation

      are bridged.


Designing cont d l.jpg
Designing (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • There’s a question to ask for each stage (see Fig. 2.7) and they boil down to the principles of good design:

    • visibility

    • good conceptual model

    • good mappings

    • feedback.

  • Next time you can’t immediately figure out the shower control in a motel, remember that the problem is in the design!


Chapter 3 knowledge in the head and in the world l.jpg
Chapter 3 - Knowledge in the Head and in the World and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Not all knowledge required for precise behavior must be in the head. It can be distributed:

    • partly in the head

    • partly in the world

    • partly in the constraints of the world.


Knowledge l.jpg
Knowledge and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Precise behavior can emerge from imprecise knowledge, because . . .

    • Information is in the world (e.g., signs).

    • Great precision is not required. (Not just one path to school.)

    • Natural constraints are present. (Didn’t have to worry about going UP as you drove to school.)

    • Cultural constraints are present (e.g., driving on the right).


Behavior l.jpg
Behavior and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • In everyday situations, behavior is determined by the combination of . . .

    • internal knowledge

    • external info

    • constraints.

  • There’s a tradeoff between the amount of mental knowledge and the amount of external knowledge needed.


In the world l.jpg
In the world and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • An example.

  • Typing:

    • Letter names on keycaps.

    • Requires that the typist look at keycaps.

    • Goal of power typing is to get that knowledge from the world into the head of the typist.


Knowledge of and knowledge how l.jpg
Knowledge OF and Knowledge HOW and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Knowledge OF = Declarative Knowledge

    • Knowledge of facts and rules

    • Easy to write down, teach

  • Knowledge HOW = Procedural Know.

    • Difficult or impossible to write down, teach

    • Best taught by demonstration and learned through practice

    • Largely subconscious


Constraints l.jpg
Constraints and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • The power of constraints -- the “memory” for epic poetry is found to be mostly reconstruction, with the aid of the constraints of rhyme, meter, etc.

  • We use constraints to simplify what we must remember.

  • For example, putting mechanical parts together.

    • Some are constrained by what will and will not fit together.

    • Also cultural constraints -- screws tighten clockwise.


Memory l.jpg
Memory and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • . . . Is knowledge in the head.

  • Think of all you can remember. Phone numbers, postal codes, passwords, SSN, birthdays, etc., etc.

  • It’s tough!

    • So, we put memory in the world. (Daytimers. Palm Pilots. Address books. Stickies.)


Memory structure l.jpg
Memory Structure and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Two major classes of memory: STM & LTM

  • STM

    • Memory of the just-present

    • Retained automatically

    • Retrieved without effort

    • Limited capacity (7 +/- 2)

    • Items easily bumped

    • Capacity can be increased by chunking

    • Items retained by rehearsal


Memory structure cont d l.jpg
Memory Structure (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • LTM

    • Memory for the past

    • Storage and retrieval takes time

    • Items stored according to interpretation (multi-keyed indexing)

    • Virtually unlimited capacity

    • Storage and retrieval are easier when the material makes sense


3 categories of things remembered l.jpg
3 Categories of things remembered and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Memory for arbitrary things, meaningful relationships, memory through explanation

  • For arbitrary things:

    • Rote learning

    • Takes more time to encode

    • When there’s a problem, memorized sequence of events gives no hint of what’s gone wrong or how to fix it.

    • We impose structure or associations to help

      • E.g., tune to help remember the alphabet

    • Items aren’t understood. No mental model.


3 categories of things remembered cont d l.jpg
3 Categories of things remembered (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Memory for meaningful relationships

    • Enabled by mental models

    • Interpretation is essential, but it is NOT understanding.


3 categories of things remembered cont d37 l.jpg
3 Categories of things remembered (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Memory through explanation.

    • Most powerful form of internal memory

    • Mental models play a major role -- simplify learning because the details can be DERIVED when needed.

      • NOTE: The use of mental models to DERIVE behavior is not ideal for tasks that must be done rapidly or smoothly.

    • Designers should provide users with appropriate models, ‘cause people make ‘em up, otherwise.

    • The power of mental models -- let you figure out what would happen in novel situations.


Memory38 l.jpg
Memory . . . and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • . . . is also knowledge in the world.

  • But only available when you are there. (What if you don’t see that note you left for yourself.)


Reminding l.jpg
Reminding and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • A good example of the interplay between info in the world and in your head.

  • Strategies for reminding:

    • Rehearsal

    • Notes to self

    • Put the burden on the thing to be remembered (put the book by the door)

  • Two different aspects of a reminder

    • The signal (string around finger)

    • The message (ring around finger)

  • The ideal reminder has both components.


In the world40 l.jpg
In the World and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Lots of products make it easier to put knowledge in the world.

    • Alarm clocks

    • Diaries

    • Calendars

    • Watches

    • PDAs


Natural mappings l.jpg
Natural Mappings . . . and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • . . . Reduce the need for information in memory.

  • Simple design principle:

  • If a design depends on labels, it may be faulty.

    • Labels are important, and often necessary.

    • But the appropriate use of natural mappings can minimize their need. (E.g., stove controls.)

    • Wherever labels seem necessary, consider another design.


Tradeoff l.jpg
Tradeoff . . . and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • . . . between info in the world and in the head.

    • Knowledge in the world acts as its own reminder.

    • Knowledge in the head is efficient. (You can travel light.)

    • Knowledge in the world is easier (no learn time), but often difficult to use. Relies heavily on the physical presence of info.

  • See Fig. 3.6, p. 79.


Ch 4 knowing what to do l.jpg
Ch. 4 -- Knowing what to do and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • When we encounter a novel object, either

    • We’ve dealt with something similar before, and we transfer old knowledge, or

    • We get instruction.

  • Thus, information in the head.


Design l.jpg
Design and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • How can the design of an object (NOTE: info in the world) signal the appropriate actions?

    • Natural (physical) constraints

    • Affordances, that convey messages about the item’s possible uses, actions, and functions

  • “The thoughtful uses of affordances and constraints together in design lets a user determine readily the proper course of action even in a novel situation.”


Constraints 4 classes l.jpg
Constraints - 4 Classes and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Physical

  • Semantic

  • Cultural

  • Logical


Physical constraints l.jpg
Physical Constraints and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Constrain possible operations

  • Rely on properties of the physical world, so no special training is required.

  • Are made more effective and useful if they are easy to see and interpret.

    (Example: Glass over fire alarm.)


Semantic constraints l.jpg
Semantic Constraints and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Rely on the meaning of the situation to control the set of possible actions.

  • Rely on our knowledge of the situation and the world.

    Example -- Windshield goes in front of rider, in Legos!


Cultural constraints l.jpg
Cultural Constraints and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Signs are meant to be read.

  • Guidelines for cultural behavior are represented in the mind by schemas.

    • Schemas are “knowledge structures that contain the general rules and info necessary for interpreting situations and for guiding behavior.”


Logical constraints l.jpg
Logical Constraints and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Logic dictates that all parts be used, and fit together.

  • Natural mappings work by providing logical constraints.


The problem with doors l.jpg
The Problem with Doors and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • An example of applying affordances and constraints to everyday objects.

  • When we approach a door we expect to find some visible signal.

    • Tells us where to act

    • Next step is to figure out how to act

    • Sometimes we need a manual (a one-word manual)

    • The proper hardware will operate a door smoothly PLUS will indicate how the door is to be operated

      • It will exhibit proper AFFORDANCES.

    • Focus on aesthetics can blind the designer (and the purchaser) to the lack of usability.


The problem with switches l.jpg
The Problem with Switches and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • 2 fundamental problems

  • Grouping problem (which switch goes with which function)

    • Controls that cause trouble should not be located where they can be operated by accident.

    • Solution -- separate the switches for two sets of functions

    • Another solution -- use different types of switches

    • Combine the two solutions


The problem with switches cont d l.jpg
The Problem with Switches (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Mapping Problem (which switch goes with which light)

    • Unsolvable given current light switch design (mismatch in spatial arrangement (horiz. vs. vert.) makes a natural mapping impossible.

    • Match the layout of the lights with the layout of the switches.


Visibility and feedback l.jpg
Visibility and Feedback and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Visibility -- make relevant parts visible

  • Feedback -- give each action an immediate and obvious effect


Using sound for visibility l.jpg
Using Sound for Visibility and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Sounds should be generated to give info about the source

  • Should convey something about the actions that are taking place

  • Natural sounds (not beeps) reflect the complex interaction of natural objects

    • The way one part moves against another

    • The material of which the parts are made -- hollow or solid, metal or wood, soft or hard, rough or smooth

  • One of the virtues of sounds is that they can be detected even when attention is applied elsewhere. But, thus, can be obtrusive.


Ch 5 to err is human l.jpg
Ch. 5 - To err is human and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Errors come in several forms

    • Slips -- result from automatic behavior, when subconscious actions get waylaid en route (“performance errors”)

    • Mistakes -- result from conscious deliberations (“competence errors”)


In terms of the 7 stages of action l.jpg
In terms of the 7 stages of action . . . and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • If you form an appropriate goal, but mess up in the performance, you’ve made a slip.

  • If you form a wrong goal, you’ve made a mistake.

  • Slips are usually small things, relatively easy to discover.

  • Mistakes can be more major, harder to detect. (Says Norman.)


Slips l.jpg
Slips and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Show up most often in skilled behavior. (Does that seem contradictory? Think about it.)

  • We don’t make many when we are still learning.

  • Result from lack of attention. (Or from a speed-accuracy tradeoff.)


Types of slips l.jpg
Types of Slips and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Capture errors -- a frequently done activity suddenly takes charge instead of the intended one (e.g., typing THE instead of THY).

  • Description errors -- the intended action has much in common with others possible (e.g., turn on the wrong burner on stove).

  • Data-driven errors -- automatic actions, triggered by the arrival of some sensory data, intrude into an ongoing action sequence (e.g., pick up the phone when you hear a ring on TV).

  • Associative activation errors -- internal thoughts and associations intrude, causing errors (e.g., think you’re leaving a phone message for your wife, end with “I love you”).

  • Loss-of-activation errors -- simply forgetting to do something

  • Mode errors -- when devices have different modes of operation, and the action appropriate for one mode has different meaning in another mode (e.g., hitting the accelerator pedal when in neutral).


Modes l.jpg
Modes and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Modes can be detected only if there is feedback.

  • Problem of level -- where (at what level in the sequence) is the error?

  • Problems of level constantly thwart the correction of error.


Design60 l.jpg
Design and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Design lessons from the study of slips.

    • Don’t prevent errors by requiring confirmation.

    • Rather, eliminate irreversible errors.


Mistakes l.jpg
Mistakes and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Mistakes as errors of thought. (Competence errors.)

  • Mistakes result from the choice of inappropriate goals.


Three models of human cognition l.jpg
Three Models of Human Cognition and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Photo Album Theory. (BUZZZ. Thank you for playing.)

  • Schema Theory.

    • Filing cabinet model

    • Lots of cross-references and pointers

    • Basic beliefs

      • There is logic and order to individual structures (schema)

      • Human memory is associative, with each schema pointing and referring to multiple others (networked!)

      • Much of the power for deductive thought comes from using the info in one schema to deduce the properties of another.


Third approach connectionist l.jpg
Third Approach -- Connectionist and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Still unproven

  • Less logical

  • Each connectionist unit (whatever!) is connected to many others

  • Signals are either positive (activation) or negative (inhibition)

  • Thoughts = stable patterns of activity

  • New thoughts are triggered by a change in the system (from within or without) -- new info arrives and changes the pattern of activation and inhibition

  • Referred to as the “multiple exposure” theory of memory

  • Good quote, p. 118, last para., through middle of p. 119.


Tasks l.jpg
Tasks and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • The structure of tasks.

  • Everyday structures are either shallow and wide (ice cream list) or narrow and deep (cookbook).

  • Any task that involves a sequence of activities where the action to be taken at any point is determined by its place in the sequence is “narrow.”


Tasks cont d l.jpg
Tasks (cont’d.) and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Most tasks of daily life are routine. Shallow or narrow.

  • What are NOT everyday activities? Those with wide or deep structures, that require considerable conscious planning and thought, deliberate trial and error. (Did someone say surfing the web to find some particular info?)


Conscious and subconscious behavior l.jpg
Conscious and Subconscious Behavior and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Much human behavior is done subconsciously

    • without conscious awareness

    • not available to introspection

  • Subconscious thought matches patterns

    • finding best match between past experience and current needs

    • proceeds rapidly, automatically, without effort

    • good at generalizing

    • but can find inappropriate matches

    • a bias towards regularity and structure


Conscious thought l.jpg
Conscious Thought and implementation of effective interfaces, whether for traditional GUI environments or the web.”

  • Slow and labored

  • Ponder decisions, consider alternatives, compare choices

  • Slow and serial

  • Limited by small STM

  • Uses subconscious thought as a tool

  • memory limitation is overcome by appropriate organization structure

  • Mistakes are made by mismatch -- by taking current situation and falsely matching it with something in the past.


  • Designing for error l.jpg
    Designing for Error and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Everyone makes errors

    • Designers make the mistake of not taking errors into account

    • Read p. 131 for list of what designers SHOULD do

    • Forcing functions -- form of physical constraint

      • Can’t put convertible top up or down unless the car is in “park.”

    • Read “A design philosophy,” p. 140.


    Ch 6 the design challenge l.jpg
    Ch. 6 -- The Design Challenge and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Norman talks about what forces work against evolutionary, or natural design (pp. 142-143).

      • The demands of time (quick product cycles)

      • The pressure to be distinctive (related to the curse of individuality)


    Typewriter case history l.jpg
    Typewriter - Case History and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Note the important design lesson on p. 150.

    • To wit: Once a satisfactory product has been achieved, further changes may be counterproductive.

      • (What does that have to say about web site design.)

    • Norman says you have to know when to stop.


    Pitfalls l.jpg
    Pitfalls and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Three reasons why designers go astray:

    • Putting aesthetics first

    • Designers aren’t typical users

    • Designers’ clients may not be the users


    Complexity of the design process l.jpg
    Complexity of the Design Process and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Not a lot of meat in this chapter

    • Understand the concepts of

      • selective attention

      • the problem of focus

    • Understand the “two deadly temptations for the designer”

      • creeping featurism

      • worshipping false images (e.g., complexity)


    Finally l.jpg
    Finally . . . and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • . . . toward the end of the chapter (about p. 177) he starts getting into computer systems.

    • That’s a pointer to our final projects.


    Ch 7 ucd l.jpg
    Ch. 7 - UCD and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Chapter 7 is the “punch line” of the whole book.

    • User-Centered Design

    • Most of the chapter is given over to describing “seven principles for transforming difficult tasks into simple ones.”


    Principle 1 l.jpg
    Principle 1 and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Use both knowledge in the world and knowledge in the head.

    • Here Norman refers to his distinction between the mental models of the designer and the user, and the relationship between these and the actual system.


    Principle 2 l.jpg
    Principle 2 and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Simplify the structure of tasks

    • Here Norman recalls our discussion of STM and LTM, and their different weaknesses. He also offers 4 “major technological approaches” that “can make the mappings more visible or, better, more natural.”

      • 1 Keep the task much the same, but provide mental aids.

      • 2 Use technology to make visible what would otherwise be invisible, thus providing feedback and the ability to keep control.

      • 3 Automate, but keep the task much the same.

      • 4 Change the nature of the task.


    3 4 5 l.jpg
    3, 4, 5 and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Principle 3 -- Make things visible: Bridge the Gulfs of Execution and Evaluation.

    • Principle 4 -- Get the mappings right.

    • Principle 5 -- Exploit the power of constraints, both natural and artificial.


    6 and 7 l.jpg
    6 and 7 and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Principle 6 -- Design for error. Assume that any error than can be made will be made.

    • Principle 7 -- When all else fails, standardize.


    Slide79 l.jpg
    Etc. and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • He goes on to offer a section on why you might want to design something to be hard to use ON PURPOSE.

    • And he ends with a few sections on writing, the home of the future, and a concluding section.


    Next your homework l.jpg
    Next . . . your homework and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Bad designs.

    • Good designs.

      Famous quote: “No one ever raised a statue to a critic.” Sibelius

      I want us all to remember that it is easier to criticize another design than it is to design something.


    Slide81 l.jpg
    Now . . . and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • Let’s try to put it in Norman’s terms why the good designs were good and the bad designs were bad. (“Some important feature was, or was not, visible.”)


    Next week l.jpg
    Next week and implementation of effective interfaces, whether for traditional GUI environments or the web.”

    • We’ll talk about perceptual and cognitive psychology – a little about what we know about how human beings take in and process information.

    • Homework – good and bad WEB designs, to class next week.

    • White paper due in five weeks. Don’t forget to have your topic OK’d by me.

    • http://bbspot.com/News/2003/07/letter_c.html


    ad