Jan 23 Introduction: Course Intro & Issues of Aesthetics in HCI (Lecture Slides) Beauty Venn Diagram and Compiled Responses

Assignment 1: Place Interpretation & Documentation (Due 9AM on Jan 29th)

Recommended readings:

• Ben-Bassat, T. Meyer, J. Tractinsky, N. Economic and subjective measures of the perceived value of aesthetics and usability. ACM TRANSACTIONS ON COMPUTER HUMAN INTERACTION. 2006, VOL 13; 2, 210-234.

• Moggridge, B. Designing Interactions. MIT Press, 2006.

• Norman, D. Emotional Design: Why We Love (Or Hate) Everyday Things. Basic Books, 2004.

• UC Logo Controversy

Jan 30 Composition 1: Gestalt Principles & Composition Workshop 1 

Assignment 2:
1. Design Workshop – Composition Version 1: Intuitive
2. Process Doc – Documentation Section (continued)

Recommended readings:

• Ellen Lupton: Gummy World

Feb 6 Composition 2: Composition Workshop 2 (objective studies)
(Lecture Slides)

Assignment 3: Design Workshop – Composition Version 2: Objective
Required reading (for Feb 13):

• Dondis, D.A. (1973) A Primer of Visual Literacy. pp. 20-38 MIT Press.
• Dondis, D.A. (1973) A Primer of Visual Literacy. pp. 85-103 MIT Press.

Recommended readings:

• Evidence Against Perceptual Bias Views for Symmetry Preferences in Human Faces
• Geometrical Substantiation of Phi, the Golden Ratio and the Baroque of Nature, Architecture, Design and Engineering
• Pepsi Gravitational Field

Feb 13 Composition 3
(Composition Notes)

Assignment 4:
1. Process Doc – Style Guide Selection
2. Design Workshop – Composition Version 3: Objective

Recommended readings:

• “Type on Screen” by Ellen Lupton pp. 84-87

Feb 20 Typography 1

(Type Constraints Lecture Slides)

Assignment 5: Process Doc – Style Guide Selection (continued)

Recommended readings:

• “Type on Screen” by Ellen Lupton pp. 5-47
• Matthew Carter Ted Talk
• Tobias and Jonathan

Feb 27 Grids and Guest Lecture

(Grids Lecture Slides)

Assignment 6
1. Process Doc – Competitive Analysis
2. Design Workshop – Typography Version 1

Recommended readings:

• “Type on Screen” by Ellen Lupton pp. 48-60

Mar 6 Typography 2

Assignment 7
1. Process Doc – Competitive Analysis (cont. 1)
2. Design Workshop – Typography Version 2

Mar 13 Typography 3

(Typography Lectures Slides)

Assignment 8:
Design Workshop – Typography Version 3

Mar 20 Design Process

(Design Process Lecture Slides)

Assignment 9: Style guide selection
Process Doc – Implementation (blocking 1)

Recommended Readings:

• Design at Apple (see Guidelines and Documentation)

Mar 27 Spring Break (no class)

Apr 3 Color

(Color Lecture Slides)

Assignment 10: Process Doc – Implementation (blocking 2)

Apr 10 Style

(Style Lecture Slides)

Assignment 11: Process Doc – Implementation (blocking 3)

Required Readings:

• Apple Watch

  http://www.wired.com/2015/04/the-apple-watch/?mbid=social_twitter

• Muriel Cooper – Ted Talk

  https://www.youtube.com/watch?v=Qn9zCrIJzLs

• Susan Kare

  kareprints.com

• Snow:

  http://www.fxguide.com/featured/the-tech-of-disneys-frozen-and-get-a-horse/

• Blit: Multi-programming – Early UI

  http://www.theverge.com/2012/8/29/3276267/the-blit-1982-unix-gui

• Gibson- The People, Place, and Space Reader

Recommended Readings:

• The Ecological Approach to Visual Perception, James J. Gibons
• The Psychology of Everyday Things, Donald Norman
• Metaphors We Live By – George Lakoff
  
• David Gelernter
• The Mind’s Eye, John Searle

Apr 17 Pictograms, Logos, and Icons

Assignment 12: Process Doc – Implementation (design 1)

Apr 24 Synthesis

Assignment 13: Process Doc – Implementation (design 2)

May 1 Exhibition