WEB202 » 09) Shopping Cart (Forms) Wireframes

Shopping Cart Wireframes

Shopping Cart Wireframes

Now that we have concerned ourselves with what an Aesthetic Visual Design to the surface of our design can do for us, we are ready to design and produce the rest of the nooks and crannies to our Products & Forms Interfaces.

We need to evaluate and create our Forms Interfaces in terms of:

  1. Text Descriptions: we need to be explicit in our text descriptions of what to do, what is being ordered and where to go
  2. Interface Elements: these are the elements that will direct our user through the series of screens they need to complete
  3. Buttons: our buttons will signify what the user can do along our user paths – like going to the next form
  4. Text Fields: these will provide the user to input critical information – like their credit card number or quantity of their order


  • You must create a complete schematic of each page in your Shopping Cart interface.
  • Post a link to this assignment in the comments section AND print it out to turn in ass your Shopping Cart (Forms) Wireframe assignment according to the class Schedule (Spring) or Schedule (Summer).

This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.


  1. Mary Delahanty says:

    Links on staging area are live now:


  2. http://www.reactacitly.com/bumblejax/

    Click on the Shopping Cart (Forms) Wireframes button

  3. milo sherman says:


  4. http://www.jenbaileydesign.com/web202/wireframes.php

    scroll past the product search flow to find the shopping cart flow.

  5. Please find the link to the shopping cart wireframes for Julie Lindsay RAW here: http://mocrist.com/jlrawstagingarea/wireframes2.html


Leave a Comment:

Don't forget to get your Globally Recognized Avatar.