ITMD 362 Human-Computer Interaction and Web Design

Students in this course will learn the importance of human-computer interaction design and the effectiveness of user-centered design. The course will cover a survey of methods frequently used by the HCI profession, such as usability testing and prototyping, as well as general design principles and how to use design guidelines. A particular emphasis will be placed on usability for Web site engineering, and students will apply knowledge from the field in the design and construction of user-centered Web sites.

Students completing this course will learn to:

• Describe the diversity of information system users and tasks, and their impact on design.
• Describe the core concepts, applicability, and cost benefits of user-centered design.
• Demonstrate how user-centered concerns can be incorporated into system development life cycles.
• Explain the need to evaluate system usability.
• Describe and apply general principles of design.
• Describe and execute touch-friendly, mobile-first responsive web design.
• Understand and apply core theories from human-computer interaction to web design and development.

At the conclusion of this course, successful students will be able to:

• Recall, describe and apply principles of user-centered design.
• Conduct task analysis & apply the information to user-centered design.
• Evaluate user interface designs with human subjects.
• Recall, explain, and apply the design principles of alignment, contrast, proximity, and repetition.
• Design and build a user-centered website applying HCI methods and good principles of design.
• Apply color and typography in web design to optimize the interface.
• Engage in agile, iterative web design and development, supported by version control.
• Write useful, descriptive messages attached to granular commits in a version control system.

Wednesdays 6:25pm to 9:05pm

Stuart , Room 106

3105 S Dearborn St, Chicago, IL 60616

Or online via IIT Online

See Calender

The following books are required for this course. Retail price tag for the entire course should be less than $100 and each book should be worthy of a place on your bookshelf or electronic device of choice long after the class has ended.

• Clark, Josh. Designing for Touch. New York: A Book Apart, 2015.
• Jehl, Scott. Responsible Responsive Design. New York: A Book Apart, 2014.
• Krug, Steven. Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability, 3rd ed. Berkeley, CA: New Riders, 2014.
• Lupton, Ellen, ed. Type on Screen: A Critical Guide for Designers, Writers, Developers, and Students. New York: Princeton Architectural Press, 2014.
• Wroblewski, Luke. Mobile First. New York: A Book Apart, 2011.
• Other readings linked from the course calendar and otherwise made available electronically

Readings for the class will be assigned from the textbooks as well as in the form of on-line readings. On-line resources and videos will be linked from or embedded in a Blackboard page. It is essential that you do all readings before coming to class on the assigned date. These materials are a necessary and integral part of the class and will form the basis for any class discussions on the topic. Specific readings are assigned by topic on the calender.

PDF copies of the course lectures will be provided for each student on Basecamp. This should be useful if you must miss a class. You should be aware that note taking is encouraged and will help your understanding of the material.

https://github.com/dkriegls/itmd-362-spring2020-w

This class will only use Blackboard to communicate student grades. All other class material will be distributed via Basecamp.

There will not be any guest lectures in this class

Attendance to live lectures is not required in this class. Students are responsible for watching class videos in a timely manner before assignments are due.

All major projects for this course will be submitted via Basecamp. Submissions should not include attachments, but rather URLs pointing to your project’s GitHub repository and live link. Examples will be demonstrated in class.

All HTML and CSS in projects and lab submissions must pass validation with the W3C HTML validator and W3c CSS validator. Any work whose HTML does not validate will receive a 50%-point reduction, failing grade. Get in the habit early of validating each time before you commit your work to GitHub.

I do not accept late work. All work must be submitted before the date and time specified in each project description.

I will check to see that you are adding proper summaries of your GitHub commits. You are also expected to help other students on Basecamp. This means polite give-and-take discussions of code. Do not discuss anything else on Basecamp. Practice professional and supportive critiquing.

There will not be any quizzes in this class

There will not be any examinations in this class

There will not be any extra credit in this class

As with any course at IIT, you are expected to uphold the Code of Academic Honesty as described in the IIT Student Handbook). All work for this course must be your own original effort, including print and digital page design and computer code. Summarizations and quotations of text, as well as any use of open-source code libraries and images not of your own making, should be clearly cited as legally and ethically warranted and rhetorically appropriate. Access, storage, dissemination, and other use of data from third-party sources must conform to the source’s terms of service, licensing, and other relevant legal and ethical restrictions.

If you are at all uncertain as to whether you are submitting work that in whole or in part may violate the Code of Academic Honesty, please contact me immediately and before the work is due. The consequences of academic dishonesty are severe. Any student who violates the Code of Academic Honesty will be subject to expulsion from this course with a failing grade, and I will report the student to the Dean of the School of Applied Technology, who may take additional disciplinary action, including reporting violations to the relevant offices of Undergraduate or Graduate Academic Affairs.

The final grade for the class will be calculated as follows:

Project 1	20 points
Project 2	20 points
Project 3	16 points
Labs	32 points
Comment	6 points
Commits	6 points
Total	100 points

Grading standards for undergraduate and professional learning students

A = 90+

B = 80-89

C = 70-79

D = 60-69

E =< 60 points

All course work can be found through the class website

This syllabus is my contract with you as to what I will deliver and what I expect from you. If I change the syllabus, I will issue a revised version of the syllabus; the latest version will always be available on Basecamp. Revisions to readings and assignments will be communicated via Basecamp.

I place a very high value on developing courses that are welcoming and accessible to all students. I will make additional reasonable accommodations for students with documented disabilities. In order to receive accommodations, students must obtain a letter of accommodation from the Center for Disability Resources. The Center for Disability Resources is located in IIT Tower, 3424 S. State Street - 1C3-2 (on the first floor). Contact the Center by telephone at 312-567-5744, by TDD at 312-567-5135, or via email at disabilities@iit.edu

Students who have any difficulty (either permanent or temporary) that might affect their ability to perform in class should contact me privately, either in person or electronically, at the start of the semester or as a documented difficulty arises. Methods, materials, or deadlines will be adapted as necessary to ensure equitable participation for all students.