![Page 1: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/1.jpg)
1
INDE/TC 455:User Interface Design
Autumn 2008Class #2
URL:courses.washington.edu/ie455
![Page 2: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/2.jpg)
2
From Class #1
• In class design exercise• Introduction to each other• Introduction to course
![Page 3: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/3.jpg)
3
Class #2 agenda
1. Fill out survey2. Relook at syllabus & schedule3. Introduction to interfaces
• Review interface definitions• What are elegant interfaces?
4. Tips for working in groups• What to do in the first group meeting
5. Student assignment to project team6. Team Photo7. Initial team get together
![Page 4: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/4.jpg)
4
Assignments for Class #3• Individual
• Review modules (1.1, 3.0, 4.0, 5.0, 5.1A, 6.0)• Make a list of the interfaces you use in one day
• Select one to critique• How would you improve it
• Three Good interfaces & why• Three Bad interfaces & why
• Donald Norman article:• http://www.jnd.org/• Emotional Design: Attractive Things Work Better -
http://www.jnd.org/dn.mss/CH01.pdf• Group
• Start working with your team• Name/Logo/mission statement/motto or vision statement
• teams think about projects
![Page 5: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/5.jpg)
5
List of interfaces
• Greatest number?• Most unusual?• Turn in.
![Page 6: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/6.jpg)
6
Module 2.0 - Definitions
![Page 7: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/7.jpg)
7
A few initial definitions…
![Page 8: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/8.jpg)
8
Definitions
• Technology is the application of scientificknowledge to the practical aims of humanlife or, as it is sometimes phrased, to thechange and manipulation of the humanenvironment.
Encyclopedia Britannica-2003
![Page 9: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/9.jpg)
9
Definitions
• Technology is the application of scientificknowledge to the practical aims of human life or,as it is sometimes phrased, to the change andmanipulation of the human environment.
• A tool is a system of technologies that helps auser perform a task or tasks.
![Page 10: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/10.jpg)
10
Tools (self-contained)
![Page 11: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/11.jpg)
11
Tools (part of a system)
![Page 12: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/12.jpg)
12
Tools to manipulate matter!
![Page 13: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/13.jpg)
13
Tools to manipulate bits!
![Page 14: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/14.jpg)
14
Tools to manipulate energy
![Page 15: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/15.jpg)
15
Definitions
• Technology is the application of scientificknowledge to the practical aims of human life or,as it is sometimes phrased, to the change andmanipulation of the human environment.
• A tool is a system of technologies that helps auser perform a task or tasks.
• The interface is that subsystem that facilitatesuser interaction with the tool.
![Page 16: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/16.jpg)
16
Definition: Interface
Inter =Between
Faces
BetweenFaces
![Page 17: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/17.jpg)
17
Some interface examples…
![Page 18: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/18.jpg)
18
Interface
![Page 19: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/19.jpg)
19
Interfaces for bit manipulators
![Page 20: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/20.jpg)
20
Interfaces for matter manipulators
![Page 21: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/21.jpg)
21
Interfaces for energy manipulators
![Page 22: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/22.jpg)
22
An evolving interface
![Page 23: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/23.jpg)
23
Evolution of System
![Page 24: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/24.jpg)
24
Definitions
• Technology is the application of scientificknowledge to the practical aims of human life or,as it is sometimes phrased, to the change andmanipulation of the human environment.
• A tool is a system of technologies that helps auser perform a task or tasks.
• The interface is that subsystem that facilitatesuser interaction with the tool.
• The goal is to design an interface that makes thetool the most useful in performing a task or set oftasks.
![Page 25: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/25.jpg)
25
Most useful?
• Intuitive…easy to learn
• Effective…gets the job done
• Efficient…gets the job done in atimely way with minimum expenditureof resources efficient
• You like it!
![Page 26: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/26.jpg)
26
Why user interface design?
![Page 27: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/27.jpg)
27
Bad interface design - 1
![Page 28: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/28.jpg)
28
Bad interface design - 2
![Page 29: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/29.jpg)
29
Bad interface design - 3
![Page 30: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/30.jpg)
30
What is the problem? - 1
![Page 31: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/31.jpg)
31
What is the problem? - 2
![Page 32: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/32.jpg)
32
What is the problem? - 3
![Page 33: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/33.jpg)
33
Getting help with User InterfaceDesign - 1
![Page 34: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/34.jpg)
34
Getting help with User InterfaceDesign - 2
![Page 35: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/35.jpg)
35
Getting help with User InterfaceDesign - 3
IE455
![Page 36: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/36.jpg)
36
Module 7: Teamwork
![Page 37: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/37.jpg)
37
Randy Pausch - Last Lecture
http://www.youtube.com/watch?v=ji5_MqicxSo
![Page 38: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/38.jpg)
38
Tips for working in groups
See syllabus for Randy Pauschsuggestions
![Page 39: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/39.jpg)
39
List of Randy’s tips
1. Meet people properly.2. Find things you have in common.3. Make meeting conditions good.4. Let everyone talk.5. Check your egos at the door.6. Praise each other.7. Put it in writing.8. Be open and honest.9. Avoid conflict at all costs.10. Phrase alternatives as questions.
![Page 40: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/40.jpg)
40
Things to do in initial team meeting(s)
• Introductions• Contact information• Schedules• Convenient meeting places• Inventory skills of team members• Roles (should rotate)
– Meeting coordinator– Archive keeper– Project schedule monitor– Group leader (may change)
• Decide about project• Start working on Project prospectus
![Page 41: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/41.jpg)
41
Other ‘To dos’ for Project teams
• Select name for project team
• Build team identity– develop logo
– Mission statement
– Motto or vision statement for team
• Need an ‘archiver’– Keeping notes drawings & sketches
– Need an archiver…need to see trail of effort
• Remember Contest/judges– Winner final project/presentation
– Prize to group (presentation + final report)
![Page 42: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/42.jpg)
42
Assignments for Class #3• Individual
• Review modules (1.1, 3.0, 4.0, 5.0, 5.1A, 6.0)• Make a list of the interfaces you use in one day
• Select one to critique• How would you improve it
• Three Good interfaces & why• Three Bad interfaces & why
• Donald Norman article:• http://www.jnd.org/• Emotional Design: Attractive Things Work Better -
http://www.jnd.org/dn.mss/CH01.pdf• Group
• Start working with your team• Name/Logo/mission statement/motto or vision statement
• teams think about projects
![Page 43: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/43.jpg)
43
Lab #1
Team organzation & ProjectAssignment
![Page 44: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/44.jpg)
44
Team and Project Assignments
And send off!
![Page 45: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/45.jpg)
45
List of Randy’s tips
1. Meet people properly.2. Find things you have in common.3. Make meeting conditions good.4. Let everyone talk.5. Check your egos at the door.6. Praise each other.7. Put it in writing.8. Be open and honest.9. Avoid conflict at all costs.10. Phrase alternatives as questions.
![Page 46: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/46.jpg)
46
Things to do in initial team meeting(s)
• Introductions• Contact information• Schedules• Convenient meeting places• Inventory skills of team members• Roles (should rotate)
– Meeting coordinator– Archive keeper– Project schedule monitor– Group leader (may change)
• Decide about project• Start working on Project prospectus
![Page 47: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/47.jpg)
47
Other To dos for Project teams
• Select name for project team• Build team identity
– develop logo– Mission statement– Motto or vision statement for team
• Need an ‘archiver’– Keeping notes drawings & sketches– Need an archiver…need to see trail of effort
• Remember Contest/judges– Winner final project/presentation– Prize to group (presentation + final report)
![Page 48: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/48.jpg)
48
Phase 0: Project & Teamassignments
Module 5.0
![Page 49: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/49.jpg)
49
Project Sequence -Phase 0: Project & Team Assignments
• Each class member assigned to a team• Team assignments made as result of
questionnaire– Interests– Skills– Diversity (gender, academic dept, etc.)
• Project assigned to each team– To save time– Interest– Meets criteria of doableness, access to
subjects, interesting
![Page 50: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/50.jpg)
50
If you want to change project
• Everyone in team must agree to change• Must be meaty and have access to subjects• Must get approval of Prof Furness or Ani
prior to pressing ahead• Decision must be made by the beginning of
class on Friday 3 Oct.• Remember the process is more important
than the actual interface you are designing.
![Page 51: INDE/TC 455: User Interface Design - University of Washingtoncourses.washington.edu/ie455/files/IE455--Lecture-2.pdfuser perform a task or tasks. •The interface is that subsystem](https://reader036.vdocuments.us/reader036/viewer/2022071416/611295bce60a8b797a741ea0/html5/thumbnails/51.jpg)
51
Photos and send off