COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to...

26
COMP 6620 COMP 6620 User Interface Design and User Interface Design and Evaluation Evaluation

Transcript of COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to...

Page 1: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

COMP 6620COMP 6620

User Interface Design and User Interface Design and EvaluationEvaluation

Page 2: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

Course IntroductionCourse Introduction

Welcome to COMP 6620Welcome to COMP 6620

SyllabusSyllabus

IntroductionIntroduction

Page 3: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

Good Design (our goal!)Good Design (our goal!)

““Every designer wants to build a Every designer wants to build a high-quality interactive system high-quality interactive system that is admired by colleagues, that is admired by colleagues, celebrated by users, circulated celebrated by users, circulated widely, and imitated frequently.” widely, and imitated frequently.” (Shneiderman, 1992, p.7)(Shneiderman, 1992, p.7)

……and anything goes!…and anything goes!…

Page 4: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

The Good…The Good…

Page 5: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

The Good…The Good…

Page 6: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

The Bad…The Bad…

Page 7: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

The Bad…The Bad…

Page 8: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

The Good…The Good…

Page 9: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

The Bad…The Bad…

Page 10: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

The Ugly…The Ugly…

Page 11: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

The Ugly…The Ugly…

Page 12: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

The (really) Ugly…The (really) Ugly…

Page 13: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

What The…???What The…???

Page 14: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

But What Makes it Good?!But What Makes it Good?!

FunctionalityFunctionality Speed & efficiencySpeed & efficiency Reliability, security, data Reliability, security, data

integrityintegrity Standardization, consistencyStandardization, consistency USABILITY !USABILITY !

Page 15: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

Closer to Fine: A PhilosophyCloser to Fine: A Philosophy

……The human user of any system The human user of any system is the focus of the design is the focus of the design process. Planning and process. Planning and implementation is done with the implementation is done with the user in mind, and the system is user in mind, and the system is made to fit the user, not the made to fit the user, not the other way around….other way around….

Bruce WalkerBruce WalkerGeorgia Institute of Georgia Institute of

TechnologyTechnology

Page 16: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

User Interface Design Is …User Interface Design Is …

Built for Built for humans;humans; must be designed for the must be designed for the useruser

Recognize individual differences; appreciate Recognize individual differences; appreciate design implications of these design implications of these factorsfactors

Recognize the design of things, procedures, Recognize the design of things, procedures, etc., influences human behavior and well-etc., influences human behavior and well-beingbeing

Emphasize empirical data & evaluationEmphasize empirical data & evaluation Rely on the scientific methodRely on the scientific method Things, procedures, environments, and Things, procedures, environments, and

people do not exist in isolationpeople do not exist in isolation

Page 17: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

User Interface Design Is Not…User Interface Design Is Not…

NOT just applying checklists and NOT just applying checklists and guidelinesguidelines These can help, but UID is a whole philosophyThese can help, but UID is a whole philosophy

NOT using oneself as the model userNOT using oneself as the model user Know your real users; recognize variation in Know your real users; recognize variation in

humanshumans

NOT just common senseNOT just common sense Knowing how to design a fire alarm so it will be Knowing how to design a fire alarm so it will be

heard over background noise is not something heard over background noise is not something we all know.we all know.

The UI specialist knows where or how to get the The UI specialist knows where or how to get the information needed to answer design questionsinformation needed to answer design questions

Page 18: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

What Are the Key “Factors”?!What Are the Key “Factors”?!

““It Depends…”It Depends…”Physical factorsPhysical factorsPerceptual factorsPerceptual factorsCognitive factorsCognitive factorsSocial factorsSocial factorsHistorical factorsHistorical factors

……they ALL can affect design!they ALL can affect design!

Page 19: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

How Do You Know It’s Good?!How Do You Know It’s Good?!

Usability Test and EvaluationUsability Test and Evaluation

We will get to this later.We will get to this later.

Page 20: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

User InterfaceUser Interface

What is the User Interface?What is the User Interface? To Users, the interface is the system.To Users, the interface is the system.

Page 21: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

User InterfaceUser Interface

What is the User Interface?What is the User Interface? If you build a system that is not usable, If you build a system that is not usable,

then who will use it?then who will use it?

Page 22: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

User InterfaceUser Interface

What is the User Interface?What is the User Interface? For today’s users, communication For today’s users, communication

with the system has become at least with the system has become at least as important as computation by the as important as computation by the system.system.

Computation is always faster than Computation is always faster than communication.communication.

Page 23: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

User InterfaceUser Interface

What is the User Interface?What is the User Interface? 48% to 100% of code supports the 48% to 100% of code supports the

user interface. (This is increasing)user interface. (This is increasing)

Computer scientists view interface Computer scientists view interface as NOT an integral part of software.as NOT an integral part of software. Software function Rules All.Software function Rules All.

Page 24: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

User InterfaceUser Interface

What is the User Interface?What is the User Interface? The communication medium between The communication medium between

the user and the system.the user and the system.

Page 25: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

User InterfaceUser Interface

User?!User?! Attorneys have clients.Attorneys have clients. Doctors have patients.Doctors have patients. Teachers have students.Teachers have students. Managers have customers.Managers have customers. Researchers have subjects.Researchers have subjects.

Drug addicts are Users.Drug addicts are Users. Why do we refer to our clients as Why do we refer to our clients as

users?users?

Page 26: COMP 6620 User Interface Design and Evaluation. Course Introduction Welcome to COMP 6620 Welcome to COMP 6620 Syllabus Syllabus Introduction Introduction.

Assignment #1Assignment #1

Due Date, August 25Due Date, August 25 Upload Assignment1 as Word Upload Assignment1 as Word

Document or .pdf to BlackboardDocument or .pdf to Blackboard

Good vs. Bad Phone DesignGood vs. Bad Phone Design IphoneIphone Cubic powered by AndriodCubic powered by Andriod