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. Elly Boyd says:

    Shopping Cart (forms) Wireframes – link directly to assignment:

    Link to my WEB202 Staging Area:

  2. Nicole Mears says:


  3. Gloria Zhang says:

    Since my pdf is acting weird. I decided to screen shot and put them in google doc!

  4. Ty Good says:

    Shopping Cart Wireframe-

    Thank you

  5. Tatiana Zaccara says:

    I submitted a physical copy last week but forgot to post the link.

    Here it is: http://tzaccara.com/web202/wireframes/shoppingCart.pdf


Leave a Comment:

Don't forget to get your Globally Recognized Avatar.