CREATE REGISTRY: FROM PRODUCT DETAIL, REGISTRY LANDING PAGE & MY ACCOUNT WIREFRAMES DRAFT V.1.0 July 30, 2014

Transcription

1 CREATE REGISTRY: FROM PRODUCT DETAIL, REGISTRY LANDING PAGE & MY ACCOUNT WIREFRAMES DRAFT V.1.0 July 30, 2014

2 Document Intro 3 ways to create a registry: from Product Detail from Registry Landing Page from My Account page Page 2 of 15

3 Basic Flows: Create from Product Detail and Registry Landing Page To cart and purchase process Registration process TBD Registry creation is successful Select Add to Bag Create from product detail I do not have a Registry account start Registry registryappropriate product detail page Select Add to Registry Registry Registration and Login Modal Credentials successfully entered Create Registry Modal See Page 10 I enter valid Information in Form fields I do not have a registry See Page 6 I am not logged in I have a Registry account I am already logged in I have 1 registry I have 1 registry Add Product to Existing registry Select registry Create from Registry Landing page Give a gift To Gifter processes See Page 9 start Registry Wedding & Gift Registry Landing Page Create a registry No Registry account Registry Registration and Login Modal I have a Registry account See Page 7 complete Manage your registry To registrant processes Registry Registration and login Modal Registration is successful Login is Successful Create Registry Modal Save See Page 10 Page 3 of 15

4 Basic Flows: Create from My Account Registration Registration is successful Create Registry within My Account I do not have a Registry account Registry Registration and Login Screen Login is successful Registry My Account page I select Create Registry Create Registry Modal I successfully Complete the Create Registry Page complete start Registry.com I Select My Account in header I am not logged in See Page 8 See Page 10 I have a Registry account I am already logged in I select an existing registry Page 4 of 15

5 GR_Create -Creating Registry from Product Detail

6 GR_Create Create from Product Detail Create from 6: Interaction Notes Of relevance to this specification is the Add to Registry CTA in the 6 Add to Registry CTA: 1) From product detail: If the user chooses the Add to Registry button, and is NOT registered: the login/registry Modal is invoked and the user follows the new customers create account path Afterward, the customer is taken to the GR_Create Create Registry Modal screen where a registry can be created 2) From product detail: if the user chooses the Add to Registry button, is registered, is NOT logged in and a registry HAS NOT been created, the login/registry Modal is invoked and the user logs in. Afterward, the customer is taken to the GR_Create Create Registry Modal screen where a registry can be created 3) From product detail: if the user chooses the Add to Registry button, is registered, is logged in and a registry HAS NOT been created, the user is taken to the GR_Create Create Registry Modal where a registry can be created 4) From product detail: if the user chooses the Add to Registry button, is registered, is NOT logged in and has created 1 registry the login/registry Modal is invoked and the user logs in. Afterward, the customer is taken to the Added to Registry Confirmation screen where a registry can be created 5) From product detail: if the user chooses the Add to Registry button, is registered, is logged in and has created 1 registry the Added to Registry Confirmation is invoked and the user logs in. 6) From product detail: if the user chooses the Add to Registry button, is registered, is NOT logged in and has created 2 or more registries the login/registry Modal is invoked and the user logs in. Afterward, the customer is taken to the GR_Create Add product to existing registry Modal (From Product Detail only) modal 7) From product detail: if the user chooses the Add to Registry button, is registered, is logged in and has created 2 or more registries the GR_Create Add product to existing registry Modal (From Product Detail only) is invoked where the user can select a registry to which to add the product Create from Registry Landing Page: Interaction Notes This page s relevance to this specification is the create your registry capability CTA: OnSelect the system validates the form data and presents the page or error messages 1) From registry landing page: If the user chooses to create registry, and is NOT registered: the login/registry Modal is invoked and the user follows the new customers create account path Afterward, the customer is taken to the GR_Create Create Registry Modal screen where a registry can be created 2) From registry landing page: if the user chooses to create registry, is registered, is NOT logged in and a registry HAS NOT been created, the login/registry Modal is invoked and the user logs in. Afterward, the customer is taken to the GR_Create Create Registry Modal screen where a registry can be created 3a) From registry landing page: if the user chooses to create registry, is registered, is logged in and a registry HAS NOT been created, the user is taken to the GR_Create Create Registry Modal 3b) From registry landing page: if the user chooses to create registry, is registered, is NOT logged in and has 1 or more registries the login/registry Modal is invoked and the user logs in. Afterward, the customer is taken to the GR_Create Create Registry Modal screen where a registry can be created 3c) From registry landing page: if the user chooses to create registry, is registered, is logged in and has created 1 or more registries registry the user is taken to the GR_Create Create Registry Modal screen where a registry can be created Create from My Account: Interactions Notes Of relevance to this specification is the Create Registry capability To arrive at this page, the user must be authenticated Add to Registry CTA: 1) From My Account page: If the user chooses the Add to Registry button, the user is taken to the GR_Create Create Registry Modal This is the case regardless of the number of registries the registrant might have Page 6 of 15

7 GR_Create Add product to existing registry Modal (From Product Detail only) Welcome Jane Doe track order my account sign out Interaction Notes 1 Title: pertaining to adding an item to an existing registry search find a store weekly ad customer service Bag (2) items $59.00 enter term or item # GO women home store men teens kids baby shoes jewelry toys registry clearance 2, 3, 4 Existing registry list item. Includes: (2) Registry name (3) Add to this registry CTA. Opens the appropriate confirmation modal (4) Checkbox: 1 add product to existing registry 2 3 Big Fat Greek Wedding add to this registry Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 5 CTA: Returns the user to the previous condition Product Image 4 Place all gifts in this registry during this session Dan s Dorm Daze Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum. add to this registry Place all gifts in this registry during this session Add to bag 5 cancel Add to registry Add to wish list Page 7 of 15

8 GR_Create Create Registry Modal Welcome Welcome {not authenticated} Jane Doe track order my account sign out Interaction Notes 1 Title: pertaining to creation of new registry search find a store weekly ad customer service Bag (2) items $59.00 enter term or item # GO women home store men teens kids baby shoes jewelry toys registry clearance FREE SHIPPING on orders of $49.00 or more get code >>> Product Image 1 $ thank you for registering with Registry *required Consectetuer adipiscing 14 elit, sed diam nonummy the format is invalid nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim A valid must veniam, be entered quis nostrud in the exerci tation ullamcorper form of 'xxxx@yyyyy.zzz' suscipit lobortis nisl ut aliquip ex ea commodo consequat. what type of registry are Duis you autem creating?:* vel eum iriure dolor in hendrerit in wedding vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit what is the date of your praesent event?:* luptatum Dynamic top-level error messaging area: Messaging informs the user that an error has occurred. See GR_Create Create Registry Modal: Error text examples Copy asking the type of registry Dropdown containing registry types. Required field Copy asking the date of the event Date form field: Required Field. User can manually enter the date or select from the calendar view in (7) endar icon: Invokes the calendar. endar behavior is detailed in GR_Create Create Registry Modal - endar behaviors Checkbox and copy: Allows user to opt in for promotions. It is populated (checked) by default Checkbox and copy: Allows user to acknowledge a referrer. It is unpopulated (unchecked) by default form field: Where the user enters the referrer s address. The field is required when the checkbox is populated Create registry CTA- if this screen is invoked from Product Detail: OnSelect the system validates the form data and presents the proper confirmation or error messages found at GR_Create Create Registry Modal: Error text examples Create registry CTA - If this screen was invoked from My Account: OnSelect the system validates the form data and presents the page or error messages found at GR_Create Create Registry Modal: Error text examples /19/ Yes I want to receive promotions from Registry related to my registry Yes I was referred to Registry registries. I was referred by: 1 Add to bag Add to registry Create registry CTA - If this screen is ivoked from the Registry Landing Page: OnSelect the system validates the form data and presents the page or error messages GR_Create Create Registry Modal: Error text examples CTA: returns the user to the previous condition - Close: OnSelect closes the modal 10 Dave# .com Add to wish list 14 Copy indicating required fields cancel Page 8 of 15

9 GR_Create Create Registry Modal - endar behaviors $ Thank you for Registering *required Interaction Notes 1 endar Modal: invoked when the user clicks in the date form field or on the calendar icon The user cannot navigate to a date in the past The user cannot create an event more that 2 years in the future from the current date; hence, the user cannot navigate to a date more than 2 years in the future what type of registry are you creating?:* 2 3 Arrow left: moves the month sequence once to the left Arrow right: moves the month sequence once to the left M what is the date of your event?:* September 10 T W T F S S >> Yes 9 10I want to receive promotions from Registry related to my 17 registry M September October Yes I was referred to registries. I was referred by: T W T F S S User arrows right Month sequence moves forward by 1 4 & 5 6 endar month views Close: OnSelect closes the modal 7 Current date: which is highlighted 8 Date form field: When the user selects a date in the calendar, the calendar disappears, and the date field is populated with the date, in the correct date format. Month sequence moves back by 1 User arrows left cancel >> 1 September October September November 10 M T W T F S S M T W T F S S >> >> September August M T W T F S S >> September 10 M T W T F S S what is the date of your event?:* /22/ Page 9 of 15

10 GR_Create -Create Registry Modal: Error text examples Wedding chosen; wedding registry already exists of the referring party is left blank a wedding registry already exists Choose another type of registry or delete the existing wedding registry by contacting customer service at enter the of the party who referred you to registries Event type not selected of referring party is in the incorrect format select your event type the format is invalid Event date not selected A valid must be entered in the form of 'xxxx@yyyyy.zzz' select your event date Event type nor event date selected Neither type nor event date nor referrer entered select your event type and event date select your event type and event date enter referrer A date in the past is manually entered Type not selected and referrer not entered event dates in the past are not valid select your event type and enter referrer Events must be scheduled beginning today and can be scheduled no later than 2 years from today A date more than 2 years in the future is manually entered Event date not selected and referrer not entered event dates more that 2 year in the future are invalid enter your event date and referrer Events cannot be scheduled more than 2 years from today Manually-entered event date is in an invalid format the date is in an invalid format. Please reenter. Page 10 of 15

