Interactive Design
Student Work


Each section of this class has had slightly different assignments. For the student work I focused on one semester, Fall 2015, to illustrate the relationships between assignments and the progression through the class.

 

Project 1: Resize / Portrait

For this project you will be creating a portrait that will take the form of a resizeable responsive web page. You should choose the person carefully, you can choose a historical figure, a fictional character, someone you know or a figure of your imagination. Think about artifacts, images and primary texts that you can use to create a rich and complicated view of that person. You must use texts and images from the public domain so you may want to choose someone that died before 1923.

Consider these questions when you create your project:

What do type, color, photographs and patterns communicate about a person?
How does the information that we read in a public space differ from the information we find in a private space?
How can we change the information to respond to different viewing environments or viewers?

Requirements:

  • The images and texts that you use MUST be in the public domain.
  • You must use at least one primary text
  • You must use at least one image
  • You must create at least two versions, one for a large screen, one for a mobile device
Student Work: Resize the window to see the website change--Jonathan Alland, James Armenta (All 2015)

 

Project 2: Link / Collection [Digital Wunderkammer]

For this project you will be creating an interactive piece that organizes a collection. The collection must contain at least 20 items. Each item must be documented through either a drawing or a photograph that will be presented online. You need to also create five pieces of data for each item that describe different aspects of the item in a textual or visual format.

Consider these questions when you create your project:

How does the space or interface that you are creating relate to the items you collected?
How does your organization and presentation of the objects create and manipulate the way that we read the objects?
How does the data that you select contextualize the objects and add to our understanding of the objects within our culture and our lives?

Requirements:

  • You must use at least 20 objects
  • You must create photographs or drawings of the objects
  • Each object must have five categories of data describing it
  • You must create 21 web pages
  • Your pages must be responsive to different devices
Student Work: Michael Zhou,  Colleen Craven (All 2015)

 

Project 3: MouseOver / Imaginary Interface

For this project you will be creating an imaginary interface that responds to computer inputs with microinteractions. The interface must contain at least five animations and five microinteractions. The interface must be designed to control something or someone. Think about the relationship between the controller and controlled. What types of input can the controller give? What types of output would you expect? Who would use this interface?

Consider these questions when you create your project:

How do the goals of the controller shape the types of controls that you create?
What degree of interactivity will your interface have? Will there be personalization, reciprocity, virtuality, incorporation and telepresence?
How does the look of the interface influence the way that the user uses it?
How does feedback change how we will use the interface?

Requirements:

  • You can only use drawings, photographs, paintings or illustrations that you created yourself
  • You must create at least one page
  • Your page must have five animations
  • Your page must have five microinteractions
  • Your pages must be responsive to different devices
Student Work: Madeleine Welsch, Emily Moreton (All 2015)

 

Project 4: Scroll / Factivism

Sites facilitating political change, social movement, human rights, public education and reform, or revolution.
Activism definition Webby Awards

For this project you will be creating a scrolling page that presents information and tells a story. Through the information that you choose you will try to inform your audience of an issue or topic that you feel is invisible or underrepresented. Think about the way that information and story work within a linear format.

Consider these questions when you create your project:

What story can you tell using the information? Why do we care about this particular story?
How does the linear experience of the piece change the way you interpret the information? How is our understanding different at the beginning, in the middle and at the end?
How do the design elements, type, color and imagery, change our perspective on the data provided?

Requirements:

  • You can only use charts, graphs and maps that you created yourself
  • You can only use text that you or your partner has written
  • Your data must be properly attributed
  • You can only use drawings, photographs, paintings or illustrations that you created yourself
  • You must have at least five interactions or animations
  • You must have at least two scroll events
  • Your pages must be responsive to different devices
Student Work: Jonathan Alland and Madeleine Welsch, Michael Zhou and Peter Zeitz (All 2015)

 Project 5

For your final project you will propose a project that you have defined yourself. You will identify the questions you want to answer as well as the requirements that your project will fulfill. This is an opportunity for you to create your own interactive piece or to expand upon something that you were intrigued by earlier in the course.

Student Work: Dipesh KC, Colleen Craven (All 2015)