1. GUI Design & Prototyping Example
Interactive Example created with PowerPoint
Hans-Petter Halvorsen

2. Web Shop Example Requirements:
The Web Shop sells electronic products such as Computer Equipment, TVs, Photo Equipment, Phones, etc.
Possible to browse for Products in different Categories
Possible to Search for products
Integrated Payment solution
Note! in the Prototype shown you can click on Items and Buttons
Note! in the Prototype shown you can click on Items and Buttons

3. Web Shop
The Web Shop sells electronic products such as Computer Equipment, TVs, Photo Equipment, Phones, etc.
Search:
Search
Select Category:
TVs
Computers
Cameras
Computer Equipment
Games
Phones
Note! This is an interactive prototype – not a finalized product

4. Product Search Search: Apple Search Category: TV Products: Category
Name
Description
...
Price TV
Apple TV
10.000 PC
Apple MacBook Air
....
9.000
Add to Shopping Cart
View Shopping Cart
Note! This is an interactive prototype – not a finalized product

5. Shopping Cart Items in Shopping Cart: Category Name Description ...
Price TV
Apple TV
10.000 PC
Apple MacBook Air
....
9.000
Total Price:
19.000
Delete Item
Shop More
Pay
Note! This is an interactive prototype – not a finalized product

6. Payment Total Price: 19.000 Name: Hans-Petter Halvorsen Address:
Abbey Road
1234
Post Number:
Post Address:
Porsgrunn
Visa
Credit Card:
Credit Card Number:
Finished
Note! This is an interactive prototype – not a finalized product

7. Thank You! Your order is fulfilled.
Order Confirmation is sent on
Thank you for shopping with us.
Welcome Back.
Shop More
Finished
Finished
Note! This is an interactive prototype – not a finalized product

8. Hans-Petter Halvorsen, M.Sc.
University College of Southeast Norway
Blog: