ITMD 362 Human-Computer Interaction and Web Design

Class Intro HTML review

1. Wroblewski, Mobile First,,
   • Introduction & Part 1 (Ch. 1-3)
2. Reread Mozilla Developer Network Links

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

NO CLASS, SPRING BREAK!

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

Fill Week