inde/tc 455: user interface designcourses.washington.edu/ie455/files/ie455--lecture-31.pdf · 1...

39
1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

Upload: others

Post on 16-Oct-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

1

IE/TC455 class #31

INDE/TC 455:User Interface Design

Class #31

URL:courses.washington.edu/ie455

Page 2: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

2

IE/TC455 class #31

TA Moment

Page 3: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

3

IE/TC455 class #31

Future of interfaces

• Being there– Sensory immersion– Natural interaction

• Entities– Virtual and physical ‘Things’

that represent computers

• Virtual common• Emotional feedback• Deeply-coupled systems• VIRTUAL FROGS

Page 4: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

4

IE/TC455 class #31

A look back at how far we’ve come!

Page 5: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

5

IE/TC455 class #31

User Interface DesignCourse Content

• Knowledge of how interfaces seem towork (models)

• Tools for designing interfaces

• Process for designing interfaces

• Project to apply all of the above

Page 6: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

6

IE/TC455 class #31

Interface Design Tools

•• Systems engineering principlesSystems engineering principles

•• 10 step design sequence10 step design sequence

•• Thinking hatsThinking hats

• Furness 10 Commandments

•• Subject panelSubject panel

•• Survey/questionnaire toolsSurvey/questionnaire tools

Page 7: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

7

IE/TC455 class #31

Interface Design Tools - 2

• Persona generation• Scenario generation

– Narrative– Sketches– Storyboard

• Simulation/prototyping tools

Page 8: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

8

IE/TC455 class #31

Other stuff - 1

• Definitions

• Need for user interface design

• Really good interfaces

• Really cool interfaces

• Really bad interfaces

• How to work in groups

• How measure goodness of interfaces

Page 9: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

9

IE/TC455 class #31

Other stuff - 2

• Assignments– Design a stove for a handicapped person– Interfaces in your life– Elegant interface– Arcade project– Representational construct (cancelled)– Thinking hats problem– Really bad interfaces– Group design project

• Presentation• report

Page 10: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

10

IE/TC455 class #31

More stuff - 3

• Characterizations– Human– Tool– Task– Environment– Interactions of all of the above

• Interface constructs

Page 11: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

11

IE/TC455 class #31

Still More stuff - 4

• Technology for the tools

– Control/display

– Input/output

– Real/virtual

– Tangible virtual

– Virtual reality

– Mixed reality

– Far out stuff!

Page 12: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

12

IE/TC455 class #31

User Interface Design Considerations

TOOLHUMAN

TASK

= Information Path

Metrics

= Influence Path

Environment

Page 13: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

13

IE/TC455 class #31

Human Interface Model -- Level 3

HUMAN PROCESSES

CO

GN

ITIV

E

PE

RC

EP

TU

AL

SE

NS

OR

Y

PS

YC

HO

MO

TO

R

DIS

PL

AY

CO

NT

RO

L I

NP

UT

MACHINE PROCESSES

PR

OC

ES

SIN

G

PR

OG

RA

MM

ING

SIGNAL

TRANSFER

DIRECT PATH

USER

MODEL OF

MACHINE

DESIGNER

MODEL OF

USER

MACHINEINDIRECT PATH

A PRIORI

KNOWLEDGE

TRAINING

EXPERIENCEEXPERIENCE

META COMMUNICATION

TASK

Page 14: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

14

IE/TC455 class #31

Now you can save the world frombad interfaces!

IE455

Page 15: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

15

IE/TC455 class #31

Where go from here?

Page 16: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

From Kurzweil: The Age of the Spiritual Machine

Page 17: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

17

IE/TC455 class #31

Mock-up of home computer (1954)

Page 18: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

18

IE/TC455 class #31

Not concerns

• Technology

• Human factors

Page 19: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

19

IE/TC455 class #31

Interface challenges

• Just how much can we handle?

• What do we do with this ‘power’

• Is it truly empowerment?

Page 20: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

20

IE/TC455 class #31

Concerns

• Social impact– Cellphones

– Headphones

– Eyephones

• Technology intoxication

• Kids and playgrounds

• Are we doing the right thing?

Page 21: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

21

IE/TC455 class #31

