---
# System prepended metadata

title: New Home Feature

---

# New Home Feature

## Stories

Those stories are according to [screen design](https://overflow.io/s/7N6RQV?node=90c3903f&arrows=on) 

### Avatar

- As a user, when I land on the home screen, I should see my avatar on top left corner

	- AC

		- It displays user's avatar image if set
		- It displays generated avatar image if a avatar image not set

- As a user, when I land on the home screen, I should see a number on the avatar indicates the count of events 

	- AC

		- If there's no event, displays no badge number
		- If there's more than one event, displays the number on the badge
		- If the number is over 100, displays 99+

- As a user, when I tap on my avatar, it navigate me to the setting screen

	- AC

		- When user tap on the avatar image, should navigate user to the setting screen
		- Setting screen should be existing account screen

### New Chat

- As a user, when I land on the home screen, I should see a NEW_CHAT icon on top right corner

	- AC

		- The NEW_CHAT icon is tappable
		- There should be a highlighted color when user tap on the icon @Luis

- As a user, when I tap on the NEW_CHAT icon, app should POP_UP an CONVERSATION_INVITE screen

	- AC

		- When tapping, should display existing CHAT_INVITE screen
		- There should be a highlighted color when user tap on the icon

	- Follow on stories

		- As a user, when I dismiss the CONVERSATION_INVITE screen, app should display HOME_SCREEN

			- AC

				- The NEW_CHAT icon is tappable
				- There should be a highlighted color when user tap on the icon @Luis

		- As a user, when I select a user and start a new chat on CONVERSATION_INVITE screen, app should take me to CHAT tab, and displays on-going conversation

			- AC

				- Once user select a contact and start a chat, app should take user to CHAT tab

		- As a user, when I select a user and start a new chat on CONVERSATION\_INVITE screen, once the conversation ends, I can tap BACK to navigate back to CHAT_HOME

### File Upload

- As a user, when I land on the home screen, I should see a NEW_FILE_UPLOAD icon on top right corner

	- AC

		- The NEW\_FILE\_UPLOAD icon is tappable
		- There should be a highlighted color when user tap on the icon @Luis

- As a user, when I tap on the NEW\_FILE\_UPLOAD icon, app should POP_UP a FILE_SELECTION screen

	- AC

		- When tapping, should display existing FILE_UPLOAD action pop up with selections

			- Choose from photo
			- Scan document
			- Capture
			- Import from

		- Once user choose a selection, there will be a FOLDER_SELECTION screen to select target folder 
		- Once user choose a target folder, it should take user to corresponding existing screen
		- There should be a highlighted color when user tap on the icon @Luis

	- Follow on stories

		- As a user, when I dismiss the FILE\_UPLOAD screen, app should display HOME_SCREEN

			- AC

				- The FILE_UPLOAD icon is tappable
				- There should be a highlighted color when user tap on the icon @Luis

		- As a user, when I select an option on FILE_UPLOAD screen, app should take me to CLOUD tab, and displays on-going conversation

			- AC

				- Once user select an option, should upload with existing screen flow

### File Search

- As a user, when I land on the HOME\_SCREEN, I should see a SEARCH_BAR below the SCREEN TITLE

	- AC

		- A search bar is displayed on the navigation bar
		- Search bar should have a search icon on the left

- As a user, when I tap in the SEARCH_BAR, a SEARCH_RESULT screen displays initially blank.

	- AC

		- Tap on the CANCEL button dismiss the search and navigate back to HOME_SCREEN
		- Keyboard should pop up
		- Search bar should support voice input

- As a user, when I key in keywords in the SEARCH_BAR, a SEARCH_RESULT screen displays search result

	- AC

		- A SEARCH_BAR search result should have the search globally in users account
		- Search result is a list view displaying file type, file name, file time and more actions

- As a user, I can filter search result

	- AC

		- A filter button can do filter when user tap on it
		- After user select a filter file type, the filers should display the filtered type on the right
		- User can filter by file type

			- Audio
			- Documents
			- Photos
			- Videos
			- Folders

		- User can filter by modified date
		- User can filter by file size

### Explore Collection

- Stories

	- As a user, when I land on the NEW_HOME screen, I should see a EXPLORE_COLLECTION which has 4 types of explore view

		- AC

			- Should have and only have 4 EXPLORE_VIEW

- EXPLORE_VIEW

	- Photos

		- As a user, when I land on the NEW_HOME screen, a PHOTO EXPLORE_VIEW is in the EXPLORE_COLLECTION

			- AC

				- PHOTO_EXPLORE_VIEW should on the most left

		- As a user, when I tap on PHOTO_EXPLORE_VIEW is in the EXPLORE_COLLECTION, it should navigate me to photos list

			- AC

				- Tap on a PHOTO_EXPLORE_VIEW should navigate user to a photos collection list
				- The photos list should reuse existing PHOTO list

	- Documents

		- As a user, when I land on the NEW_HOME screen, a DOCUMENTS_EXPLORE_VIEW is in the EXPLORE_COLLECTION

			- AC

				- DOCUMENTS_EXPLORE_VIEW should on the second left

		- As a user, when I tap on DOCUMENTS_EXPLORE_VIEW is in the EXPLORE_COLLECTION, it should navigate me to documents list

			- AC

				- Tap on a DOCUMENTS_EXPLORE_VIEW should navigate user to a documents collection list
				- The documents list should reuse existing DOCUMENT list

	- Audios

		- As a user, when I land on the NEW_HOME screen, a AUDIO_EXPLORE_VIEW is in the EXPLORE_COLLECTION

			- AC

				- AUDIO_EXPLORE_VIEW should on the second right

		- As a user, when I tap on AUDIO_EXPLORE_VIEW is in the EXPLORE_COLLECTION, it should navigate me to documents list

			- AC

				- Tap on a AUDIO_EXPLORE_VIEW should navigate user to a audio collection list
				- The audio list should reuse existing audio list

		- Audio Player

			- Out of scope

	- Videos

		- As a user, when I land on the NEW_HOME screen, a VIDEO_EXPLORE_VIEW is in the EXPLORE_COLLECTION

			- AC

				- VIDEO_EXPLORE_VIEW should on the second right

		- As a user, when I tap on VIDEO_EXPLORE_VIEW is in the EXPLORE_COLLECTION, it should navigate me to documents list

			- AC

				- Tap on a AUDIO_EXPLORE_VIEW should navigate user to a video collection list
				- The video list should reuse existing audio list

### Banners

- Stories

	- As a user, when I land on the NEW_HOME screen, I should see a BANNER_COLLECTIONS that may contain several notifications/alerts for user.

		- AC

			- Should have and only have 4 EXPLORE_VIEW

	- As a user, I can scroll BANNER_COLLECTIONS left or right horizontally to see all the ALERT_BANNERs.

		- AC

			- User can slide on the BANNER_COLLECTION to the right / left most ALERT_BANNER.
			- No cyclic swipe needed.

	- As a user, I can tap on a ALERT_BANNER to see more.

		- AC

			- Different types of banner displays different presenting of the information.
			- WHAT'S NEW type

				- Presenting a screen to display MEGA app's new feature

			- Tour type

				- Presenting a tour of screen flows to introduce a feature

	- As a user, I can see a page indicator on the bottom BANNER_COLLECTIONS that indicates which ALERT_BANNER I am on.

		- AC

			- Should display same amount of dots as the ALERT_BANNER
			- When user sliding left and right, the indicator should highlight the corresponding dot

	- As a service provider, I can configure different types of ALERT_BANNER as many  as I like.

		- AC

			- Should provide a easy way push a new alert to the collections
			- BANNER_COLLECTION should be flexible to be easily configured to display different types of banner
			- Should define a template for different banners to consume similar information and attache to the BANNER_COLLECTION automatically

- ALERT_BANNER

	- As a user, I can dismiss the ALERT_BANNER that I am not interested by tap on the 'x` on the top right of the banner.

		- AC

			- User can dismiss current ALERT_BANNER by tapping on the 'x' button on the right top.
			- If all ALERT_BANNERs are dismissed, the BANNER_COLLECTION should automatically dismissed and views below should automatically slide up

	- As a service provider, I should easily configure a template for ALERT_BANNER

		- AC

			- Service provider should configure a template banner by 

				- Layout

					- Left Image, right text
					- No Image, Text only
					- Text title on top and text details below

				- Content

					- Image

						- From app bundle
						- From SDK
						- From URL

					- Text

						-  links
						-  text font, text size 
						- emoji

				- Presenting Method

					- Cover HOME_SCREEN
					- Navigate user to next screen

				- Dismiss-able

					- whether user can dismiss this banner
					
				- Displaying Rules
				    - By User Type
				    - By User State
				    - By Time Frame
                
                - Re-appear Rules
                    - If not dismissed
                    - If tour not started
                    - If tour not accomplished

### Slide Up

- Stories

	- As a user, when I on HOME_SCREEN, I can slide up the SLIDE_UP to see more activities and files

		- AC

			- When user slide up, the SLIDE_UP should automatically up to snap to NAVIGATION_BAR
			- When user slide down, the SLIDE_UP should automatically down to the position where just below BANNER_COLLECTION if exists, or below EXPLRE_VIEW_COLLECTION
			- When user slide slowly from bottom up or from top down, the SLIDE_UP should never stop between NAVIGATION_BAR and SLIDE_UP position which covers EXPLORE_COLLECTION or BANNER_COLLECTION.

	- As a user, when I tap on the `Recents` button, I should see my recent changes.

		- AC

			- Recent changes/activities should be grouped by date
			- Files should display file type icon on the left
			- If files are images, should display previous for first/last 3 images

	- As a user, when I tap on the `Favorites` button, I should see my favorite files in a list

		- Out of scope

	- As a user, when I tap on the `Offline` button, I should see all my offline files 

		- AC

			- List offline files
