Digital and Emerging Media Design II

Tu 16 Jan #01

• Course intro
• Fill out class survey

• Start Type/Codes
• Start Portfolio

F 19 Jan #02

• CSS grid
• HTML/CSS checkin

📎 “Sketching papers” grid templates (ZIP)
CSS Grid demo (ZIP)
📎 Typographic variations exercise (ZIP)

• Read the syllabus, class schedule, starting and submitting, and citations and copyright.
• iPhone mute switch, New York Times and John Gruber

• For this class, decide on text and an approach for Type/Codes
• Review your own portfolio
• Start Signup
• Start Collecting

Tu 23 Jan #03

• User research and personas

• Frank Chimero, What Screens Want

F 26 Jan #04

• Personas
• Review example designer portfolios
• How to succeed in this class

• Show sketches, type samples, image samples, and other initial studies for Type/Codes (at least two distinct concepts)

F 2 Feb #06

• Design alumni roundtable

• Norman, Design of Everyday Things, ch. 1 (principles)

Tu 6 Feb #07

• Prototyping and testing
• Prototyping tools and mobile previews

• Portfolio tips
• Graham Shorr on design portfolios

• Critique two design concepts for Type/Codes

F 9 Feb #08

• Ross Nover, Friendly Design Co.

• Working File, I do Squiggles and Gradients (podcast w. transcript)

Tu 13 Feb #09

• Signifiers, affordances, mapping, and feedback
• Design portfolios

• Look through example portfolios

F 16 Feb #10

• Norman, Design of Everyday Things, ch. 4 (“Constraints, Discoverability, and Feedback”)

Tu 20 Feb #11

• Interview with the designers of Bloomberg Business Week’s redesign

F 23 Feb #12

• Pinterest board (optional)
• Grid layout workshop!

📎 “Sketching papers” grid templates (ZIP)
Grid layout example (ZIP)

• Suggested: Look at Rachel Andrew, Grid by Example
• Suggested: Look at Jen Simmons Labs

Tu 27 Feb #13

• Studio 

F 2 Mar #14

• Norman, Design of Everyday Things, ch. 5 (“Human Error? No, Bad Design”)

Tu 6 Mar #15

• Information architecture, site maps, and documenting design
• Figma and Illustrator alternatives

• Final critique for Type/Codes ✭

F 9 Mar #16

• Information architecture/site map exercise

• Multi-device Layout Patterns, Luke Wroblewski
• Optional: The Big Web Show, Where Have All the Unicorns Gone? (podcast)

• Upload Type/Codes to Dropbox
• Start Voice

Tu 20 Mar #17

• Documentation packet in InDesign (ZIP)

• Present Phases 1 and 2 for Voice
• Studio 

F 23 Mar #18

• Read the “Our report” section of the New York Times Journalism That Stands Apart document (scroll down)

• Present Phase 3 for Voice
• Studio 

Tu 27 Mar #19

• Navigation systems

• Radically Rethinking Design, Melody Kramer

• Present Phase 4 for Voice
• Studio 

F 30 Mar #20

• Studio 

Tu 3 Apr #21

F 6 Apr #22

• Norman, Design of Everyday Things, ch. 6 (“Design Thinking”)

• Present Phase 5 for Voice
• Turn in documentation packet for Voice

Tu 10 Apr #23

• Mapping

• Google’s Unique Approach to Cartographic Redesigns, Justin O’Beirne

F 13 Apr #24

• Portfolio workshop: share what you have for a portfolio and we’ll provide advice

• Working File, Verbal Design (podcast)

Tu 17 Apr #25

• More-interactive maps

📎 Map demo 2 (popups!) (ZIP)

• Overcast 3 Design Walkthrough

• Start Watershed or Portfolio

F 20 Apr #26

Tu 24 Apr #27

F 27 Apr #28

• Semifinal critique ✭