ITMD 362: Spring 2021 Human-Computer Interaction and Web Design

Class Holiday

Class Intro HTML review

1. Wroblewski, Mobile First,,
   • Introduction & Part 1 (Ch. 1-3)
2. Re-familiarizer yourself with the Mozilla Developer Network (MDN)
   • HTML ∕ CSS ∕ JavaScript
   • Web APIs & DOM
3. Technology setup: Basecamp, Github, Github Desktop, Code Editing Software

CSS Review, Relative Units

1. Jehl, Responsible Responsive Design,
   • Introduction, Chapters 1 & 2

JS Review, Responsive Design

1. Clark Designing for Touch,
   • Chapters 1-3
2. Wroblewski, Mobile First,
   • Part 2 (Ch. 4-7)
3. MDN The building blocks of responsive design

Touchscreen, and forms

1. Clark Designing for Touch,
   • Chapters 4 & 5
2. Lupton, ed., Type on Screen,
   • Chapter 1
3. MDN: HTML Forms Guide

Typography

1. Lupton, ed., Type on Screen,
   • Chapters 2 & 4

Interface Typography

1. Lupton, ed., Type on Screen,
   • Chapter 5

Colors

1. Creative Bloq How to master colour theory
2. Google Material Design
3. Smashing Magazine, Color Theory for Designers:
   • Part 1, Part 2, Part 3

Material Design

1. Lupton Type on Screen,
   • Chapters 6
2. Amin Al Hazmani, Motion with Meaning
3. Craig Dehner, Motion Design is the Future of UI
4. Val Head, Designing Safer Web Animation For Motion Sensitivity

Motion

1. Cheung, Styling Forms Accessibly

HCI Guidelines, Ethics

1. Jehl, Responsible Responsive Design,
   • Chapters 3-4
2. Apple, iOS Design Principles
3. Windows, Design applications for the Windows desktop
4. GNOME Desktop, Human Interface Guidelines

Usability Testing

1. Krug, Don’t Make Me Think,
   • Introduction & Chapters 1-5
2. Lupton Type on Screen,
   • Chapter 3

Usability

1. Krug, Don’t Make Me Think,
   • Chapters 6-7 & 10-11

Emotional Design

1. Krug, Don’t Make Me Think,
   • Chapters 8-9 & 12-13

Project Lab; Bring all your questions

Bonus Lecture