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