4/22/22, 9:41 PM Week 7 Assignment: Wireframes
https://asu.instructure.com/courses/113803/assignments/2978046 1/3
Week 7 Assignment: Wireframes
Due Apr 29 by 11:59pm Points 100
Submitting a text entry box, a website url, or a file upload
Available Apr 18 at 12am – Apr 29 at 11:59pm 12 days
Start Assignment
Read the assignment instructions carefully including submission instructions at the bottom (in blue) as
well as review the grading rubric for full visibility on what elements will be you will be graded on explicitly.
Review the wireframe example links below this paragraph. These are interactive prototypes, with
clear calls to action, all use cases identified, and a clear flow is defined. In the wireframes, feel free to
click around and click buttons (these wires are demos; they’re not connected to a database so don’t
worry about breaking anything or submitting forms).
Dodge Hellcat 25 // 8 (https://sf594h.axshare.com) – Wireframe Example (this is a real project – notice
how the wireframes are a blueprint, and do not include graphics. Only sparse colors to call attention to
functionality and interaction points are included. If you are curious how the creative agency took my
wireframes and applied graphics and UI to them, click here (https://dodge258.com/)
(https://butterfingercasefiles.com/) .
19 Crimes Infamous Insiders – Wireframe Example (https://zrazkx.axshare.com/) (another real
project – again, notice how the wireframes are a blueprint, and do not include graphics. Only sparse
colors to call attention to functionality and interaction points are included. If you are curious how the
creative agency took my wireframes and applied graphics and UI to them, click here
(https://www.19crimes.com/rewards) . But please only visit this live site if you’re over 21 as it is a wine
client!
—————————————————
PART 1:
For this weeks assignment, you’ll be creating a wireframe for your sites homepage as well as creating a
wireframe for an improved shopping cart process. Using the site you’ve been working with, propose a
new homepage layout by creating a wireframe using the techniques described in this lecture and your
supplemental readings. Additionally, propose a new layout (or, both a new layout and a new process) for
checkout. The checkout wireframes should show the process through a series of pages. A single
4/22/22, 9:41 PM Week 7 Assignment: Wireframes
https://asu.instructure.com/courses/113803/assignments/2978046 2/3
page will not be sufficient. Remember back to your past assignments and think about any pain points
you discovered. You can work a solution to these pain points into your new design.
You’ll need to download a trial version of a rapid prototyping tool, unless you own one already. Both
Axure RP and Balsamiq offer a free limited trial version. Also both Axure and Adobe XD are available
through ASU. For this assignment using a rapid prototyping tool is a requirement – no hand drawn,
Sketch, Illustrator, or Photoshop files will be accepted for credit.
For your deliverables, I expect more than blank boxes positioned on each page. In order for you to
garner full credit for his assignment, all of the items listed below should be present. If wireframes are a
new concept for you, I don’t expect the level of interactivity from the example links I provided, but do I
want to see demonstrated effort put forth. Also, depending on the software you choose to work with, the
interactions will be demonstrated differently. Save Part 1 as its own separate PDF.
HOMEPAGE WIREFRAME MUST INCLUDE PLACEHOLDERS FOR:
Header and Navigation
Shopping Cart Icon
Some items (products for sale) and item detail
Clear Calls to Action – What will the user to, where will they go, and how will they interact with the
site from the homepage. This means adding buttons, links or interactive elements if you’re including
video or image carousels.
SHOPPING CART PROCESS WIREFRAMES MUST INCLUDE PLACEHOLDERS FOR:
Site login, social login, or guest checkout buttons
Item being purchased detail (name, size, and quantity)
Buyer Information (name, address, phone, email)
Shipping Information (name and address)
Billing Information (credit card number, expiration date, cvc code)
Coupon code entry input
Clear calls to action (how the user will move from page to page)
Order confirmation
**IMPORTANT: Must include screenshots of the currently live homepage and ALL pages in the checkout
process along with your wireframes (no need for the confirmation page as I don’t expect you to make a
purchase). I want to see the current layouts and compare them to your new layouts.
PART 2:
The second part of this final assignment entails a 500-word write up on the process you used to create
your wireframes. Include justification for placement of elements and describe any challenges you faced
and how you overcame them. Save Part 2 as its own separate PDF.
4/22/22, 9:41 PM Week 7 Assignment: Wireframes
https://asu.instructure.com/courses/113803/assignments/2978046 3/3
Total Points: 100
Assignment 7 Rubric
Criteria Ratings Pts
30 pts
30 pts
10 pts
20 pts
10 pts
**DELIVERABLES**
Title page with your name, date, name & URL of your chosen site, course information and module
number.
Written in size 11 Arial / Helvetica / or Times font, and double spaced.
Include ALL source citations along with a bibliography.
Write up should be saved and submitted in PDF format.
Demonstrated effort in creating a homepage wireframe and all required components as
outlined in the assignment directions are present.
Between 0 and 30 points
Demonstrated effort in creating a shopping cart wireframe (1-page checkout, or a checkout
sequence) and all required components as outlined in the assignment directions are present.
Between 0 and 30 points
Included screenshots of the current homepage and checkout process to compare to your
wireframe imrovments.
Between 0 and 10 points
Write up provides detail on the decision making process and justifies the new layout and/or
process.
Between 0 and 20 points
Professionalism and Thoroughness – No Grammar Errors / Above and Beyond. All required
information is included (i.e, all research source citations and bibliography, relevant screen
shots, deliverables provided in the correct file format, title page and formatting followed all
instructions).
Between 0 and 10 points

Published by

Essays

View all posts