cs 615 user interface design - overview

1Gabriel Spitz

CS 615 User Interface Design - Overview

Lecture # 1

Gabriel Spitz 2

Lecture Objectives

• Instructor• Course objectives• Course outline

Gabriel Spitz 3

Before we start

• Please send me an email to gspitz@akamai.com• Include your personal information

o Your name (First name, last name)o Student IDo Email address that you could be reached before class for class cancelation

informationo If you prefer add a phone number for text message

Gabriel Spitz 4

Who Am I

• Gabriel Spitz• BA, Psychology, NYU• MSIE, SUNY Buffalo• Sc.D, Behavioral Sciences, Technion, Israel• Principal Human Factors @ Akamai, Inc

o UX Design, Customer Experience, Research, • Previously, LiveData, Aptima, Wang, BBN, MITRE• I am Human Factors Engineer & User Interface

Designer (UX)

Gabriel Spitz 5

Contact Information

• Emailo gspitz@akamai.com

• Phoneo 781-572-7695

• Office hourso By appointmento If needed M W 7:45-8:15 pm in class

• Lectures’ Websiteo http://www.blackgecko.com/gspitz/CS615/

Gabriel Spitz 6

Frequently Used Names

• Human Factors Engineer• Interface Designer• Interaction Designer/Engineer• Graphical Designer• Usability Engineer• Information Architect• Technical Writer• More…

Gabriel Spitz 7

Course Objectives – Understand (1/3)

• Course objectives are to:o Understando Practiceo Create

• Understand the goals and criteria of a good user-interface (UI)

• Understand the UI design process• Become familiar with issues in UI design• Become familiar with the underlying drivers

of UI design

Gabriel Spitz 8

Course Objective – Practice (2/3)

• Learn and practiceo Performing user and task analysiso Designing UI using user centered approach o Evaluating user interface

Gabriel Spitz 9

Course Objective – Create (3/3)

• Gain experience with real-world skillso Create user and stakeholders’ personaso Evaluate everyday interfaceso Create reports and presentation

• No implementationo You learn that in other courses

Gabriel Spitz 10

Course Outline (1/3)

• Establishing Objectives• Approaching the Design• Designing• Evaluation

• Establishing Objectiveso What is UI and why worry about ito Goal of UI design & how to evaluate it

Gabriel Spitz 11

Course Outline (2/3)

• Approaching the Designo Action Model - Normano UI design Processo Understanding needso Getting ready for designo Persona & Scenarioo Task Analysis

Gabriel Spitz 12

Course Outline (3/3)

• Designingo User Experience Modelo Scopeo Conceptual Modelo Activity flowo Representationo Presentation

• Evaluationo Evaluation

Gabriel Spitz 13

Why Take This Course?

• A very important areao Proliferation of technologyo Greater diversity of userso Ubiquity of computing

• User-Centered Design (UCD) is more important than evero New technology does not make UCD irrelevant it just raises new issues

Gabriel Spitz 14

Why Take This Course?

• Software is everywhere• More individuals use software to do their work• Individuals use software for longer and longer

portions of their day• User Interface therefore impacts individuals:

o Moodo Productivityo Safety

Gabriel Spitz 15

My Design Objectives – Beyond Usability

• Create a positive and rewarding user experience when using technology

• Design technology with users’ work activity in mind

• focus on designs that will enable individuals to be:o Productive - Do the work they need to do and beyondo Efficient – Do it in a way that will save them time and efforto Effective – Do it with minimal or no errorso Safe – Do it with no harmo Happy -

Gabriel Spitz 16

Task vs. Activity Centered Design

User Task – Get a Boarding Passfor my flight

User Activity – Get home fast andcomfortablyIs there an earlierflightIs there a better seatCheck in luggageGet a Boarding Passfor my flight

Gabriel Spitz 17

Task vs. Activity Centered Design

User Task – Register as a member

User Activity – Get membershipcardRegisterObtain card

Gabriel Spitz 18

Types of Projects Performed by UX (Me)

• Device interface designo Stylus design - (comfort)o Head mounted cursor control device - (easy target acquisition)

• Software user-interface designo Cable Modem Management system - (fast exploration of problem

space)o UI for Automatic Target Identification System – (accurate decision) o Communication logging application – (rapid data entry)

• Macro-Ergonomic analysiso Work analysis of Customer Care Engineers– (work efficiency)

Gabriel Spitz 19

Some Unique Work Examples

• Tool to Automatically Classify Usability Problem Reports

• Evaluation of Runway Status Lights• Common display for OR clinical teams• Surgical Safety Check Management tool• Surgical AV Control Panel• Tool to analyze the wellness of video-streaming• Many more…

Gabriel Spitz 20

Whiteboards in the Operating Room - Team

Display

• White boards are used to remind the surgical team of important information

Key to effective UI – Optimal Info. & logical layout

Gabriel Spitz 21

I solation status of the patient

General context of the case

General information about the patient

Progress Logof what has been done so far

Staff members participating in this case

Critical I nfo & Allergies of this patient

Daily schedule of the current OR

Planned procedures for this case

Workflow tabs and relevant case stage info.

OR-Dashboard

Gabriel Spitz 22

Common Surgical Time Out Form• Surgical Time Out

o A verification procedure aimed at ensuring awareness

• Issueso Focus on topic not datao Does not facilitate team

awarenesso Is not conducive to detecting

and/or reporting errors

Key to effective UI – Encourage optimal behavior

Gabriel Spitz 23

Surgical Safety Check Management Tool

Challenge

Cross Checked

Information

Challenge Category

Checklist Topics

Option Selector

Checklist Panel

Gabriel Spitz 24

Surgical AV Control Panel

Key to effective UI – Optimal layout

Gabriel Spitz 25

If the user can’t use it

… it doesn’t work

- Susan Dray

Course Motto

Gabriel Spitz 26

Course Requirements

• Two interface evaluation projects (30%)o Device or software interface evaluation – End of Feb. 2011o Website interface evaluation – Beginning of March

• A Group project - interface design project –Mid May(40%)

• A short midterm (20%)• Class attendance and participation (10%)

Gabriel Spitz 27

• Course book• Recommended

o Garett, J, J., 2003, The Elements of User Experience, User Centered Design for the Web, New Riders publication(Paperback)

o Norman, D.A., 1989, The Design Of Everyday Things. New York, NY, Doubleday 1989

• Web siteo http://www.blackgecko.com/gspitz/CS615/

Course Books

Gabriel Spitz 28

Homework

• Visit http://web.mit.edu/outreach/ and check out their MIT Outreach Database

• Pretend that you are a typical user of this site and you are trying to find a specific program

• Identify 5-8 issues with this site that if corrected will improve the use of the site