Yorkville High School Computer Science Department
Yorkville High School Computer Science Department on Facebook  Yorkville High School Computer Science Department Twitter Feed  Yorkville High School Computer Science Department on Instagram

Yorkville High School Computer Science

ASSIGNMENTS: Build a Computer - September 25, 2018 :: Network App - December 14, 2018

User Interface Design :: Projects :: UI Project Design

Rubric
Due: Feb 26

Scenario

Write a scenario that involves all three of the tasks you identified in your project analysis. Where your task descriptions in task analysis were abstract, your scenario should be concrete, complete with imaginary users' names and imaginary details.

Storyboard Designs

Generate three different preliminary designs for your user interface. Explain each design and include a storyboard showing how it works for your scenario. The storyboard should combine words with sketches showing how the interface would look over the course of the scenario. After the storyboard, you should have an analysis that considers the design's good and bad points for learnability, visibility, efficiency, and error prevention.

Your designs will be judged on how well you've described them, how well you analyze them, and how diverse they are. Three designs that differ only in small ways will not receive much credit.

Take time to brainstorm a variety of different interface designs, sketching them by hand on paper or a whiteboard. You should play with many more than three designs, but you are only required to record three.

When you draw your sketches don't get bogged down in details like wording, graphical appearance, or layout. Keep things simple. Focus on the conceptual model you're trying to communicate to the user, and think about your task analysis: what the user needs to do and how they can do it. Putting too much time into designing low-level details is pointless if big things have to change on the next design iteration.

Hand-drawn sketches are preferred. There are a number of ways to get hand-drawn sketches into your web page. You can draw on paper and use a scanner to convert it to electronic form. Make sure your sketches are readable, and crop them and size them appropriately so presentation has good usability.

What to Turn In

Update the web page you created for your project by adding sections for the scenario and designs.

Yorkville High School Computer Science Department on Facebook Yorkville High School Computer Science Department Twitter Feed Yorkville High School Computer Science Department on Instagram