Difference between revisions of "IS480 Team wiki: 2012T2 Can.One Project Documentation"
Line 84: | Line 84: | ||
<!--PUT CONTENT HERE--> | <!--PUT CONTENT HERE--> | ||
== '''Storyboard''' == | == '''Storyboard''' == | ||
− | <div style = "text-align:center;">[[Image:Can.One Storyboard1.jpg| | + | This is the UI walkthrough of how Angelina navigated through VEON in her quest of KPRINCESS sun glasses. This was the first time she use VEON. First, she took a picture using webcam, had her picture rendered into 3D avatar, and started browsing. She clicked on Go Shopping, navigated through brands and categories to get to her target item, and tried them on her avatar. She could immediately see the fit of the sunglasses on her -- but wait, she still wanted her friend to comment on it. So she searched for her friend who already had an account and intended to add her as a friend. Adding a friend required her to register and make an account, so she did. Upon approval of friendship from her friend, she could start chatting with her finds on VEON. Assured about her sunglasses purchase, Angelina added it to cart and proceeded to check out. Yay! |
− | [[Image:Can-One Storyboard2.jpg| | + | <br> |
+ | <br> | ||
+ | <div style = "text-align:center;">[[Image:Can.One Storyboard1.jpg|500px]][[Image:ArrowRight.png|100px]] | ||
+ | [[Image:Can-One Storyboard2.jpg|500px]]</div> | ||
<br> | <br> | ||
== '''Mock Up UI''' == | == '''Mock Up UI''' == | ||
− | |||
− | |||
− | |||
− | |||
<br> | <br> | ||
+ | |||
+ | {| class="wikitable" style="text-align: center; height:100px" | ||
+ | |+ | ||
+ | |- | ||
+ | |||
+ | <!--Proposed UI--> | ||
+ | |||
+ | ! scope="row" rowspan="2" style="background: #F2F5A9; text-align: left; width: 100px;"| Proposed UI | ||
+ | |style="text-align: left; width: 500px;"|Paper mock-up | ||
+ | |- | ||
+ | |||
+ | |style="text-align: left;"|[http://dl.dropbox.com/u/18512978/FYP/UI/Wireframe%20UI/Can.One%20-%20Wireframe%20UI%20v.1.0.htm Wireframe mock-up] | ||
+ | |- | ||
+ | |||
+ | !scope="row" colspan="2" height:25px| | ||
+ | |- | ||
+ | |||
+ | <!--Mock Up UI--> | ||
+ | |||
+ | ! scope="row" rowspan="2" style="background: #F2F5A9; text-align: left;"| Mock Up UI | ||
+ | |style="text-align: left;"|[http://dl.dropbox.com/u/18512978/FYP/UI/UI%20Mock%20Up%20v.1.0%20-%2015Dec2012.pdf Version 1.0 - 15 December 2012] | ||
+ | |- | ||
+ | |||
+ | |style="text-align: left;"| | ||
+ | |- | ||
+ | |||
+ | |} | ||
+ | |||
+ | |||
+ | |||
== '''Paper Mock Up''' == | == '''Paper Mock Up''' == |
Revision as of 00:23, 17 December 2012
Home | Project Overview | Project Management | Project Documentation | Testing | Learning Outcome |
Diagrams | Survey Results | User Interface | Deliverables |
Diagrams
Diagrams |
USE CASERegistration SD |
Survey Results
Survey Results |
User Interface
User Interface | ||||||||
StoryboardThis is the UI walkthrough of how Angelina navigated through VEON in her quest of KPRINCESS sun glasses. This was the first time she use VEON. First, she took a picture using webcam, had her picture rendered into 3D avatar, and started browsing. She clicked on Go Shopping, navigated through brands and categories to get to her target item, and tried them on her avatar. She could immediately see the fit of the sunglasses on her -- but wait, she still wanted her friend to comment on it. So she searched for her friend who already had an account and intended to add her as a friend. Adding a friend required her to register and make an account, so she did. Upon approval of friendship from her friend, she could start chatting with her finds on VEON. Assured about her sunglasses purchase, Angelina added it to cart and proceeded to check out. Yay!
Mock Up UI
Paper Mock Up | ||||||||
Deliverables
Deliverables |
|