1 INDE/TC 455: User Interface Design Autumn 2008 Class #2 URL:courses.washington.edu/ie455
1
INDE/TC 455:User Interface Design
Autumn 2008Class #2
URL:courses.washington.edu/ie455
2
From Class #1
• In class design exercise• Introduction to each other• Introduction to course
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
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
5
List of interfaces
• Greatest number?• Most unusual?• Turn in.
6
Module 2.0 - Definitions
7
A few initial definitions…
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
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.
10
Tools (self-contained)
11
Tools (part of a system)
12
Tools to manipulate matter!
13
Tools to manipulate bits!
14
Tools to manipulate energy
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.
16
Definition: Interface
Inter =Between
Faces
BetweenFaces
17
Some interface examples…
18
Interface
19
Interfaces for bit manipulators
20
Interfaces for matter manipulators
21
Interfaces for energy manipulators
22
An evolving interface
23
Evolution of System
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.
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!
26
Why user interface design?
27
Bad interface design - 1
28
Bad interface design - 2
29
Bad interface design - 3
30
What is the problem? - 1
31
What is the problem? - 2
32
What is the problem? - 3
33
Getting help with User InterfaceDesign - 1
34
Getting help with User InterfaceDesign - 2
35
Getting help with User InterfaceDesign - 3
IE455
36
Module 7: Teamwork
37
Randy Pausch - Last Lecture
http://www.youtube.com/watch?v=ji5_MqicxSo
38
Tips for working in groups
See syllabus for Randy Pauschsuggestions
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.
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
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)
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
43
Lab #1
Team organzation & ProjectAssignment
44
Team and Project Assignments
And send off!
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.
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
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)
48
Phase 0: Project & Teamassignments
Module 5.0
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
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.
51
Photos and send off