Digital and Emerging Media Design I

M 28 Aug #01

• Introduction to design for interaction
• Fill out class survey

• Start Recipe

Th 31 Aug #02

• Capturing meaning with HTML/CSS typography
• Typographic markup (lists and inline elements)

📎 First site: Basic site (ZIP), Shape of Design excerpt (TXT), Text Fixer

• Read the syllabus, class schedule, starting and submitting, and citations and copyright.
• HTML & CSS, ch. 1 (available for download)

• Bring in a possible recipe

Th 7 Sep #03

• The box model
• Typographic controls in CSS
• Classes and IDs
• Some studio 

📎 Layout/typography demo (ZIP), complete (ZIP)

• HTML & CSS, ch. 2, 12
• How to succeed in this class

• Start posting to Pinterest
• Complete the HTML for Recipe
• Small group critiques

M 11 Sep #04

• DIVs and sectioning elements
• A first look at links
• Some studio 

• HTML & CSS, ch. 3, 13
• Naming files
• Optional: Lynda.com intro to managing files and folders (sign in through AU library site)

• Questions in class for Recipe

Th 14 Sep #05

• Finding, compressing, and inserting images
• Backgrounds
• Recap links

📎 Links demo: Links files (ZIP)
📎 Positioning and image demo: Example vector images (ZIP); Complete image demo (ZIP)

• HTML & CSS, ch. 5, 16
• How to Survive a Critique: A Guide to Giving and Receiving Feedback

• Final critique for Recipe ✭
• Start Content + Form

M 18 Sep #06

• Images
• GitHub and workflow for this course
• Citing code sources

• UX Sketching
• The Lost Art of Thumbnail Sketches
• (optional) Bodega and backlash/criciticsms plus skepticism about logistics

Th 21 Sep #07

• Multicolumn layouts and floats

📎 Multicolumn layout demo: start (ZIP), complete (ZIP)
🌄 Grid slides (PDF)

• HTML & CSS, ch. 15

M 25 Sep #08

• Version control and GitHub

• HTML & CSS ch. 16 (layout)

Th 28 Sep #09

• Information architecture, navigation, naming, and site maps
• Process and sketching

📎 Sketch templates (PDF)

• HTML & CSS, ch. 11

M 2 Oct #10

• Color models and transparency
• Building layouts

📎 Layout exercise: start (ZIP)

• Small-group critique (if you didn’t go last class)

Th 5 Oct #11

• HTML/CSS menus
• Studio 

📎 Navigation demo: start (ZIP), complete (ZIP)

• HTML & CSS ch. 18

M 9 Oct #12

• Grids and visual relationships
• Mobile/multidevice

🌄 Grids (PDF)
📎 Responsive demo: start (ZIP), complete (ZIP)

Th 12 Oct #13

• Studio 

M 16 Oct #14

Th 19 Oct #15

M 23 Oct #16

• In-progress critique for Content + Form

Th 26 Oct #17

• Processing syntax
• Conditionals, variables

• Optional in-progress critique for Content and form

M 30 Oct #18

• Target completion date for Content and form ✭ (projects can run longer if need be)

Th 2 Nov #19

• Watch Objectified

• Note to Self, Introducing: The Privacy Paradox (radio show/podcast)
• Start listening to all five epsiodes of the Privacy Paradox series. If you wish, sign up for the five-day plan.

• Start Conference
• Share your conference idea or ideas, in a few sentences. Bring a single slide as accompaniment.

M 6 Nov #20

• Notes on templates
• Studio/workshop  on process, type and color choices, and variation

Th 9 Nov #21

• Privacy and agency on the Internet
• Studio 

• On Web Typography, Jason Santa Maria

M 13 Nov #22

• Variables, conditionals, and loops in Processing
• Studio/consults (as time allows) 

Processing demos:
📎 02a (ZIP)
📎 02b (ZIP)
📎 03 (river data) (ZIP)

• For this class, finish listening to all five epsiodes of the Privacy Paradox.
• Optional: Studio Output’s thoughts on designing a healthful social network

M 20 Nov #24

• Accessibility
• Studio 

📎 Accessibility example (ZIP)

M 27 Nov #25

• Usability testing

• What Screens Want, Frank Chimero

Th 30 Nov #26

• Studio 

M 4 Dec #27

• Studio 

Th 7 Dec #28

• Last group critique for projects