Interactive Web Design I

6 March.

Topics

User-centered design

Reading due

• Flow Is Why “OK” Buttons Are Always On The Right
• The Pipeline #34: Roger Black (podcast)

Projects

• Present Event

28 Feb.

Topics

Interaction design

Reading due

• Norman, Design of Everyday Things, ch. 1

Projects

• Present progress on Event

21 Feb.

Topics

CSS detailing; navigation systems

Reading due

• InterACT with Web Standards, ch. 17 (lists)

Projects

• Present progress on Event

14 Feb.

Topics

Templates; generative systems; CSS selectors in-depth

Reading due

• InterACT with Web Standards, ch. 20 (floats), 21 (positioning)

In-class

• Layout example

Projects

• Present Recipe Markup
• Present progress on Event

7 Feb.

Topics

Alignment and grid systems; image production; deploying sites

Reading due

• What will our (future) interfaces feel like?
• HTML Beginner Tutorial at HTML Dog (skim if appropriate)
• CSS Beginner Tutorial at HTML Dog (skim if appropriate)
• A grid workflow

In-class

• Demo text and images, 7 Feb.
• Layout example from class, completed

Projects

• Exchange Recipe Markup
• Start Event (PDF)

31 Jan.

Topics

More HTML markup; CSS typography; introducing systems

Reading due

• “Designers vs. Coding” by Frank Chimero
• Don't Fear the Internet: Not a Series of Tubes and HTML (video)
• Either InterACT with Web Standards, ch. 10;
  Or HTML basics and Marking Up textual content at Dev.Opera

Projects

• Start Recipe Markup (PDF)
• Present Instructions

24 Jan.

Topics

Introduction; Interaction and usability; Basic HTML

New assignments

• Instructions (PDF)
• Weblog (PDF)

In-class

• Demo text, 24 Jan.