Wireframe exercise

Due: 17 November 2014, 8:30am
Turn it in
HER A341 | Fall 2014
Instructor: Aaron Ganci


In this assignment, you will practice making wireframes for web page. A wireframe is a basic depiction of all the components on a page and how they fit together. Remember that you should not apply any visual style to wireframes. They are intended to show type of content and layout only.

You can either create the wireframe digitally (using Balsamiq or InDesign) or by hand sketching. If you hand draw the wireframes, please scan them into a digital format.

Create two wireframes based on the content of this page. Create one wireframe this an exact replication of the page as it exists. Then, create a second wireframe with a completely new layout (but the same content)

Web page: http://www.accuweather.com/en/us/indianapolis-in/46204/weather-forecast/348323

Grading criteria

  • Appropriate level of detail in the wireframe
  • Appropriate fidelity for a descriptive prototype
  • For the second wirefame: appropriate new layout based on content

Learning Objectives

At the end of this project, you will be able to:

  • Reverse engineer a webpage into a wireframe.
  • Construct a wireframe with a defined set of content.


Category % of total
Assignments 60%
Glossary Webpage 5%
Recipe Webpage 5%
Wireframing Assignment 5%
Visual Spec Assignment 10%
Bootstrap Site #1 10%
Bootstrap Site #2 20%
Test 30%
Participation 10%

*Categories and percentage breakdown subject to change.

Late work

Every assignment in this course will be due at the beginning of the class of its defined due date. Work that is not handed in via the method requested by the instructor (OnCourse, email, etc) by the predetermined time will be considered late. The consequences of late submission fall on sliding scale, increasing in severity over time. If late work is handed in within the following parameters, the grade will be reduced in the following ways:

Due date/time – same day, end of class -10%
Same day, end of class – same day, end of day (11:59pm) -15%
Next day (midnight – 11:59pm) -20%
Any subsequent day -50%
Grading scale
A+ 100-98
A 97-93
A- 92-90
B+ 89-87
B 86-83
B- 82-80
C+ 79-77
C 76-73
C- 72-70
D+ 69-67
D 66-63
D- 62-60
F 59-0