Paradigm shift

• Socially responsible technologydevelopment & application

• Making a profit while solving pervasiveproblems

• Balance the ‘push’ & ‘pull’ of technologyand applications

Page 22: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

22

IE/TC455 class #31

Problems we have to solve!

• Growth of population– hunger– Crime + terrorism– environment– energy

• Education of population– awakening children– life long learning

• Aging of population– Health maintenance– quality of life– pain management

Page 23: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

23

IE/TC455 class #31

Our future...

Page 24: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

FoundationalFoundational ScienceScience

EnablingEnabling TechnologiesTechnologies

ConceptConceptDemonstrationsDemonstrations

What if?What if?=new functionality=new functionality

SocietalSocietal DriversDrivers

The Dynamics of Achieving Marketable ProductsThe Dynamics of Achieving Marketable Products

ApplicationsApplications

CustomersCustomers& Markets& Markets

Page 25: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

25

IE/TC455 class #31

Still….

• it’s fun to think about what we can dowith technology…– Visit the Science Fiction Museum

Page 26: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

26

IE/TC455 class #31

Some advice…

• Don’t watch a lot of TV (or computer games)• Read the classics (it’s about the stories)• Go on some expeditions (get out there)• Work on real world problems• Help everyone to win• Count on serendipity

– …the faculty of making fortunate discoveries by accident.• Be generous = you only get to keep what you give away• Keep in touch!

Page 27: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

27

IE/TC455 class #31

“I hold the unconquerable belief thescience and peace will triumph overignorance and war, nations will cometogether not to destroy but to construct,and that the future belongs to those whoaccomplish most for suffering humanity.”

Louis Pasteur

Page 28: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

28

IE/TC455 class #31

The Long Quiet Highway…

"Whether we know it or not, we transmit the presence of

everyone we have ever known, as though by being in each

other's presence we exchange our cells, pass on some of our

life force, and then go on carrying that other person in our

body, not unlike springtime when certain plants in fields we

walk through attach their seeds in the form of small burrs to

our socks, our pants, our caps, as if to say "Go on, take us

with you, carry us to root in another place."

"The Long Quiet Highway" -- Natalie Goldberg

Page 29: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

29

IE/TC455 class #31

Now you can really save the worldfrom bad interfaces!

IE455

Page 30: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

30

IE/TC455 class #31

Remember:The interface is the only face you

see!

Page 31: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

31

IE/TC455 class #31

Last bits

• Last minute questions– Remember group evaulation sheet

• Turn in individual envelop with projects by5:00P Monday

• Turn in report, appendices (includingflipbook-CD), prototype

• Discussion• Thank Trond• Report card for instructors

Page 32: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

32

IE/TC455 class #31

Point of contact:

Tom FurnessProfessor & DirectorHuman Interface Technology Lab.University of WashingtonBox 354142Seattle, WA 98195Voice : 206.369.6620Email: [email protected]: www.hitl.washington.eduWebNZ; www.hitlabnz.org

Page 33: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

33

IE/TC455 class #31

Thanks…

Page 34: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

34

IE/TC455 class #31

My Family

Page 35: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

35

IE/TC455 class #31

My ‘other’ family

Page 36: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

36

IE/TC455 class #31

HIT Lab NZ 2005 Virtual Worlds Consortium

Page 37: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

37

IE/TC455 class #31

Sponsors

• National Science Foundation• NIH/NCI• DARPA• ARDA• Dept of Homeland Security• NZ Foundation for Research, Science &

Technology• NZ Trade and Enterprise• Consortium members

Page 38: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

38

IE/TC455 class #31

Where do you want to go today?

Page 39: INDE/TC 455: User Interface Designcourses.washington.edu/ie455/files/IE455--Lecture-31.pdf · 1 IE/TC455 class #31 INDE/TC 455: User Interface Design Class #31 URL:courses.washington.edu/ie455

39

IE/TC455 class #31

Point of contact:

Tom FurnessProfessor & International DirectorHuman Interface Technology Lab.University of WashingtonBox 354142Seattle, WA 98195Voice : 206.685.8626Email: [email protected] Web: www.hitl.washington.eduNZ Web: www.hitlabnz.org