HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2012T1 Shopaholic Development"

From IS480
Jump to navigation Jump to search
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<!--Team Logo-->
 
<!--Team Logo-->
[[Image:Shopaholic-logo.png|center| 200x150px]]
+
[[Image:TeamShopaholic.png|center|545x219px]]
 
<!--Navigation-->
 
<!--Navigation-->
 
{| style="background-color:#ffffff; color:#474747 padding: 5px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" |
 
{| style="background-color:#ffffff; color:#474747 padding: 5px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" |
Line 24: Line 24:
 
<!--Internal Navigation Menu-->
 
<!--Internal Navigation Menu-->
 
<center>
 
<center>
{| style="background-color:#ffffff; color:#474747 padding: 5px 0 0 0;" width="80%" cellspacing="0" cellpadding="0" valign="top" border="0" |
+
{| style="background-color:#ffffff; color:#ffffffpadding: 20px 0 0 0;" width="84%" cellspacing="0" cellpadding="0" valign="top" border="0" |
| style="padding:0 .3em;  font-size:120%; border-bottom:2px solid #474747; border-top:2px solid #474747; text-align:center; background-color:#CDCDCD; " width="16%" |[[IS480_Team_wiki:_2012T1_Shopaholic_Development|<font color="#FB2B5E">Introduction</font>]]
 
  
| style="border-bottom:2px solid #474747; border-top:2px solid #474747; border-top:2px solid #474747; background:none;" width="2%" | &nbsp;
+
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica; border-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center; color:#000000" width="1%" |<font color="#474747"><b>|</b></font>
| style="padding:0 .3em; background-color:#ffffff; font-size:120%; border-bottom:2px solid #474747; border-top:2px solid #474747; text-align:center; color:#474747" width="16%" |[[IS480_Team_wiki:_2012T1_Shopaholic_Development_Path |<font color="#FB2B5E">Chosen Path</font>]]
 
  
| style="border-bottom:2px solid #474747; border-top:2px solid #474747; border-top:2px solid #474747; background:none;" width="2%" | &nbsp;
+
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica; border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; text-align:center; color:#000000" width="16%" |
| style="padding:0 .3em; background-color:#ffffff; font-size:120%; border-bottom:2px solid #474747; border-top:2px solid #474747; text-align:center; color:#474747" width="16%" |[[IS480_Team_wiki:_2012T1_Shopaholic_Development_Function |<font color="#FB2B5E">Function List</font>]]
+
[[IS480_Team_wiki:_2012T1_Shopaholic_Development|<font color="#474747"><b><u>Initial Brainstorm</u></b></font>]]
  
| style="border-bottom:2px solid #474747; border-top:2px solid #474747; background:none;" width="2%" | &nbsp;
+
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica;  border-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center;  color:#000000" width="1%" |<font color="#474747"><b>|</b></font>
| style="padding:0 .3em; background-color:#ffffff; font-size:120%; border-bottom:2px solid #474747; border-top:2px solid #474747;  text-align:center; color:#474747" width="16%" |[[IS480_Team_wiki:_2012T1_Shopaholic_Development_Plugin|<font color="#FB2B5E">Tag & Bag Plugin</font>]]
+
 
 +
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica;  border-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center;  color:#000000" width="16%" |[[IS480_Team_wiki:_2012T1_Shopaholic_Development_Function |<font color="#474747">Function List</font>]]
 +
 
 +
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica;  border-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center;  color:#000000" width="1%" |<font color="#474747"><b>|</b></font>
 +
 
 +
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica;  border-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center; color:#000000" width="16%" |[[IS480_Team_wiki:_2012T1_Shopaholic_Development_User_Tests|<font color="#474747">User Tests</font>]]
 +
 
 +
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica; border-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center;  color:#000000" width="1%" |<font color="#474747"><b>|</b></font>
 +
 
 +
| style="padding:0 .3em; background-color:#ffffff; font-family:Helveticaborder-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center; color:#000000" width="16%" |[[IS480_Team_wiki:_2012T1_Shopaholic_Development_Plugin |<font color="#474747">"Tag & Bag" Plugin</font>]]
 +
 
 +
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica;  border-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center;  color:#000000" width="1%" |<font color="#474747"><b>|</b></font>
 +
 
 +
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica;  border-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center;  color:#000000" width="16%" |[[IS480_Team_wiki:_2012T1_Shopaholic_Development_Portal |<font color="#474747">D2T9 Portal</font>]]
 +
 
 +
| style="padding:0 .3em; background-color:#ffffff; font-family:Helvetica;  border-bottom:5px solid #ffffff; border-top:5px solid #ffffff; text-align:center;  color:#000000" width="1%" |<font color="#474747"><b>|</b></font>
 +
|
  
| style="border-bottom:2px solid #474747; border-top:2px solid #474747; background:none;" width="2%" | &nbsp;
 
| style="padding:0 .3em; background-color:#ffffff; font-size:120%; border-bottom:2px solid #474747; border-top:2px solid #474747;  text-align:center; color:#474747" width="16%"  |[[IS480_Team_wiki:_2012T1_Shopaholic_Development_Portal|<font color="#FB2B5E">Spree Portal</font>]]
 
 
|}
 
|}
  
Line 43: Line 55:
  
 
<!--Content-->
 
<!--Content-->
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Initial Brainstorm</b><br/><br/></div>=
+
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Initial Brainstorm</b><br/></div>=
  
 
We have decided to improve the current spree model. However, there are 2 approaches we could take as follows:
 
We have decided to improve the current spree model. However, there are 2 approaches we could take as follows:
Line 61: Line 73:
  
 
<center>
 
<center>
[[Image:Shopaholic_Brainstorm_Path_2.png ]]
+
[[Image:Shopaholic_Brainstorm_Path_2.png |600x400px]]
 
</center>
 
</center>
  
Line 67: Line 79:
 
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Development#Top|Back to Top]]</u></font></div>
 
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Development#Top|Back to Top]]</u></font></div>
  
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Our Chosen Path</b><br/><br/></div>=
+
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Our Chosen Path</b><br/></div>=
 
==<font color="#FB2B5E" font size="4"><b>Path 1 - A Portal for Spree organizers and Participants to meet</b></font>==
 
==<font color="#FB2B5E" font size="4"><b>Path 1 - A Portal for Spree organizers and Participants to meet</b></font>==
  
Line 86: Line 98:
 
{|style="color: black; background-color: #474747; vertical-align:top; border-width: 1px; border-style: solid;" width="80%" align="center" class="wikitable"
 
{|style="color: black; background-color: #474747; vertical-align:top; border-width: 1px; border-style: solid;" width="80%" align="center" class="wikitable"
 
! style="color: white; background-color: #474747; vertical-align:top; padding: 5px;"|For Spree Organizers
 
! style="color: white; background-color: #474747; vertical-align:top; padding: 5px;"|For Spree Organizers
! style="color: white; background-color: #474747; vertical-align:top; padding: 5px;"|For Spree-ers
+
! style="color: white; background-color: #474747; vertical-align:top; padding: 5px;"|For Participants
  
 
|-
 
|-
Line 94: Line 106:
 
|-
 
|-
 
| style="width: 40%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"| <b>Paying for orders easily</b> without the hassle of adding new payee each time for when spree-ing with different spree organizer
 
| style="width: 40%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"| <b>Paying for orders easily</b> without the hassle of adding new payee each time for when spree-ing with different spree organizer
| style="width: 40%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"| <b>Easy consolidation of funds</b> from a spree. Do not need to manually check for payment from each spree-er
+
| style="width: 40%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"| <b>Easy consolidation of funds</b> from a spree. Do not need to manually check for payment from each participant
  
 
|-
 
|-
| style="width: 40%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|  Participants would be able to <b>rate Spree Organizer</b> upon completion of spree. Spree-er is also able to raise disputes if necessary, which would hold the funds to be given to spree organizers
+
| style="width: 40%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|  Participants would be able to <b>rate Spree Organizer</b> upon completion of spree. Participant is also able to raise disputes if necessary, which would hold the funds to be given to spree organizers
 
| style="width: 40%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|  Rating of Participants to <b>establish one's reputation</b> in reliability when organizing sprees.
 
| style="width: 40%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|  Rating of Participants to <b>establish one's reputation</b> in reliability when organizing sprees.
  
Line 107: Line 119:
 
</center>
 
</center>
  
==<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>The New Spree-ing Process</b><br/><br/></div>==
+
==<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>The New Spree-ing Process</b><br/></div>==
 
===<font color="#FB2B5E" font size="4"><b>For Spree Organizer</b></font>===
 
===<font color="#FB2B5E" font size="4"><b>For Spree Organizer</b></font>===
  
[[Image:Shopaholic New Spree Organizer Flow Diagram.png | center | 820x600px]]
+
[[Image:Shopaholic New Spree Organizer Flow Diagram.jpg | center | 820x600px]]
 +
 
  
 +
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Development_Path#Top|Back to Top]]</u></font></div>
 
===<font color="#FB2B5E" font size="4"><b>For Participants</b></font>===
 
===<font color="#FB2B5E" font size="4"><b>For Participants</b></font>===
[[Image:Shopaholic_New_Spree-er_Flow_Diagram.png | center | 1000x1400px]]
+
[[Image:Shopaholic_New_Spree-er_Flow_Diagram.jpg | center | 1000x1400px]]
 
 
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Development#Top|Back to Top]]</u></font></div>
 
 
 
<br/>
 
 
 
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Development#Top|Back to Top]]</u></font></div>
 
 
 
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>Function List</b><br/><br/></div>=
 
 
 
<center>
 
{|style="color: black; background-color: #474747; vertical-align:top; padding: 10px; border-width: 1px; border-style: solid;" width="50%" align="center" class="wikitable"
 
! style="color: white; background-color: #474747; vertical-align:top; padding: 5px;"|'''Pin-It Framework'''
 
 
 
|-
 
|style="color: black; background-color: #ffffff; vertical-align:top; padding: 5px; text-align: Center"|'''Information Extraction'''
 
 
 
|-
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* User Edit Information
 
* Capture item Details
 
 
 
|-
 
|style="color: black; background-color: #ffffff; vertical-align:top; padding: 5px; text-align: Center"|'''Error Reporting'''
 
 
 
|-
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* Flag sites that users want to access but not supported
 
 
 
|}
 
 
 
 
 
{|style="color: black; background-color: #474747; vertical-align:top; padding: 10px; border-width: 1px; border-style: solid;" width="50%" align="center" class="wikitable"
 
! style="color: white; background-color: #474747; vertical-align:top; padding: 5px;"|'''Shopaholic Portal'''
 
 
 
|-
 
|style="color: black; background-color: #ffffff; vertical-align:top; padding: 5px; text-align: Center"|'''User Management'''
 
 
 
|-
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* Login & Logout
 
* Organizer Account Verification
 
* Password Retrival
 
* Create/Delete Account
 
* User Profile
 
* Edit User Profile
 
* Tag Items
 
* Rate other users (Organizer <--> Buyers)
 
** Ratings
 
** Stats on Number of sprees organized / joined
 
 
 
|-
 
|style="color: black; background-color: #ffffff; vertical-align:top; padding: 5px; text-align: Center"|'''Cart Management'''
 
 
 
|-
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* View Items
 
* Delete Items
 
* Add Items to Spree
 
* Calculation of Item Costs (After adding to spree)
 
* Add to Database
 
 
 
|-
 
|style="color: black; background-color: #ffffff; vertical-align:top; padding: 5px; text-align: Center"|'''Spree Management'''
 
 
 
|-
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* Create Spree
 
* Remove Spree
 
* Close Spree
 
** Automated
 
** Manual
 
* Filter ongoing sprees by:
 
** Ending Time
 
** Shipping cost
 
** Handling fee
 
** Spree Status
 
***After closed, see whether purchased, products received, products sent
 
* Advertise Spree
 
** Enable embedded codes on other sites
 
* Notification Center (automated email notification to users)
 
* Address Lables
 
 
 
|-
 
|style="color: black; background-color: #ffffff; vertical-align:top; padding: 5px; text-align: Center"|'''Credit Management'''
 
 
 
|-
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* View Credit Balance
 
* Add Credit
 
** User Top Up
 
** Transfer
 
** Refund
 
* Remove Credit
 
* Withdraw Credit
 
* Statement of account
 
* Bank Account Verification (changed last 24hrs)
 
 
 
|-
 
|style="color: black; background-color: #ffffff; vertical-align:top; padding: 5px; text-align: Center"|'''Administrator Functions'''
 
 
 
|-
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* Manage users
 
* Restrict account
 
*Accounting System
 
** Generate reports
 
** Audit log, audit trail
 
*Bank Account Management
 
** Approve User Top-Up
 
** Approve User Withdrawal
 
** Reject User Top-Up
 
** Reject User Withdrawal
 
 
 
|-
 
|style="color: black; background-color: #ffffff; vertical-align:top; padding: 5px; text-align: Center"|'''Customer Support'''
 
 
 
|-
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* Resolution Center
 
** Report organizer
 
** Report buyer
 
** Ask for refund
 
*Bug Reporting
 
|}
 
</center>
 
 
 
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Development#Top|Back to Top]]</u></font></div>
 
 
 
=<div style="color: #FB2B5E; border-bottom: 4px solid #474747"><b>The "Tag & Bag" Plugin</b><br/><br/></div>=
 
==<font color="#FB2B5E" font size="4"><b>Flow of events when the "Tag & Bag" Button clicked</b></font>==
 
 
 
[[Image:Shopaholic BagIt flow diagram.png | center]]
 
 
 
==<font color="#FB2B5E" font size="4"><b>How data is Captured</b></font>==
 
 
 
<center>
 
{|style="color: black; background-color: #474747; vertical-align:top; border-width: 1px; border-style: solid;" width="80%" align="center" class="wikitable"
 
! style="color: white; background-color: #474747; text-align: left; vertical-align:top; padding: 5px;"|Step 1
 
! style="color: white; background-color: #474747; text-align: left; vertical-align:top; padding: 5px;"|Step 2
 
! style="color: white; background-color: #474747; text-align: left; vertical-align:top; padding: 5px;"|Step 3
 
! style="color: white; background-color: #474747; text-align: left; vertical-align:top; padding: 5px;"|Step 4
 
 
 
|-
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* Merchant URL
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* Product URL
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* Currency
 
| style="width: 20%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
* Product number [input]<br/>
 
* Product Name [input]<br/>
 
* Price [input]<br/>
 
* Color (Available) [dropdown]<br/>
 
* Size (Available) [dropdown]<br/>
 
* Picture x1<br/>
 
* Product Category [dropdown]
 
* Default Price [hidden]
 
* Chosen Size
 
* Chosen Colour
 
* Custom Field<br/>
 
|}
 
 
 
</center>
 
 
 
==<font color="#FB2B5E" font size="4"><b>Interface Considerations</b></font>==
 
===<font color="#FB2B5E" font size="4"><b>Inspirations from currently available "pinterest-style" sites</b></font>===
 
 
 
Since the birth of Pinterest, many have been tapping on the concept of "Pinning" images, where the image, and the data related to the image is being captured, and kept for own's bookmarking/scrapbooking purpose.
 
The concept of "Pinning" objects is simple. One just simply have the bookmarklet on the browser's bookmark bar, and it works! No cumbersome installation is required.
 
 
 
 
 
We realised that this tool is very useful if we could incorporate it to the current Spree model in Singapore.
 
It had a lot of potential to revolutionize the way people spree, as the process of spree-ing is breing eased tremendously with this "pinning" tool.
 
 
 
Users can happily click away to "pin" the images of the things they fancy, with all the details of the items being captured at the same time.
 
Afterwhich, they can return to review all the items they have "Pinned" and proceed to confirm their purchases with the Spree Organizers.
 
 
 
 
 
We researched on how this tool is being used to come out with the best way to use it to our advantage, and to come out with the best design for great usability.
 
 
 
{|style="color: black; background-color: #474747; vertical-align:top; border-width: 1px; border-style: solid;" width="90%" align="center" class="wikitable"
 
! style="color: white; background-color: #474747; text-align: center; vertical-align:top; padding: 5px;"|Pinterest
 
! style="color: white; background-color: #474747; text-align: center; vertical-align:top; padding: 5px;"|Listly
 
! style="color: white; background-color: #474747; text-align: center; vertical-align:top; padding: 5px;"|Nuji
 
 
 
|-
 
| style="width: 30%; background-color: #ffffff; vertical-align:top; padding: 10px; text-align: left;"|
 
Pinterest is a Virtual Pinboard.<br/>
 
 
 
Pinterest lets you organize and share all the beautiful things you find on the web. <br/>
 
People use pinboards to plan their weddings, decorate their homes, and organize their favorite recipes.<br/>
 
Best of all, you can browse pinboards created by other people. Browsing pinboards is a fun way to discover new things and get inspiration from people who share your interests.
 
 
 
| style="width: 30%; background-color: #ffffff; vertical-align:top; padding: 10px; text-align: left;"|
 
Listly helps curate lists of things people care about inside your blog posts. <br/>
 
 
 
Collecting and sharing our passions is the new norm. <br/>
 
Sharing is shifting to live embeddable content, so you can share content, community and engagment across multiple blogs.
 
 
 
| style="width: 30%; background-color: #ffffff; vertical-align:top; padding: 10px; text-align: left;"|
 
Nuji is your social wish list. <br/>
 
 
 
Nuji helps you save and discover products you love from all over the web. <br/>
 
With Nuji, you can save items you like from any online store using our simple bookmarklet.<br/>
 
Also, you can follow people with similar taste and see what they're discovering. It's an easy way to find new products you like and save the ones you want to your wish list.
 
|-
 
| style="width: 30%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
[[Image:Shopaholic-Pininterst-2.png | 400x180px]]
 
 
 
 
 
[[Image:Shopaholic-Pinterest-1.png | 400x175px]]
 
| style="width: 30%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
[[Image:Shopaholic-Listly-plugin.png | 400x380px]]
 
| style="width: 30%; background-color: #ffffff; vertical-align:center; padding: 10px; text-align: left;"|
 
[[Image:Shopaholic-Nuji-1.png | 400x250px]]
 
 
 
 
 
[[Image:Shopaholic-Nuji-2.png | 400x250px]]
 
|}
 
 
 
===<font color="#FB2B5E" font size="4"><b>Challenges Faced</b></font>===
 
 
 
 
 
For different product types, there would be different attributes which would require users to select.
 
Hence, our plugin needs to be robust enough to be able to detect all the attributes which users need to select.
 
 
 
Here is the example of the different attributes which needs to be captured for different product type, taken from Victoria Secrets Clothing Section:
 
 
 
[[Image:Shopaholic VS Clothing Categories.jpg | 1200X1000px | center]]
 
 
 
 
 
 
 
===<font color="#FB2B5E" font size="4"><b>Our Design</b></font>===
 
[[Image:Shopaholic-UI-mockup.png]]
 
 
 
===<font color="#FB2B5E" font size="4"><b>Usability Metrics</b></font>===
 
 
 
====<font color="#FB2B5E" font size="4"><b>Completion Rates</b></font>====
 
 
 
As “Tag & Bag” is a new concept we are introducing, we want to ensure that users are able to understand what the “Tag” and “Bag” function is for. Instructions/guides we provide on how to use the Plugin should be very clear, and easy to understand. Hence, we expect 100% Completion Rate for the given task to users.
 
Users must be able to complete the following task:
 
 
 
1. Drag & Drop bookmarklet to bookmark bar [Mid-Term]
 
<br/>
 
2. “Tag” items they want to review later [Mid-Term]
 
<br/>
 
3. “Bag” items they are able to confirm their purchase on [Mid-Term]
 
<br/>
 
4. Checkout items in a Spree. Participants to ibank to Spree Organizer Directly [Mid-Term]
 
<br/>
 
<br/>
 
5. Spree Organizers & Participants are able to communicate within a Spree [Final]
 
<br/>
 
6. Checkout items in a Spree with our Credit Management System [Final]
 
 
 
====<font color="#FB2B5E" font size="4"><b>Task Time</b></font>====
 
 
 
To check if our “Tag & Bag” function is really bringing value to users, we need to gauge if it does really help ease the current Spree-ing process.
 
Our goal is to eliminate tedious form filling process, and improve accuracy of the item details captured. As mentioned before, the form filling process takes about 5-7 minutes. Now, we hope to reduce this time to merely 30 Seconds. This includes the time taken for users to check the item details, and make any amendments if necessary.
 
 
 
====<font color="#FB2B5E" font size="4"><b>Accuracy</b></font>====
 
 
 
The ability of the Plugin to accurately capture the required details would affect the user’s satisfaction. If details are not captured accurately, users would need to manually edit and add in addition details, which would in turn lengthen the time taken to complete a task as well.
 
It is not realistic to expect our Plugin to be 100% accurate, as the merchants controls the products, and the attributes of the product varies with the variety which the merchant offers.
 
We aim to expect the Plugin to be accurate for 7 out of 10 times a user tries to capture the details of an item for a Merchant.
 
 
 
====<font color="#FB2B5E" font size="4"><b>Conversion</b></font>====
 
=====<font color="#FB2B5E" font size="4"><b>Adoption of a new Merchant Site</b></font>=====
 
 
 
We aim to be able to adopt a new merchant site within 24hours after a request have been recieved.
 
 
 
=====<font color="#FB2B5E" font size="4"><b>User Adoption Rate</b></font>=====
 
 
In order for our product to be successful, we need to be able to convert users to use our Plugin to make a purchase from a spree. We hope that 4 out of 5 people who have “installed” the Plugin would eventually make a purchase in a Spree.
 
  
  
 
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Development#Top|Back to Top]]</u></font></div>
 
<div style="text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2012T1_Shopaholic_Development#Top|Back to Top]]</u></font></div>

Latest revision as of 17:06, 23 November 2012

TeamShopaholic.png
Our Team   Project Overview   Project Management   Development   Learning Outcome   Documentation


|

Initial Brainstorm

| Function List | User Tests | "Tag & Bag" Plugin | D2T9 Portal |

Initial Brainstorm

We have decided to improve the current spree model. However, there are 2 approaches we could take as follows:

Path 1 - Providing a plateform as a common meeting place

Providing a Platform for Spree Organizers and Participants to Meet and Transact

Shopaholic Brainstorm Path 1.png

Path 2 - Function as a Spree Organizer

We are the SOLE Spree Organizer handling all transactions with Participants

Shopaholic Brainstorm Path 2.png


Back to Top

Our Chosen Path

Path 1 - A Portal for Spree organizers and Participants to meet

We will be taking Path 1.
We would function as a spree Organizer, and handle the order consolidation, ordering and shipping of items to customers.


Model 2 would involve us having to do all the handling of sprees. We would not have the time to do it. Also, some establised spree organizer has already set up their own sites to conduct sprees. Hence, if we were to go with this idea, it would not be original, and it not substantial and benefitial at all.

We have decided to go achead with spree model 1, to creat a plateform where spree organizers and participants can meet and transact. This model would be self-sustaining, with us just maintaining the portal. Currently sprees are being carried out on livejournal, blogs and forums. It is messy, as it is rather difficult to find specific sprees to join when you want it, as it may be unavailable, or the post has been pushed down in ranking.


This portal would serve as a one-stop portal where people could organize or join spree easily. Our portal would provide the following functions, to ease the spree-ing process:

For Spree Organizers For Participants
'Pin-It' Function to add item from merchant site into own shopping cart Order Management system to consolidate orders
Paying for orders easily without the hassle of adding new payee each time for when spree-ing with different spree organizer Easy consolidation of funds from a spree. Do not need to manually check for payment from each participant
Participants would be able to rate Spree Organizer upon completion of spree. Participant is also able to raise disputes if necessary, which would hold the funds to be given to spree organizers Rating of Participants to establish one's reputation in reliability when organizing sprees.
Participants would no longer have calculation error when calculating required amount to pay to Spree Organizer

The New Spree-ing Process

For Spree Organizer

Shopaholic New Spree Organizer Flow Diagram.jpg


Back to Top

For Participants

Shopaholic New Spree-er Flow Diagram.jpg


Back to Top