Course requirements

This course is open to ~15 students. It is a required course for graphic design majors. It is open to students who have taken (or are taking concurrently) Graphic Design 2 (GRAPH-216), Typography 2 (GRAPH-220), and Interactive I (GRAPH-228-01). Knowledge of HTML and CSS is required to take this class. Preference is given first to graphic design majors who have these prerequisites. Interested students with special circumstances can speak to me directly.

Course description

Knowledge is of two kinds: we know a subject ourselves or we know where we can find information upon it. - Samuel Johnson

This course focuses on interaction design with projects that are based online. Questions asked during the course include:

— Is it specific?
— Is it memorable?
— Does it communicate the idea through its form?

(This course has a formal emphasis, using what knowledge students have about composition, typography, and hierarchy as a basis.)

— How can we best use our knowledge of code’s relationship to the web to communicate the idea?
— As designers, how can we develop personal voice through content as well as form?

(Today interaction online focuses on information through living, social platforms. We will go beyond an average user’s perspective to critically examine the web through historical, political, and social lenses. This course encourages students to holistically approach to the web and its constituent code as a living kit of parts patiently waiting to be harnessed in novel and innovative ways.)

— What are the different conditions in which this can exist?
— How does this change in each of those conditions?
— What happens to this when it expands?

(We will explore design principles relating to dynamic media and understand how good design should take advantage of the web both formally and conceptually. We will create accommodating, flexible systems that will change in response to its environment and users.)

The course will heavily employ real-world, contemporary examples of design, art, and presences online. These thematic groupings of artwork, portfolios, archives, exhibition platforms, blogs, web apps, etc. will be examined with a critical eye and mind. Additionally, we will discuss what makes a design practice and the importance of discovering each student’s unique approach and methodology.

Class activities

Tuesday's class will include any combination of:

— example-based lecture/discussion

— reading discussion
— project critique/discussion
— group activity to identify design elements in selected websites or books
— short, ten-minute student presentation on a website, designer, artist, or theme

Thursday’s class will include any combination of:
— skill-based workshop
— working lab time
— individual consultation


Throughout the duration of the course, groups of readings (and sometimes videos) will be given. Each student must prepare three discussion questions and post them to that reading's Slack Channel by 3pm the day of class.

Weekly presentations

Each student will select a notable figure or moment in the history of the net for a pecha-kucha-style presentation. A “Pecha Kucha” or 20×20 presentation contains 20 slides, with each slide shown for 20 seconds, for a presentation of exactly 6 minutes, 40 seconds. Your pecha kucha must be online and linked to your class homepage.

In this google doc, write your name next to one topic and one week. One presentation will occur each Tuesday at the start of class.


See Projects


In this class, students will strive to make memorable, functional online experiences. Projects should both take a stance (be poetic, critical, and clear) and also be functional (achieve their goals and not break). The invention of useful products is not the focus of this class, but the invention of useful, surprising techniques and approaches might be. Craft (in both code and design) and overall presentation are also important. Taking risks and having fun are encouraged.


60% ... Projects
20% ... Exercises
20% ... Reading Presentation and Participation

Letter grades represent the following: A = excellent; B = good; C = satisfactory; D = unsatisfactory; F = failure. A grade of C- or less is considered a failing grade for required courses within the major, and you will need to retake this course if you achieve a grade lower than a C.


At the end of the term, you will be required to send me an archival .zip file to document your projects. If you do not send me the archive, you will fail the class. See Instructions

Academic Integrity

Students will become familiar with using pre-existing language, images, and software as raw material while creating entirely new works and how to properly credit their inclusion. While making online projects, we will learn what technologies are good (and important) to appropriate. We will reference the “Fair Use” policy,, Creative Commons, and software licenses.


Attendance is required. Students are expected to be on time and remain in class for the entire period scheduled. Work missed due to any type of absence is the student’s responsibility. Three or more absences will result in a failing grade. Three late arrivals equals an absence. If you absolutely must miss class, email me in advance.

Late work

Project: Every day a project is late it goes down one letter grade.
Reading questions: Late reading questions will not be accepted.


Extensions may be granted, through negotiation and discussion of individual situations, before the work is due. Please email me as far as possible in advance to request an extension.

Project grade adjustment

As long as you turn your projects in on time, you are eligible to increase your project grade. For each project, you have until the end of the semester to change any aspect. Please touch base with me if you would like clarification on what you can improve. Once you make your changes and you would like me to reassess your project for a new grade, please notify me.


Students are expected to follow CCA's plagiarism policy. Further, here's some additional guidance in the context of Interactive II.

Remixing existing code is often an important part of learning, but any code you take from an online resource needs to be commented with the source location where it appears in your project. For example:


<!-- source: -->
<div id="coolThing">
    does a cool thing.
    <div id="helpsDoACoolThing">

or for CSS

/* source: */
#doesACoolThing {
    cool: thing;

or for Javascript

// source:
function doACoolThing(){
    does a cool thing.

Further, when using found code make sure that your use of it is appropriate to your project, and outside code should not dictate the design of your projects as experienced by the user. If the function or style of your site is identical to your source, that is likely a problem. Any snippets of code on you are free to use. If you are unsure if your reuse of code is appropriate, ask!


Outside of in-person meetings, our primary methods of communication will be via this website and our class Slack ( Feel free to use this to reach out to your professor and/or colleagues regarding questions. You are welcome to post problems you are having and ask for advice, throw links to your works in progress for feedback, share links/projects/texts that you think the group would be interested in. Just like communication in the classroom, the more the team is used the more everyone benefits.
Please note that just like email, I will do everything in my power to respond as soon as possible. I hope that I can respond to everyone's questions within 24 hours but if it goes longer than that feel free to pester me via other communication platforms (Email, phone, twitter, etc).


Students should bring their own personal laptops to class. They should also be responsible for their own files, making sure to back them up in some way. For editing and updating code, we will use the code editor Sublime Text. For website hosting, we will use Github Pages. For image-making and sketching, Adobe Photoshop, Illustrator, and InDesign are standard tools that all CCA students have. Other good digital-image making tools include a phone, digital camera, scanner, screen capture, etc.

Learning Outcomes

By the end of this course, students will:

— Understand the web as its own public space
— Understand design principles unique to dynamic media
— Be familiar with a range of contemporary art and design practices online
— Feel proficient in HTML and CSS
— Have working knowledge of JavaScript
— Have complete, well-documented online projects of their very own

Today is Wednesday, the current time is 1606320698