Laddawn.com : Sharing items and carts - OLD

 

*IN PROGRESS

Specs are in effect final, but there are some loose ends w/documentation need to be cleaned up.  Dev Team to be notified of any changes to specs or status.

CE Requirements

Question noted by Judy on 1/11/13 (#16)  "sharing with end user - should c/e be able to share with no markup?

 

Overview

"Share" functionality enables distributors to share individual items or whole carts with their customers ("end users" external to Laddawn.com) or with colleagues (at their own distributorship or at Laddawn). It will also enable Laddawn staff to share carts and items with distributors and Laddawn colleagues.  Sharing is not a tab unto itself, but is functionality that can be accessed from the shop or cart tabs, via this link:

 

 

Whether items or whole carts are being shared, the design/UI objective is for sharing to feel quick and easy to the user, something that can be done in a click or two, while at the same time giving the user extensive control over the content being shared via optional messaging and pricing tools.  For this reason, black and white indicates the content that is to be included in the message, thus eliminating the need for a preview step; color has been reserved solely for interactive features or temporary states.

The act of sharing will generate an email to the sender and recipients, as well as a post to the narrative thread that can be read and replied to by any recipient with a Laddawn.com login. In user preferences, users will be able to opt out of receiving email copies of what they share.

Sharing carts

Q: Should a cart have to be saved (named) before it can be shared? If so, when does that occur - at the point of clicking "Share..." (before displaying the Share form) or at the point of clicking "Send" (after filling out the Share form). The latter seems more consistent with the design objective of making the share process seem painless.

Reaching the share interface

The user is within an active Cart and clicks one of two links for sharing the whole cart:

At the top of the Cart
At the bottom of the Cart

 

The share cart interface

The default interface is for sharing "internally" - with other contacts from the distributorship, or with Laddawn staff. External sharing (sharing with the end user) is initiated by selecting the "Yes" radio button for "Sharing this cart with a customer?"  The Laddawn logo is replaced with the user's brandit logo ( or left blank); the user is presented with an open pricing markup drawer for the first item.

Internal 1Internal 2  
  

External 1

User Story
The user clicks the "Price Markup" drawer and drawer expands open.

Functional Notes

  1. Once expanded the drawer's arrow reverses direction.
  2. The arrow "Send" button at the bottom remains active until data is placed into the first drawer and the "Set Price" button is clicked.
  3. The "Unit Price" and "Total Price" labels are inactive until "set price" button is clicked. 
External 2

User Story
The user has completed 1 row and moving on to a 2nd row
for price markups.

Functional Notes 
  1. Once a row is completed, the entire remaining items need to be completed before the "Send" button becomes "Active." In this scenario, once all 4 items have been
    marked up the "Send" button becomes "active." 
  2. The user can markup any row, they do not need to be completed in any order. 
  3. Once a row has been marked up, the summary total at the bottom shows the total.
  4. The "Unit Price" and "Total Price" labels become active.

External 3

User Story
The user selects price breaks checkbox and 3 rows
of entry fields expands vertically. 

Functional Notes
1. The user clicks "Show Price Breaks" check mark and 3 price break entry fields open. "Show Price Breaks" checkmark and "Set Price" button fall to the bottom of the box.
2. Price breaks quantities will not be editable once a user enters the Share Cart flow.
3. Still TBD whether entry fields will be empty or have starting
data upon initial opening?
4. The user complete 1,2, or all 3 price break entry fields. 
 

External 4

User Story
The has completed all 4 of the price markups for this cart. The user has completed price breaks for 3 of the 4 itesm in the cart.


Programming  notes: If any of the To or CC recipients are not registered Laddawn.com users, and "No" is still the answer to "sharing with a customer," users will get a warning like XYZ@email.net is not a Laddawn user. This message includes pricing. Are you sure you want to proceed?

Sharing items

 Item sharing can be initiated from either the shop widget or the active cart. (Sharing a saved item occurs after restoring the saved item to the widget/search results.)
 

  1. Clicking "Share" will take you to a screen within the tab section you are in (shop tab - purple, shop tab active; cart, blue, cart tab active).
  2. For Mod items, clicking "Share" will give create a unique Laddawn MOD item number and a 14-day price quote (and pricing structure for all quantities).
  3. If the item has not yet been saved to saved items list, item will save upon clicking share; user will be presented with item save shadow box.

Share item flow and interface

Where applicable, share item interface piggybacks on share cart visual design.

  1. Share Item screen Header + Entry fields at top:
    a. Header includes Item #, Dimension and Gauge
    b. 3 entry fields will display for user. To, CC, and Subject 
    c. Subject field will be pre-populated with Item#, Dimension, Gauge and expiration date for MOD items. 
    Can be overwritten.
    d. Main content for shared item will behave like "Share Cart."
  2. Share an Item Screen (Share this item with a customer flow. Yes.)
    a. User will see his own logo
    b  Cover note entry field will remain the same in both this flow and share internally flow.
    c.  Item#, description and Pricing drawer display.

 


Sharing content from narrative thread

Due as part of narrative thread.

Attachments:

image2012-6-14 10:28:20.png (image/png)
sharing wireframe.pptx (application/vnd.openxmlformats-officedocument.presentationml.presentation)
cart share top.png (image/png)
cart share bottom.png (image/png)
ShareCart_5_dist-1price-email.png (image/png)
Internal_InitialState_1.png (image/png)
Internal_InitialState_2.png (image/png)
Internal_InitialState_1.png (image/png)
Internal_InitialState_2.png (image/png)
External_1.png (image/png)
Internal_InitialState_2.png (image/png)
External_2.png (image/png)
External_1.png (image/png)
ShareCart_MarkeupDrawer.png (image/png)
ShareCart_MarkeupDrawer.png (image/png)
External_2.png (image/png)
External_2.png (image/png)
External_2.png (image/png)
External_2.png (image/png)
External_3.png (image/png)
PriceBreaks.png (image/png)
PriceBreaks.png (image/png)
External_3.png (image/png)
External_4.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (application/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)
mockup_Share an Item.bmml (text/xml)
mockup_Share an Item.png (image/png)