Course Overview

The course introduces fundamental methods, principles and tools for designing, programming and testing interactive systems with a special focus on mobile user interfaces.
Prerequisite: CS110, CS111, CS112, or CS117

Topics List

Brief history of HCI
Usability
• Computer abilities – Moor’s law
• Human capabilities
• The cost of getting it wrong
• Usability dimensions
Guidelines & Principles
User-Centered Design
• Usability Engineering Process
• User-centered design
User and Task Analysis
Prototyping
Design patterns
Graphic & Color Design
UI Software Architecture
User Testing
Direct Manipulation & Mental Models
Reality-Based Interfaces
Mobile Interaction
UI Software Tools
Beginning iOS Web Application Development

Reading Materials

The course has a textbook:

  • B. Shneiderman & C. Plaisant, Designing the User Interface, 5th Ed., Addison-Wesley, (2009). (DTUI)

We will also follow two books about HTML5 programming for mobile applications:

  • Preston, Learn HTML5 and JavaScript for iOS: Web Standards-based Apps for iPhone, iPad, and iPod touch, Apress (Available as e-book in Wellesley library). (LHTM5L)
  • Freeman & Robson, Head First HTML5 Programming, O'Reilly .(HFHTML)

Additional reading materials will be available on the course shared e-reserve collection (Google Drive).

Course Requirements

There are four homework assignments in this course that explore conceptual and technical aspects of develping interactive computing systems.

In addition, the course has a final project that requires students to work in teams to design, implement and evaluate a mobile user interface. Teams for the project will be assigned by the istructor.
As part of your team project, you will be expected to do the following:

  • Identify a problem that could be addressed through the development and deployment of a mobile application. Use the project design briefs as a starting point for choosing a topic for your appliction.
  • Develop a conceptual design for a novel mobile user interface, including sketches,story board, and specification of behavior.
    • Build the mobile user interface you have designed using HTML 5, CSS 3, and JavaScript. This is an iterative process in which you will re-design, build, and evaluate several times.
    • Document your user interface with pictures, video, diagrams, and text in a web page that will remain a part of the Human-Computer Interaction course online gallery.
    •Present the mobile interface you have built at the course open house.

The final exam will cover topics reviewed in lectures and readings.

Grading

Grades for the course will be determined by four factors:
Active participation during class - %7
(attend at least 2 guest speaker sessions, active participation in class and in project team)
Homework assignments - %30
Final project - %30
Exam - %33

Collaboration Policy

We strongly encourage you to get to know all of your classmates and to collaborate extensively with them. Because of the interdisciplinary nature of this course, you may be strong in some areas but weak in others. Please share your strengths, and feel free to ask others for help.
In your individual homework assignments, all observations, reflections, code, and documentation should be in your own.

Laboratory and Computing Environment

Classes will be held in the Wellesley HCI Lab (room E125) in the Science Center.

During the course we will use iPhone or iPod devices (will be available for check out from the HCI lab).

If possible, bring your laptop to class.

Google CS220 Group

We will use a google group for communication purposes.

Reading materials are available on Google Drive. Homework assignments will be submitted on Google Drive.

Students with Special Needs

If you have any disabilities, including learning disabilities, you are encouraged to meet with an instructor to discuss accommodations that may be helpful to you.