Interactive Web Design I

8 May

Topics

Reading due

• None

Projects

• Final critique for Narrative
  with Digital Illustration class

1 May

Topics

Publishing sites; content management

Reading due

• Organizing Mobile, Luke Wroblewski (excerpt from Mobile First)

Projects

• Present progress on Narrative

24 April

Topics

Interaction design for mobile

Reading due

• Dev.Opera: What can you do with JavaScript
• Dev.Opera: Your first look at JavaScript

Projects

• Present progress on Narrative

17 April

Topics

Getting information from users: forms

Reading due

• InterACT, ch. 19

Projects

• Present progress on Narrative

3 April

Topics

JavaScript interactivity: intro

Reading due

• David Mamet on writing and storytelling
• This is your brain on metaphors

In class

• JavaScript demo (ZIP)
• Example images (ZIP)

Projects

• Present progress on Narrative

27 March

Topics

Accessibility; web fonts; micro typography

Reading due

• InterACT with Web Standards, ch. 24 (accessibility testing)

In class

• Accessibility-typography demo materials

More on page layout; site maps (design documentation) (plan)

Reading due

• InterACT with Web Standards, ch. 22–23 (accessibility)

In-class

• Layout/media queries example from class, completed

Projects

• Present final Event
• Start Narrative

13 March

(Spring break)

6 March

Topics

Interaction design (plan)

Reading due

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

Projects

• Present progress on Event

28 Feb.

Topics

CSS detailing; navigation systems

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.