Digital and Emerging Media Design II

M 11 Jan

Topics

• Personas

Projects

• Start research for Farecard

Th 14 Jan

Topics

• Documentation

Reading

• iPhone mute switch, New York Times and John Gruber
• Personas

Projects

• Research part 1 is due for Farecard.

Th 21 Jan

Topics

• Prototyping

Projects

• Farecard: turn in Research part 2; create one draft persona; show sketches for concepts

Reading

• The Skeptic’s Guide to Low-Fidelity Prototyping
• Norman, Design of Everyday Things, ch. 1

Th 28 Jan

Topics

• Signifiers, affordances, mapping, and feedback
• Conceptual models

M 1 Feb

Topics

• Style tiles
• Usability testing

Reading

• On Web Typography

Th 4 Feb

Topics

• Screen typography
• Layout and grids
• 📎 Type/grid exercise: Grid sheet (PDF)

Reading

• Design of Everyday Things, ch. 4, “Knowing What to Do”

M 8 Feb

Topics

• Pattern libraries

Reading

• RadioLab: Buttons Not Buttons (radio show)

From class

• Links to pattern libraries

Th 11 Feb

Topics

• Handling mistakes
• Case study from the Apollo Program

Projects

• In-progress critique

From class

• Student web awards
• IDEO ATM redesign and video

Th 18 Feb

Topics

• Text as interface
• Information architecture

Projects

• Small group critiques

Reading

• Depression-Era Photos Make A Mark In American Photography (radio story w. transcript)

M 22 Feb

Topics

• Review HTML/CSS basics
• 📎 Typography demo (ZIP)

Reading

• Organization Schemes
• Organization Structures
• There will be a quiz on this reading.

Th 25 Feb

Topics

• HTML/CSS typography
• 📎 Typographic variations exercise (ZIP)

Reading

• Mixing Typefaces section of Thinking with Type site
• Optional: HTML/CSS videos on Don’t Fear the Internet (perhaps the “web typography” episode)

In class

• Mohawk Paper produces the free magazine Maker Quarterly

M 29 Feb

Topics

• Navigation (see slides (PDF))

Projects

• Desk crits/studio work

Th 3 Mar

Projects

• Group critique; Farecard due

M 14 Mar

Topics

• Mobile and multidevice design
• 📎 Responsive site demo (ZIP) and complete (ZIP)

M 21 Mar

Topics

• Better HTML/CSS layout
• Making and breaking the box
• 📎 Better CSS demo (ZIP)

Projects

• Decide on topic for Highly Local

Th 24 Mar

Topics

• Making and breaking the box II
• 📎 Responsive/contextual layout exercise (ZIP)

M 28 Mar

Projects

• Local: Design studies in class. Explain site structure w. flowchart, site map, or low-fi wireframes.

Th 31 Mar

Topics

• Mapping

Projects

• Local: Show three design approaches (use style tiles or hi-fi wireframes)

M 4 Apr

Topics

• CSS animations
• 📎 CSS animations (ZIP) (see docs for transforms and transitions)

Projects

• Local: Refine one approach, using hi-fi wireframes or prototype HTML/CSS; show rough designs for interior pages.

Th 7 Apr

Topics

• Portfolios

Projects

• Local: Show final design for site and initial HTML/CSS
• Start Portfolio

M 11 Apr

Topics

• UCD, IxD, UX, IA, content strategy? What do all these abbreviations mean?

Projects

• Local: Continue HTML/CSS development
• Portfolio: Begin uploading images and text

Th 14 Apr

Topics

• JavaScript/jQuery
• 📎 JavaScript: jQuery documentation,
  JavaScript scene demo (ZIP),
  JavaScript slides (PDF)
• 📎 Script: Unslider demo (ZIP),
  Unslider demo, complete (ZIP)

M 18 Apr

Topics

• Discussion: what could user experience design be?

Reading

• Conversation with Don Norman About UX & Innovation
• Jesse James Garrett diagram (PDF) (look at)
• Mark Boulton, “Visual Design is Not a Thing”
• The (Mostly) True Story of Helvetica and the New York City Subway (very optional, but read it someday)

Th 21 Apr

Projects

• In-progress critique/studio work

M 25 Apr

Projects

• Local: Present semifinal site in live HTML/CSS
• Portfolio: Present semifinal site