graphical user interfaces cse 4257 cse 5281. course syllabus zcourse syllabus zcse 4257 01 zcse 5281...
TRANSCRIPT
![Page 1: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/1.jpg)
Graphical User Interfaces
CSE 4257CSE 5281
![Page 2: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/2.jpg)
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
![Page 3: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/3.jpg)
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.
![Page 4: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/4.jpg)
User Interface examples
![Page 5: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/5.jpg)
![Page 6: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/6.jpg)
The good, bad and ugly
![Page 7: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/7.jpg)
![Page 8: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/8.jpg)
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
![Page 9: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/9.jpg)
Usability
Design
ImplementationEvaluation
![Page 10: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/10.jpg)
AffordancesAffordances-strong clues as to useMappings the controls and their
result in the real worldFeedback- what action has taken
placeConstraints- constraints the user
![Page 11: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/11.jpg)
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
![Page 12: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/12.jpg)
Mappings
Mappings refers to the relationship between two things
Eg, control and movement Steering wheel Door handle
![Page 13: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/13.jpg)
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
![Page 14: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/14.jpg)
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.
![Page 15: Graphical User Interfaces CSE 4257 CSE 5281. Course syllabus zCourse Syllabus zCSE 4257 01 zCSE 5281 01 zGraphical User Interfaces zClass Hours: Monday,](https://reader035.vdocument.in/reader035/viewer/2022062500/5697c0131a28abf838ccc926/html5/thumbnails/15.jpg)
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)