Lehigh University
COLLEGE HOME | LEHIGH HOME | SEARCH




   

CSE 331  User Interface Systems and Techniques (3)

Instructor:  Xiaolei Huang

Current Catalog Description
Principles and practice of creating effective human-computer interfaces; design and user evaluation of user interfaces; design and use of interface building tools; usage of common patterns for effective interaction design.  Programming projects using a variety of interface building tools to construct and evaluate interfaces. Prerequisite: CSE 109 or consent of the instructor.

Textbook

Ben Shneiderman and Catherine Plaisant, "Designing the User Interface: Strategies for Effective Human-Computer Interaction", 4th ed., Addison-Wesley, 2004

References 
Jenifer Tidwell, "Designing Interfaces:Patterns for Effective Interaction Design", O'Reilly Media, 2005

Steve Krug, "Don't Make Me Think: A Common Sense Approach to Web Usability", New Riders, 2005

Course Outcomes

Students will have:

1. An understanding of principles and practice of creating effective human-computer interfaces.

2. An ability to use a variety of interface building tools to construct application interfaces and web pages.

3. Ability to perform user evaluations and usability testing of user interfaces.

4. Ability to use design patterns and standard interactive components to create effective user interfaces.

5. Ability to write substanial interactive applications that have interfaces with a consistent look and feel.

Relationship between Course Outcomes and Program Outcomes

CSE 331 substanially supports the following program outcomes:

A. An ability to apply knowledge of computing and mathematics appropriate to the discipline.

B. An ability to analyze a problem and identify and define the computing requirements appropriate to its solution.

C. An ability to design, implement, and evaluate a computer-based system, process, component, or program to meet desired needs.

I. An ability to use current techniques, skills, and tools necessary to computing practices.

K. An ability to apply design and development principles in the construction of software systems of varying complexity.

Prerequisites by Topic
1.Fluency in writing code in C or C++
2. Knowledge about HTML
3.Medium scale software design and implementation

Major Topics Covered in the Course
 1. Usability of interactive systems
2. Guidelines, principles, and theories for user-centered interface design
3. Interface building software tools
4. Common user behavior and usage patterns
5. User interface system architecture
6. Event handling, actions and commands
7. Window and layout management
8. Navigation
9. Menus, Form Fillin, Dialog boxes, Icons
10. Design patterns for trees, charts and information graphics
11. Interaction devices
12. Collaboration, inter-application communication
13. Information search and visualization
14. Balancing function and fashion
15. Web uablility, web interface building tools

 

Assessment Plan for the Course

The students are given two homework assignments, two mid-size to large-size design and programming projects, a midterm exam, and a final exam. The homework assignments aim to deepen the students' understanding of good interface design principles. One team project asks students to evaluate an existing user interface (e.g. news web sites, e-commerce sites, interactive applications) and write a report on their expert review and usability testing results. Another project is for each team to design and implement a front-end user interface, using an open-source software as teh backend,; students need to apply the principle of iterative design to develop several prototypes, before completing the final high-fidelity interactive application. I track the performance of the students on each homework assignment, each design and programming project, and each question on the midterm and final exam.

 

How Data in the Course are used to Assess Program Outcomes: (unless adequately covered already in the assessment discussion under Criterion 4)

Each semester I include the above data from the assessment plan for the course in my self-assessment of the course. This report is reviewed, in turn, by the Curriculum Committee.

     
image


©2012 P.C. Rossin College of Engineering & Applied Science
Computer Science & Engineering, Packard Laboratory, Lehigh University, Bethlehem PA 18015