Graphical User Interfaces

CSE 4257CSE 5281

Course syllabus

Course Syllabus CSE 4257 01 CSE 5281 01

Graphical User Interfaces Class Hours: Monday, Wednesday 3:30-4:45

Room S220

Mr. Gary Hrezo Office hours available by appointment

Prerequisite: The programming language JAVA will be used in this class. A basic understanding is assumed.

Required Text: Usability Engineering by Jakob Nielsen

Course Description: The theories and techniques of human-computer interaction, and the design of direct manipulation graphical-user interfaces that support menu, buttons, sliders and other widgets for input, text and graphics for output. Students design implement and evaluate a graphical-user interface.

Grading:

2 Exams Midterm (20%) Final (25%)

3 Projects Assignment 1 (12%) Assignment 2 (13%) Assignment 3 (20%)

Class participation (5%)

Attendance will be taken before each class as required by the Computer Science Department.

Course Syllabus

CSE 4257 01 CSE 5281 01

Graphical User Interfaces Class Hours: Monday, Wednesday 3:30-4:45

Room S220

Mr. Gary Hrezo Office hours available by appointment

Prerequisite: The programming language JAVA will be used in this class. A basic understanding is assumed.

Required Text: Usability Engineering by Jakob Nielsen

Course Description: The theories and techniques of human-computer interaction, and the design of direct manipulation graphical-user interfaces that support menu, buttons, sliders and other widgets for input, text and graphics for output. Students design implement and evaluate a graphical-user interface.

Grading:

2 Exams Midterm (20%) Final (25%)

3 Projects Assignment 1 (12%) Assignment 2 (13%) Assignment 3 (20%)

Class participation (5%)

Attendance will be taken before each class as required by the Computer Science Department.

Mr. Gary Hrezo

Office hours available by appointment

Prerequisite: The programming language JAVA will be used in this class. A basic understanding is assumed.

Required Text: Usability Engineering by Jakob Nielsen

Course Description: The theories and techniques of human-computer interaction, and the design of direct manipulation graphical-user interfaces that support menu, buttons, sliders and other widgets for input, text and graphics for output. Students design implement and evaluate a graphical-user interface.

Grading:

2 Exams Midterm (20%) Final (25%)

3 Projects Assignment 1 (12%) Assignment 2 (13%) Assignment 3 (20%)

Class participation (5%)

Attendance will be taken before each class as required by the Computer Science Department.

User Interface examples

The good, bad and ugly

UI frustrations…grrrrrr!

The engineer who founded DEC confessed he couldn’t heat his coffee in the company's microwave.

Can you use (program) VCR Digital watch Water facets

Usability

Design

ImplementationEvaluation

AffordancesAffordances-strong clues as to useMappings the controls and their

result in the real worldFeedback- what action has taken

placeConstraints- constraints the user

Affordances

Affordances refers to the perceived and actual properties, esp wrt how it is used or applied

Affordances provide “strong clues” to the operation of things

Mappings

Mappings refers to the relationship between two things

Eg, control and movement Steering wheel Door handle

Visibility (feedback)

Allow the user to be informedShow him the state

did I set the watch correctly? can I see the elevator in its shaft?

Is the tape in correctly? Is it engaged

Conceptual Model

Scissors Affordances - insert fingers into holes Constraints - the size of each hole

You can figure out how to use scissors because the operating parts are visible and understandable.

Guidelines for Design

Provide a good conceptual model allows users to predict consequences of

actions communicates the system to the user

Make things visible relations between user’s intentions,

required actions, and results should besensibleconsistentmeaningful (non-arbitrary)