WEB202 » 09) Shopping Cart (Forms) 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:
- Text Descriptions: we need to be explicit in our text descriptions of what to do, what is being ordered and where to go
- Interface Elements: these are the elements that will direct our user through the series of screens they need to complete
- Buttons: our buttons will signify what the user can do along our user paths – like going to the next form
- Text Fields: these will provide the user to input critical information – like their credit card number or quantity of their order
Requirements:
- 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.
86 Comments:
http://havanamarys.com/emilito/courses/web202/havmarys/images/chavez-web202-a09-%20Shopping%20Cart%20(Forms)%20Wireframes.pdf
http://edison.seattlecentral.edu/~Analia.Arredondo/web202/cartwireframe.pdf
http://melissawong.org/web202/cart-wireframes.pdf
Shopping Cart (forms) Wireframes – link directly to assignment:
http://ellycodes.com/web202/assignments/boyd-web202-lnh-checkout-wireframes.pdf
Link to my WEB202 Staging Area:
http://ellycodes.com/web202/stage
http://tomomim.com/web202/shopping_cart.html
nicolelmears.com/web202/wireframes/shopping_cart.pdf
nicolelmears.com/web202/wireframes/sign_in.pdf
nicolelmears.com/web202/wireframes/shipping_address.pdf
nicolelmears.com/web202/wireframes/shipping_method.pdf
nicolelmears.com/web202/wireframes/payment.pdf
nicolelmears.com/web202/wireframes/review_your_order.pdf
nicolelmears.com/web202/wireframes/order_confirmation.pdf
shopping cart
https://docs.google.com/document/d/1iMVPGBggkwTHCTo7gRRh_M48KBJ0nE5wD0FV69ciFDc/edit?usp=sharing
http://jeaninemars.com/web202/checkout.pdf
Staging Area:
http://floramaydesigns.com/web202/home.php
Wireframes:
http://floramaydesigns.com/web202/wireframes-showcased-9.pdf
http://fineandfreshdesign.com/web202/bird-wireframes-SFT-shop-cart.pdf
Link from Staging Area:
http://fineandfreshdesign.com/web202/
Since my pdf is acting weird. I decided to screen shot and put them in google doc!
https://docs.google.com/document/d/1n6WBaVH_aiKMISd1ZNC8zvewUpJjXzyj9KJUhOGI7Ks/edit?usp=sharing
https://docs.google.com/document/d/1oedtNv1Fu6zEdHdhyT4mBeDBjlQY73SKnjbyzAU29Xo/edit?usp=sharing
http://lizstonesthrow.com/web202/shoppingcartwireframes.pdf
http://www.bedlamsystems.com/docs/web202hw9.pdf
http://nicolemartina.dreamhosters.com/web202/lwbb/wireframes2.pdf
http://tyronegood.com/WEB202/web202-shoppingcart.pdf
Shopping Cart Wireframe-
Thank you
Shopping cart wireframes:
https://drive.google.com/file/d/0B9g6Y0_f3TI3U211ZTM3T21Ha2M/view?usp=sharing
I submitted a physical copy last week but forgot to post the link.
Here it is: http://tzaccara.com/web202/wireframes/shoppingCart.pdf
My shopping cart:
http://www.veronikafileva.com/web202/wireframes2.pdf
https://github.com/rpcvjet/WEB202/blob/master/shoppingcartwireframe.pdf
http://tidbitwebdesign.com/classes/web202/images/shopping-cart.pdf
http://jin-yanlan.com/scc/web202/09Wireframes.pdf
http://gyunxiu.com/web202/cart-wireframe.pdf
http://tinank.com/web202/images/tinakhatthamane_shopping_cart.pdf
http://estaciwo.com/web202/eighthwave_checkout_wireframes.pdf
« Older Comments
Trackbacks: