Walkthrough v1 Specs
Walkthrough v1 Specs
Project description:
Identify ways that we can better onboard users into creating an app. We want to help progress them closer to their goal while increasing engagement and teaching them how to use the product. Goal is to increase conversions to active by minimizing the amount of users who just click around and bail.
For this first iteration we will be a/b testing Social Feed with a simple app specific welcome modal that leads into a tooltip helping them complete their first action.
AB name - standalone_walkthrough_v1
Group A: Control - control
Group B: User will get an app specific welcome modal and a tooltip helping them complete their first action. Name - standalone_walkthrough_v1
Note: This test will only be for Social Feed users on standalone and excludes popup settings. Also excludes Wix and Weebly
Group B BDD Specs
Scenario: Add tag in inspectlet for this a/b
Add a tag in inspectlet so we can watch users in this a/b
Scenario: New users get assigned to ab group
Given a user without social feed app
When they land on Social Feed standalone
Then they will be assigned to either control or standalone_walkthrough_v1 group of standalone_walkthrough_v1 AB
Scenario: User lands on Social Feed Standalone
Given that the user is in group B
When they land on Social Feed standalone
Then the app-specific welcome modal will be displayed
And the background of the modal should be dimmed (style guide modal properties)
Specs: col-7, col-5. You could also take advantage of flex here for vertical alignment.
Scenario: User clicks on ‘x’ in the app-specific welcome modal
Given the user is in the app specific welcome modal
When they click the ‘x’ in the top right corner
Then the modal should close
And the tooltip should appear
Scenario: User clicks on ‘Let’s go!’
Given the user is in the app specific welcome modal
When they click the ‘Let’s go!’ button
Then the modal should close
And the tooltip should appear
Scenario: User clicks outside of app-specific welcome modal
Given the user is in the app specific welcome modal
When they click outside of modal
Then the modal should close
And the tooltip should appear
Scenario: User clicks ‘x’ on tooltip
Given the user is on standalone
And the walkthrough tooltip is displaying
When they click on the ‘x’ on the tooltip
Then the tooltip will close
Scenario: User clicks outside of tooltip
Given the user is on standalone
And the walkthrough tooltip is displaying
When they click outside of the tooltip
Then the tooltip will not close
Scenario: User switches tab or clicks Next/Back
Given the user is on standalone
And the walkthrough tooltip is displaying
When they click Next or switch the tab
Then the tooltip will close
Scenario: User returns back to Connect tab
Given the user is on standalone
When they get back to Connect tab
Then the tooltip will not display again
Scenario: User clicks ‘Add Feed’
Given the user is on standalone
And the walkthrough tooltip is displaying
When they click on the ‘Add Feed’ on the tooltip
Then then tooltip will close
Scenario: Hotspot should pulse animate
Given the user is on standalone
And then walkthrough tooltip is displaying
Then there should be an animating hotspot icon on the element we want the user to interact with
Eng note: You can reference the pulse animation that we have on hover of the “create new plugin” button in users/me
