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)