announcements your first reading assignment is...
TRANSCRIPT
![Page 1: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/1.jpg)
Announcements
• Your first reading assignment is posted on the course web page under “Schedule”course web page under “Schedule”
• There will be a small quiz about the readingThere will be a small quiz about the reading assignment at the beginning of next lecture
![Page 2: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/2.jpg)
Projects
• In 2-3 weeks, you will decide on your project team and project topic.project topic.
•Deliverables for Phase 1:- Names of team membersNames of team members- Project topic- Description of the problem domain and functionalities that
will be provided- What tools will be used for the project
D li bl f Ph 2•Deliverables for Phase 2:- Project report that contains a description of the designed
interface and user evaluation results what parts of theinterface and user evaluation results, what parts of the design were good, what parts were bad?
- A 10-15 min project presentation parallel to the contents of p j p pthe report
![Page 3: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/3.jpg)
Usability, Affordance, and Usability Principlesp
Visual affordances and constraints
Conceptual models
C lit d th iCausality and other mappings
The principle of feedback
Constraints
![Page 4: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/4.jpg)
Daily Challenges
How many of you can use all the functionality in yourHow many of you can use all the functionality in your• VCR• Digital watch• Copy machine• Stereo system• Plumbing fixtures• Plumbing fixtures
![Page 5: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/5.jpg)
What Is Usability?
User satisfaction
Efficiency and effectiveness (user tasks)
Productivity for 2003
60
30
40
50
k ou
tupu
t
Work output
0
10
20
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
Wor
2003
![Page 6: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/6.jpg)
Importance Of Usability: Cost Of Using A Computerg p
Costs from a technical perspective • Hardware costs• Hardware costs• Software costs
C t f th ’ ti ( )Costs from the user’s perspective (personware) • Training costs• Daily usageDaily usage
![Page 7: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/7.jpg)
Usability goals
Effective to use
Efficient to use
S f tSafe to use
Have good utilityg y
Easy to learn
Easy to remember how to use
![Page 8: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/8.jpg)
Fun Examples
Leitz slide projector• To move forward short press• To move forward, short press• To move backward, long press
What happens when you get frustrated?
![Page 9: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/9.jpg)
Fun Examples
Doors
![Page 10: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/10.jpg)
Fun Examples
Phones
How do you- transfer a call- change volume
store a number- store a number- ...
![Page 11: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/11.jpg)
![Page 12: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/12.jpg)
Changing Ringer Volume
Press “Program”
Press “6”
S t lSet volume• Low - Press “1”• Medium - Press “2”ed u ess• High - Press “3”
Press “Program”Press “Program”
![Page 13: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/13.jpg)
Important Concepts
Affordances
Visibility
C t l d lConceptual models
Mappingpp g
Feedback
Constraints
![Page 14: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/14.jpg)
Visual Affordances
How something looks indicates how it’s can be used• Chair for sitting• Chair for sitting• Table for placing things on• Knobs for turning• Slots for inserting things into• Buttons for pushing
C l thi d l i i b t i l thiComplex things may need explaining, but simple things should not• When simple things need pictures, labels, instructions, then design has p g p , , , g
failed• Their usage should be obvious based upon their appearance
![Page 15: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/15.jpg)
Visual Affordances: Computer Audio
Uses a familiar idiom and metaphor
Sliders for sliding Di l fsliding Dials for
turning
Buttons for pressing (Is this a button?)this a button?)
What’s this button do?
![Page 16: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/16.jpg)
Visual Affordances: Telephony
A button is for Is this a
Visual affordances for window controls
pressing, but what does this one do?
graphic or a control?
window controls are missing!
Text is for editing, but you can’t do that here
![Page 17: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/17.jpg)
Visual Affordances: Multi-Media
Handles are for lifting, but these are for scrolling
From AudioRack 32, a multimedia application
![Page 18: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/18.jpg)
Visual Constraints
Limitations on the actions possible which are perceived from an object’s appearancean object s appearance
Push or pull?
Which side?
Push or pull? Push or pull?
Which side?
Which side?
![Page 19: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/19.jpg)
Visual Constraints: Calendar Controls
![Page 20: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/20.jpg)
Visibility
When functionality is hidden, problems in use occur• Occurs when number of functions is greater than number of controls• Occurs when number of functions is greater than number of controls
When capabilities are visible, it does not require memory of h thow to use
• Remind person how to use something
![Page 21: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/21.jpg)
Make things visible
By looking, the user can tell the state of the device and the alternatives for action.alternatives for action.
![Page 22: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/22.jpg)
Simple Example
Electric plugsElectric plugs
What if both sides were “big” and you had toremember which side the “small” one went into?
![Page 23: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/23.jpg)
Simple Example
Bathroom faucetsT f i•Two functions- Hot/coldP- Pressure
![Page 24: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/24.jpg)
Bathroom Faucets 1
Can you figureout how to useit?
fAre two functionsclear and independent?independent?
![Page 25: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/25.jpg)
Bathroom Faucets 2
Can you figureout how to useout how to useit?
Are two functionsclear and
d dindependent?
![Page 26: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/26.jpg)
Bathroom Faucets 3
Can you figureout how to useout how to useit?
Are two functionsclear and independent?independent?
![Page 27: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/27.jpg)
Visibility
• This is a control panel for an elevator. p• How does it work?• Push a button for the floor you want?
• Nothing happens. Push any other button? Still nothing. What do you need to do?
It is not visible as to what to do!
From: www.baddesigns.comg
![Page 28: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/28.jpg)
Visibility
…you need to insert your room card in the slot by the buttons to get the elevator to work!
How would you make this action more visible?
• make the card reader more obvious• provide an auditory message, that says what to do (which language?)language?)
• provide a big label next to the card reader that flashes when someone enters
• make relevant parts visible• make what has to be done obvious
![Page 29: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/29.jpg)
Visibility
www.baddesigns.com
![Page 30: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/30.jpg)
Provide a good conceptual model
A conceptual model allows the user to simulate the operation of the device.of the device.
A good conceptual model allows the user to predict the effects of their actions.
![Page 31: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/31.jpg)
Design Model User’s
M d l
Designer User
ode Model
Designer User
Documentation
System
System Image
![Page 32: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/32.jpg)
Conceptual Models
People have “mental models” of how things work
Conceptual models built from:• Affordances and constraints• Mappings and causality• Transfer effects• Population stereotypes/cultural standardsPopulation stereotypes/cultural standards• Instructions• Interactions
Models may be wrong, particularly if the above attributes are misleadingg
Models allow people to mentally simulate operation of device
![Page 33: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/33.jpg)
Conceptual Models
![Page 34: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/34.jpg)
Conceptual Models
![Page 35: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/35.jpg)
Designing A Good Conceptual Model
Communicate model through visual image• Visible affordances and constraints• Visible affordances and constraints• Clear causality of interactions• Consider cultural idioms, transfer effects• Instructions augment visuals
D i O t
Together all these things indicate what can be done and how to do it
Designer Operator
to do it
Dilbert © United Feature Syndicate, Inc.
![Page 36: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/36.jpg)
An Example Of Good Design: Scissors
![Page 37: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/37.jpg)
Example Of A Bad Design: Digital Watches
12:00
![Page 38: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/38.jpg)
The Principle of Mapping
The relationship between two things
N t l iNatural mapping• Physical analogies• Cultural standardsCu tu a sta da ds
![Page 39: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/39.jpg)
Car speaker control
![Page 40: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/40.jpg)
Good mappings
It is possible to determine the relationships between:• Actions and results• Actions and results• Controls and their effects• The system state and what is visible
![Page 41: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/41.jpg)
Mapping
Relationship between controls and their movements and the results in the worldresults in the world
Why is this a poor mapping of control buttons?
![Page 42: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/42.jpg)
Mapping
Why is this a better mapping?
The control buttons are mapped better onto the sequence of actions of fast re ind re ind pla and fast for ardfast rewind, rewind, play and fast forward
![Page 43: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/43.jpg)
Mappings
![Page 44: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/44.jpg)
Guess Which Switch Controls The Screen?
www.baddesigns.com
![Page 45: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/45.jpg)
How Do You Play The CD?
www.baddesigns.com
![Page 46: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/46.jpg)
Mappings
![Page 47: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/47.jpg)
Mappings
![Page 48: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/48.jpg)
Mappings
From www.baddesigns.com
![Page 49: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/49.jpg)
Mappings
The set of possible relations between objects:• The relation between the control and what is being controlled e g• The relation between the control and what is being controlled e.g.,
relationship between the burners and the mimic diagrams on a stove• Cause and effect relationships e.g., turn the car’s steering wheel right and
th i htthe car goes right.
Arbitrary Full mappingPairedy
backright
frontleft
backleft
frontright
24 possibilities requires:
back front front back
2 possibilities per side24 possibilities, requires: -visible labels-memory
2 possibilities per side =4 total possibilities
![Page 50: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/50.jpg)
Mappings: Drawing Tools
Cursor re enforcesCursor re-enforces selection of current item
Only active palette items fully visiblefully visible
DepressedDepressed button indicates currentlycurrently mapped item
![Page 51: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/51.jpg)
The Principle of Feedback
Sending back information to the user on what has been done.
The user should receive full and continuous feedback about results of actions.
![Page 52: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/52.jpg)
Feedback
Sending information back to the user about what has been done
Includes sound, highlighting, animation and combinations of these, g g g,
• e.g. when screen button clicked on provides sound or red highlight feedback:g p g g
“click”
![Page 53: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/53.jpg)
Causality
The thing that happens right after an action is assumed to be caused by that actionbe caused by that action• Interpretation of “feedback”• False causality
I ff- Incorrect effect
![Page 54: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/54.jpg)
Causality
- Invisible effect
![Page 55: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/55.jpg)
Lack Of Causality
•No apparent cause-effect relation• Ok does nothing!• Ok does nothing!• Effects visible only after the “exe” button is pressed
A k d t fi d i t l l l•Awkward to find appropriate color level
![Page 56: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/56.jpg)
Transfer Effects
People transfer their learning/expectations of similar objects to the current object:to the current object:• Positive transfer
• Negative transferNegat ve t a s e
![Page 57: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/57.jpg)
Transfer Effects
![Page 58: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/58.jpg)
Population Stereotypes
Populations learn idioms that work in a certain way- Red means dangerRed means danger- Green means safe
• But idioms vary in different cultures!But idioms vary in different cultures!- Driving
North America: drive on the right side of the roadEurope: drive on the left side of the roadp
• Ignoring/changing stereotypes?- Calculators vs. phone number pads: which should computer keypads follow?Calculators vs. phone number pads: which should computer keypads follow?
• Difficulty of changing stereotypes- Qwerty keyboard: designed to prevent jamming of keyboardQwerty keyboard: designed to prevent jamming of keyboard- Dvorak keyboard (’30s): provably faster and more efficient to use
![Page 59: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/59.jpg)
Cultural Associations And Icon Design
Because a trashcan in Thailand may look like this:
A Thai user is likely to be confused by this y yimage popular in Apple interfaces:
Sun found their email icon problematic for some American urban dwellers who are unfamiliar withAmerican urban dwellers who are unfamiliar with rural mail boxes.
![Page 60: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/60.jpg)
Cultural Associations
A Mac user finds a Windows system only somewhat familiar
![Page 61: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/61.jpg)
Individual Differences: Who Do You Design For?
![Page 62: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/62.jpg)
Individual Differences: Who Do You Design For?
![Page 63: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/63.jpg)
Individual Differences: Who Do You Design For?
People are different
It is rarely possible to accommodate all people perfectly
R l f th bRule of thumb:• Designing for the average is a mistake
- May exclude half the audience
• Design should cater for 95% of audience (ie for 5th or 95th percentile)- But means 5% of population may be (seriously!) compromisedBut means 5% of population may be (seriously!) compromised
Examples:C d h i h h d i• Cars and height: headroom, seat size
• Computers and visibility: - Font size, line thickness, alternatives to color for color blind people?
![Page 64: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/64.jpg)
Proverbs On Individual Differences
You do NOT necessarily represent a good representative user of equipment or systems you design.q p y y g
Do not expect others to think and behave as you do, or as you might like them to.
People vary in thought and behaviour just as they do ph sicallphysically.
![Page 65: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/65.jpg)
Who Do You Design For And Individual Differences
Computer users:• Novices Walk up and use systems
most kiosk + internet• Novices Walk up and use systems
Interface affords restricted set of tasksIntroductory tutorials to more complex uses
internet systems
• Casual Standard idiomsRecognition (visual affordances) over recall
most shrink-wrappedsystemsg ( ff )
Reference guides
• Intermediate Advanced idioms• Intermediate Advanced idiomsComplex controlsReminders and tips
custom software
• Expert Shortcuts for power usersInterface affords full task customizationf ff f
![Page 66: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/66.jpg)
Why Design Is Hard
1) The number of things to control has increased dramaticallydramatically
1950's 1970's1950 s – 1970 s
1990's – 2000's
![Page 67: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/67.jpg)
Why Design Is Hard (2)
2) Displays are sometimes overly abstract• Red lights in car indicate problems vs flames for fire• Red lights in car indicate problems vs. flames for fire
![Page 68: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/68.jpg)
Why Design Is Hard (3)
3) Feedback can be more complex, subtle, and less natural• Is your digital watch alarm on and set correctly?y g y• Is the phone in call forwarding mode?
4) Errors increasingly serious and/or costly• Airplane crashes, losing days of work...
![Page 69: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/69.jpg)
Why Design Is Hard (4)
…Costly errors:
From InfoWorld, Dec ’86• “London—
An inexperienced computer operator pressed the wrong key on a terminal in early December, causing chaos at the London Stock Exchange. The error at [the stockbrokers office] led to systems staff working through the night in an attempt to cure the problem”
Image from the book “Wall Street” published by New York Distributors
![Page 70: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/70.jpg)
Why Design Is Hard (5)
5) Marketplace pressures
• Adding functionality (complexity) now easy and cheap - Computers
• Adding controls/feedback expensive - Physical buttons on calculators, microwave ovens
Wid t l t t- Widgets consume screen real estate
• Design usually requires several iterations before successP d ll d if i di l f l- Product pulled if not immediately successful
![Page 71: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/71.jpg)
Why Design Is Hard (5)
6) People often consider cost and appearance over designing with Human Factors in mindwith Human Factors in mind
• Bad design not always visible or obvious
www.baddesigns.com
![Page 72: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/72.jpg)
Why Design Is Hard (6)
...Cost and appearance over Human Factors designe g the wave of cheap telephones:e.g., the wave of cheap telephones:
- Accidentally hangs up when button hit with chin- Bad audio feedback
Ch hb i di l- Cheap pushbuttons—mis-dials common- Trendy designs that are uncomfortable to hold- Hangs up when dropped- Functionality that can’t be accessed (redial, mute, hold)
7) People tend to blame themselves when errors occur7) People tend to blame themselves when errors occur- “I was never very good with machines”- “I knew I should have read the manual!”
“L k t h t I did! D I f l t id!”- “Look at what I did! Do I feel stupid!”
From “The Simspons”
![Page 73: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/73.jpg)
Human Factors In The Design Of Computers
What does this do?
• Computers are far more complex to control than most physical devices• General purpose computer contains no natural conceptual model• General purpose computer contains no natural conceptual model• Completely up to the designer to present a good model to the user
![Page 74: Announcements Your first reading assignment is …user.ceng.metu.edu.tr/.../Schedule/se705_week2.pdf- Description of the problem domain and functionalities that will be provided -](https://reader034.vdocuments.mx/reader034/viewer/2022042308/5ed431ac8f499d161b389f1e/html5/thumbnails/74.jpg)
What You Know Now
Many so-called human errors are actually errors in design• Don’t blame the user!
Designers help make things easier to use by providing a good conceptual modelconceptual model• Affordances• Constraints• Mapping and causalityMapping and causality• Positive transfer• Population stereotypes and cultural associations
Design to accommodate individual differences• Decide on the range of users
Good design is difficult for a variety of reasons that go beyond design-related issues