Stanford University

Assignment 4: Interaction Design

Part II

Full Implementation

Pick one of your mockups and implement it. Start with the basics and then work to duplicate your pixel-perfect mocks. Build all of the interactive elements of your design, iterating on them if you need to.


Create a short (1-2 minute) video to serve as an introduction to your interactive explanation. Think of it like a movie trailer - it should show enough to get user excited to visit your site. In addition to giving a breif overview of the concept, your video should show the key interactive elements and the visual design elements that you are proud of.

Final Presentation Poster

You will need a 20"x30" poster to tell judges about your interactive explanation. We want to know the key design decisions you made, what lessons your learned from prototyping and the insights behind your final design.

This is a chance to show off your visual design skills. A common error is to put too much content on the poster. Keep it simple: convey the problem and how it is being solved by your design. We will provide easels; you will need to print out and mount your poster on a stiff backing so that it can stand alone on the easel. Posters can be printed at Lathrop, Costco ($25), FedEx or Walgreens ($24). They usually have a 1-2 day turnaround. You can order online and pick it up from the store.

Look on piazza for examples of good posters from last year.

Submit and Present

For the Final Presentations

You will be presenting your projects at the final presentations on Monday June 5. We will need your videos uploaded to Canvas in advance of the deadline, by the eveneing of Sunday June 4th:

In addition, bring your printed poster and demo to the final project presentations!

On Canvas

Pull everything together into your submission for A4-2 on Canvas by the start of the project faire. This includes:

  • The code for your interactive explantion
  • A link to a live website where anyone can see your interactive explanation
  • A report of your user study method, results, and resulting redesign, in PDF form
  • Your video
  • Your poster file, in PDF form
  • Each member must also fill out the A4 final team reflection

Grading rubric

Category Unsatisfactory Adequate Good Excellent
Design insight
1: Idea is only marginally appropriate to the domain, barely articulate design goals, or barely address the given needs. 3: The design addresses user needs in ways that are surface-level interpretations of the problem space. Design goals are trivial or not well-connected to the idea. 5: Idea addresses user needs in generally appropriate ways, but may be incremental, have questionable design goals, or a surface-level interpretation of the problem space. 7: Idea presents a nontrivial and insightful interpretation of the design space, grounded in well-articulated design goals.
Visual and information design
1: Final implementation has little or no visual and information design. 3: Final implementation does not respect visual and information design principals. 5: Final implementation has generally well-executed visual and information design. May have visual design issues that are not fatal. 7: Final implementation has consistently strong visual and information design.
Interaction design
1: Final implementation is barely functional or has little attention to interaction design. 3: Final implementation is missing key functionality or has significant interaction flaws. 5: Final implementation is generally well-executed, but is missing some relatively important elements or has minor to moderate interaction errors. 7: Final implementation succesfully executes on its goals and has strong interaction design.
User feedback
1: User feedback is minimal or testing wrong aspects of prototype. 3: Feedback has been executed competently but only marginally tests the important aspects of the idea. 5: Studies draw out basic strengths and weaknesses of the prototype and approach, but may focus mainly on surface-level issues. 7: Studies are executed well and deliver deep insight into the idea and the prototype.
1: Presentation and poster tend to obscure the main idea. 3: Presentation and poster adequately explain the main idea, but are overwhelmed by details, do not present enough information, or are unclear. 5: Presentation and poster are generally clear, with moderate but not game-over issues. 7: Poster communicates the design idea clearly and effectively.

If any of the deliverables are missing, we will reduce your score by 25% per deliverable.