11 GR_Create - Detailed flows

12 GR_Create - Detailed Flow: Create New and Add to Existing Registry (1 registry) from Product Detail Product Detail Page User selects Add to Registry in the product detail page. Back to Registry Landing page. Registry is NOT created. User is logged in. User selects Add to Registry in the product detail page. User is already authenticated. User has 1 existing registry Image Product Detail Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud Add to bag Add to registry Add to wish list User is not authenticated or has no account Registry login User does not have a registry. User is already authenticated. User is taken to the Create Registry Modal Create Registry Modal The user clicks in the date field or on the calendar icon User is taken to the Add Product to Existing Registry Modal Congrats items have been added to your <registry name> registry You may also like... Item-added Confirmation Registry 300TC Print Full Sheet Set Color: Blue Willow Quantity: 4 $29.99 Orig. $54.00 Back to Product detail See Page 6 User has 1 existing registry Shipping Address for the registry has already been saved Register for Account Yes I want to receive promotions from Registry related to my registry Yes Someone referred me to registries. I was referred by: >> September 10 September October M T W T F S S M T W T F S S Yes I want to receive promotions from Registry related to my registry Yes Someone 27 28referred me to registries I was referred by: go to registry Back to Shopping The user provides no information See Page 10 The user enters the appropriate information and creates a registry Create Registry/items added Confirmation NOTE: for calendar specifications, see the Create Registry Modal: calendar behaviors section in this document See Page 11 mid-cycle Amanda Jones happy housewarming User logs in or creates a account Select your event type and event date Congrats Your registry has been created items have been added Registry 300TC Print Full Sheet Set Color: Blue Willow Quantity: 4 $29.99 Orig. $54.00 You may also like... First contact NOTE: for Create Registry Modal error conditions see Page 12 go to new registry Back to Shopping Amanda Jones happy housewarming Yes I want to receive promotions from Registry related to my registry Page 12 of 15

13 GR_Create - Detailed Flow - Add to Existing Registry (More than 1 registry) from Product Detail Product Detail Product Detail Page User selects Add to Registry in the product detail page. Back to Product Detail page. Item is NOT added to registry. User is logged in. Image Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud Add to bag Add to registry Add to wish list User already has more than one registry User is not authenticated User has 2 or more registries User is already authenticated. User is taken to the Add Product to Existing Registry modal Registry login See Page 6 Add Product to Existing Registry Add product to existing registry My Big Fat Greek Wedding Add to this registry Place all gifts in this registry for this session Items-added Confirmation User logs in Dan s Dorm Daze Add to this registry Place all gifts in this registry for this session cancel User selects Registry The shipping address for the registry has already been saved Congrats items have been added to your registry items have been added You may also like... See Page 9 go to registry Back to Shopping mid-cycle Amanda Jones happy housewarming See Page 9 Page 13 of 15

14 GR_Create - Detailed Flow: Create Registry from registry landing page Registry Landing Page Gift Registry Welcome Page Find Manage Create Create in store? Start here User selects Create in the registry landing page. User is already authenticated. User is taken to the Create Registry Modal Back to Registry Landing page. Registry is NOT created. User is logged in. The user clicks in the date field or on the calendar icon Create Registry Modal Registry login See Page 7 Account Registration Yes I want to receive promotions from Registry related to my registry Yes Someone referred me to registries. I was referred by: >> September 10 September October M T W T F S S M T W T F S S Yes I want to receive promotions from Registry related to my registry Yes Someone 27 28referred me to registries I was referred by: Create Registry Modal Select your event type and event date The user provides no information See Page 10 The user enters the appropriate information and creates a registry First contact Amanda Jones happy housewarming NOTE: for calendar specifications, see the Create Registry Modal: calendar behaviors section in this document See Page 11 NOTE: for Create Registry Modal error conditions see Pages 12 Yes I want to receive promotions from Registry related to my registry Yes Someone referred me to registries. I was referred by: Page 14 of 15

15 GR_Create - Detailed Flow: Create Registry from My Account User logs in to Registry and accesses My Account My account page Registries create Create Registry Modal Back to My Account - Registry NOT created See Page 8 User opts to create Registry from their My Account page Yes I want to receive promotions from Registry related to my registry Yes Someone referred me to registries. I was referred by: The user provides no information Create Registry Modal See Page 10 To First contact NOTE: for Create Registry Modal error conditions see Pages 12 Select your event type and event date Yes I want to receive promotions from Registry related to my registry Yes Someone referred me to registries. I was referred by: User clicks in date field or on the calendar icon >> September 10 September October M T W T F S S M T W T F S S Yes I want to receive promotions from Registry related to my registry Yes Someone 27 28referred me to registries I was referred by: NOTE: for calendar specifications, see the Create Registry Modal: calendar behaviors section in this document See Page 11 Amanda Jones happy housewarming Page 15 of 15