ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
TitleDescriptionAcceptance criteriaRemarksFigma linkStatus
2
Opening ScreenGIVEN: As an Easy Board user I am on my iphone
WHEN: I open the Easy Board app
THEN: I need to see the Easy Board logo and tagline		- Light grey background
- Logo in the center
- Tag line below logo		https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=10%3A94&t=RsLlTcZ7nAC3MKsp-1READY FOR DEVELOPMENT
3
Loading ScreenGIVEN: As an Easy Board user I am on my Easy Board app
WHEN: I submit a form or open screen that takes some time to load
THEN: I need to see the loading screen		- Light grey background
- Loading icon
- Please wait text		Can look for 3 dots loading icon, if not found can replace it with some other similar iconhttps://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=10%3A87&t=RsLlTcZ7nAC3MKsp-1READY FOR DEVELOPMENT
4
HeaderGIVEN: As an Easy Board user I am on my Easy Board App
WHEN: I am on any of the screens
THEN: I need to see the title of easy page with the navigation		- If in home screen need to show Easy Board title and tagline
- If in location choosing screen need to show Easy Board title with settings gear icon
- Other screens need to show page title and chevron left icon, When clicking chevron left icon need to go back to previous screen		https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=10%3A76&t=RsLlTcZ7nAC3MKsp-1READY FOR DEVELOPMENT
5
Information tooltipGIVEN: As an Easy Board user I am on the settings page
WHEN: I click on the info icon
THEN: I need to see a tooltip with the helpful information		- Tooltip contains a "Help" text and Info icon
- Contains the question and answer
- Light grey background		https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=228%3A2&t=RsLlTcZ7nAC3MKsp-1READY FOR DEVELOPMENT
6
Home ScreenGIVEN: As an Easy Board user I am on Home Screen
WHEN: I click the Let's Go button
THEN: I need to go to the settings screen		- Welcome text
- Short description
- Let's Go Button with pink color which navigates to the settings screen
- Light grey background		https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=10%3A76&t=RsLlTcZ7nAC3MKsp-1READY FOR DEVELOPMENT
7
Settings ScreenGIVEN: As an Easy Board user I am on the Settings Screen
WHEN: I input the form details and click the save button
THEN: My details need to be stored in database		- There should be a header
- Form with the below inputs
-- Name (mandatory, minimum 3 characters)
-- Caregiver mobile number (mandatory)
-- Home Address (mandatory)
-- Reference image of Home (Optional)
-- Frequent visit location name (mandatory)
-- Frequent visit location address (mandatory)
-- Reference image of frequent visit location (optional)
- Save button with save icon (Pink color)
- Light grey background		Not filed: https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=10%3A53&t=RsLlTcZ7nAC3MKsp-1

Filled: https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=221%3A117&t=RsLlTcZ7nAC3MKsp-1		READY FOR DEVELOPMENT
8
Choose Location ScreenGIVEN: As an Easy Board user I am on the Choose Location Screen
WHEN: I click where I want to go to
THEN: It should navigate me to pick a route page		- Header with title and settings gear icon
- Where do you want to go to text
- Home location with image
- Frequent location with image
- First button to call caregiver and second button is to share location		If the user doesn't upload an image we can replace it with icons.

2 screens are attached in the Figma design.

For the share button not sure where it sharing the location, need to check with Richard

If you wonder why there are different color buttons and different color borders it's for trainers to easily guide users on where to look and click.
Eg: Please click the red color box, please click the pink button		Without Image: https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=220%3A55&t=RsLlTcZ7nAC3MKsp-1

With Image:
https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=220%3A87&t=RsLlTcZ7nAC3MKsp-1		READY FOR DEVELOPMENT
9
Pick a Route ScreenGIVEN: As an Easy Board user I am on the Pick a Route Screen
WHEN: I click any of the 3 routes which are recommended by the Easy Board app
THEN: I need to see the Live Directions screen which shows the route to my location		- Selected address at the top
- Max of 3 recommended routes
- Each box should have recommended route and estimated journey time		https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=10%3A184&t=RsLlTcZ7nAC3MKsp-1READY FOR DEVELOPMENT
10
Live Directions ScreenGIVEN: As an Easy Board user I am on the Live Directions Screen
WHEN: I start my journey
THEN: I need to see map which shows the route and a card that update the locations		- Map with route
- Card with the live locations		Card with live location will update dynamically when the user move towards the destinationhttps://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=221%3A178&t=RsLlTcZ7nAC3MKsp-1READY FOR DEVELOPMENT
11
Completed Journey ScreenGIVEN: As an Easy Board user I am on the Live Directions Screen
WHEN: I reach my destination
THEN: I need to see the success modal		- Modal with backdrop
- Card contains success message with success icon
- Ok button
- When user click ok button need to redirect to choose location screen		https://www.figma.com/file/CVEilo3F5uMhcf54ZosAx9/EasyBird-3.0?node-id=221%3A249&t=RsLlTcZ7nAC3MKsp-1READY FOR DEVELOPMENT
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100