Core Interaction


Project 4. Intx w/People



  • To design for a specific user in mind
  • To build an online tool
  • To use Javascript to create unique outputs


The web is capable of formatting and rendering webpages. It is also capable of completing tasks by taking input of the users. For example:

A gif converter on images and videos before posting social media.

A pixel image painter


In this project, we’ll explore the boundaries of what a tool can be when it is made on the web. Create a set of rules which lead your website to generate content and form by an audience’s input.

It is very important that you test and try to use the tool you make, as well as your friends and peers. Ask as many people as possible to engage with it throughout the design process.


  • What/who is a user/audience?
  • What is an online tool?
  • What is your idea and how does it connect to your rule?
  • How open-ended is your tool/website?
  • Who is your audience and how do they interact with your site?


  • User can give an input to receive a unique output
  • Site should take advantage of different screen sizes
  • Must have an about section/page with design credit and any other information.

Schedule (Week 12–15)

  • 04/15 Final Review: Project 2. Introduce: Unit 3. Assign: Lecture + reading.
  • 04/20 Discuss: Lecture + reading. Introduce: Project 3. Assign: Ideas.
  • 04/22 Review: Ideas. Assign: Iteration.
  • 04/27 Review (1–9): Iteration. Assign: Implementation
  • 04/29 Review (10–18): Iteration. Assign: Implementation
  • 05/04 Review (1–9): Implementation.
  • 05/06 Review (10–18): Final Review: Project 4. Class Reflection and Q&A.