Skip to content

Top Navigation

1. User Profile (Owner perspective) Top Nav

Screenshot 2023-04-06 at 12.30.13 PM.png
A user can see their profile image, name and the amount of followers/Subscribers and who they are following. A user can press the edit button to edit their profile image , name and header image described in section 1
image.png
View of Profile Information Section - User Stories.
Main Story
User Stories
Action
A user can see the following elements in profile information section
10
A user can see their profile image
Application displays information on load
A user can see their name
Application displays information on load
A user can see their followers/Subcribers and following
Application displays information on load
A user can click on the followers/subscribers text
Application will send the user to the page
A user can click on the following text
Application will open a
Broken link
A user can see the memberships they are offering
Application displays a drop down of all the Available Memberships/Subcriptions and to create a new membershp where they will be sent to the page
A user can see and click on the “my Bookmarks button”
Application will send the user to the page
A user and see and click on the Create button
Application will send the user to the
A user can press the plus button to choose to create a
Application will display a tool tip on hover and will send the user on a
A user can press the Mange Button to place the page in edit mode
Application will make the page editable and will provide diffrent actions fro the user
A user can see the following on hover over the profile image section
2
A user can see the users profile long description
Application displays information on load
A user can see their other connected social media accounts
Application displays information on load
A user can choose to edit the elements in the profile information section by pressing the Manage button to put the page in edit mode
5
A user can edit their profile image
Application Displays the ability to pinch and zoom, followed by a
A user can upload a image
Application Dispalys a
Broken link
, followed by a
A user can edit their name
Application will allow the Name feild to be editable
A user can edit the long description
Application will allow the long description field to Editable
A user can edit their connected accounts
Application will send the user to the page

User Profile (Owner perspective) Top Nav - Tab selector

A user may use this section to go to the multiple tabs within the User Profile. The Tabs are as follows : Updates, Videos , Articles , Courses , watchlists and a channel tab as well if a user choose to create one
Screenshot 2023-03-23 at 3.21.48 PM.png

View of Tab Selector Section - User Stories.
Main Story
User Stories
Action
A user can choose from the following tabs to go to their respective Pages
8
A user can select to go to the
Application displays information on load
Application displays information on load
Application displays information on load
A user can select to go to the
Application displays information on load
Application displays information on load
A user can select to go to
Application displays information on load
(if available ) A user can select to go to
Application displays information on load
A user can see and click on the create button
Application will send the user to the


2. User Profile (Visitor perspective) Top Nav

Screenshot 2023-04-06 at 12.30.41 PM.png
A user can see their profile image, name and the amount of Subscribers and who they are following. A user can choose to subscribe or become a member to the profile , a user can also message them
Screenshot 2023-01-19 at 11.12.37 AM.png
View of Profile Information Section - User Stories..
Main Story
User Stories
Action
A user can see the following elements in profile information section
7
A user can see their profile image
Application displays information on load
A user can see profile owner name
Application displays information on load
A user can see their Subscribers and following
Application displays information on load
A user can click on the subscribers text
Application will send the user to the
A user can click on the following text
Application will open a
Broken link
A user can see the memberships they are offering
Application displays a drop down of all the Available Subscriptions , on click the Application will display a
A user and see and click on the message button
Application will display the with the message tab open with the user conversation open
A user can see the following on hover over the profile image section
2
A user can see the users profile long description
Application displays information on load
A user can see their other connected social media accounts
Application displays information on load

User Profile (Visitor perspective) Top Nav - Tab selector

A user may use this section to go to the multiple tabs within the User Profile. The Tabs are as follows : Updates, Videos , Articles , Courses , Watchlists and channel (if the profile owner had chosen to create one)

image.png
View of Tab Selector Section - User Stories. 2
Main Story
User Stories
Action
A user can choose from the following tabs to go to their respective Pages
6
A user can select to go to the
Application displays information on load
Application displays information on load
Application displays information on load
A user can select to go to the
Application displays information on load
Application displays information on load
(if available ) A user can select to go to the
Application displays information on load

3. Discover Tab and Tag Section

Here a user can select from 2 permanent tabs the Channels landig page has , which are Discover and Events (Calander). on the right of the tabs are dynamic tag categories shwoing what is trending and is recommended based on users use.
Screenshot 2023-04-11 at 1.35.40 PM.png
Discover Tab Section - User Stories. 4
Main Story
User Stories
Action
A user can choose from the following tabs to go to their respective Pages
2
A user can select to go to the
Application displays information on load
A user can select to go to
Application displays information on load
A user can see dynamic tags
1
A user can select and go to listing pages of Dynamic tags which appear based on whats trending across the platform aswell as based on the users behaviour over time.
Application displays information on load

4. Creator Studio Top Nav


Screenshot 2023-04-11 at 7.17.05 PM.png
A user can see their profile image, name and the amount of Subscribers (”followers”) they have and who they are following. A user can press the edit button to edit their profile image and name


Screenshot 2023-01-17 at 11.43.16 AM.png
View of Profile Information Section - User Stories
Main Story
User Stories
Action
A user can see the following elements in profile information section
6
A user can see their profile image
Application displays information on load
A user can see their name
Application displays information on load
A user can see their Subcribers and following
Application displays information on load
A user can click on the subscribers text
Application will send the user to the page
A user can click on the following text
Application will open a
Broken link
A user can see the Subscriptions they are offering
Application displays a drop down of all the Available Subscriptions (”memberships”)
A user can see the following on hover over the profile image section
2
A user can see the users profile long description
Application displays information on load
A user can see their other connected social media accounts
Application displays information on load
A user can choose to edit the elements in the profile information section by pressing the edit button
5
A user can edit their profile image
Application Displays the ability to pinch and zoom, followed by a
A user can upload a image
Application Dispalys a , followed by a
A user can edit their name
Application will allow the Name feild to be editable
A user can edit the long description
Application will allow the long description field to Editable
A user can edit their connected accounts
Application will send the user to the page

Creator Studio Top Nav - Tab Selector

A user may use this section to go to the multiple tabs with the Content Creator hub on th xolio platform. The Tabs are as follows : Overview , Content , Collections and Subscription
Screenshot 2023-03-23 at 3.39.27 PM.png
View of Tab Selector Section - User Stories
Main Story
User Stories
Action
A user can choose from the following tabs to go to their respective Pages
4
A user can select to go to the
Application displays information on load
A user can select to go to
Application displays information on load
A user can select to go to
Application displays information on load
A user can select to go to
Application displays information on load

5. Settings Top Nav - Tab Selector

Screenshot 2023-04-06 at 12.31.59 PM.png
The user will be able to select different tabs within the settings Page.
Screenshot 2023-01-13 at 2.58.47 PM.png
View of Settings Tab Selector - User Stories
Main Story
User Stories
Action
A user can choose from the following tabs to go to their respective Pages
6
A user can select to go to the Linked accounts tab
Application displays information on load
A user can select to go to the Linked Emails Settings ( see )
Application displays information on load
A user can select to go to the Membership Tab (See )
Application displays information on load
A user can select to go to the Payments tab (see )
Application displays information on load
A user can select to go to the Security and privacy tab (see )
Application displays information on load
A user can select to go to the Roles Manager tab (see )
Application displays information on load

6. My Bookmarks Tab Section

Screenshot 2023-04-06 at 12.32.37 PM.png
Here a user can select from all the tabs the My Library section has , which are Subscriptions, Articles, Videos, Courses, Breifs, Plays and Playlists
Screenshot 2023-01-25 at 3.24.45 PM.png
View of My Library Tab Section - User Stories. 3
Main Story
User Stories
Action
A user can choose from the following tabs to go to their respective Pages
8
A user can select to go to the tab
Application displays information on load
A user can select to go to the Subscriptions Tab which is essential a with the ability to filter and search
Application displays information on load
A user can select to go to the Articles Tab which is essentially a with the ability to filter and search through their bookmarked content
Application displays information on load
A user can select to go to the Videos Tab which is essentially a with the ability to filter and search their bookmarked content
Application displays information on load
A user can select to go to the courses Tab which is essentially a with the ability to filter and search their bookmarked content
Application displays information on load
A user can select to go to the Brief Tab which is essentially a with the ability to filter and search their bookmarked content
Application displays information on load
A user can select to go to the Plays Tab which is essentially a with the ability to filter and search their bookmarked content
Application displays information on load
A user can select to go to the Watchllist Tab which is essentially a with the ability to filter and search their bookmarked content
Application displays information on load

7. My Activity tab selector


Screenshot 2023-04-11 at 7.18.40 PM.png
This is where the user can choose which tab they would like to see, between selecting , posts, Profile and Interactions

View of My Activity tab selector - User Stories. 2
Main Story
User Stories
Action
A user can choose from the following tabs to go to their respective Pages
3
A user can select to go to the page
Application displays information on load
A user can select to go to the page
Application displays information on load
A user can select to go to the page
Application displays information on load

8. Content Page Top Nav

Here a user can see the Video header which belongs to the Channel or Profile.
Screenshot 2023-04-05 at 5.52.12 PM.png

View of Video Header Section - User Stories.
Main Story
User Stories
Action
A user can see and perform the following in this section
7
A user can see the Channel or profile , profile image
Application displays information on load
A user can see the Channel or Profile name
Application displays information on load
A user can see if they are Subscriped to and what tier (Basic , Premium etc..) to the profile or Channel
Application displays information on load
A user can choose to follow or become a member if they are not
Application displays if they a membership is selected or will tick if they just want to follow
A user can choose to go to the Channel or Profile
Application will navigate to if it is a profile or if it is a Channel
A user can see followers amnd following of the channel
Application will send the user to the
A user can message the Porfile owner
Application will open the with the profile owner chat open
0

9. Playbook Top Nav

image.png

10. Home Page - Top Nav

Screenshot 2023-04-06 at 12.35.39 PM.png
There are no unique functions to this Nav

11. Subscriptions - Top Nav

Screenshot 2023-04-06 at 12.36.03 PM.png
There are no unique functions to this Nav

12. Learn Tab and tag Section

Here a user can select from 2 permanent tabs the Learn section has , which are Discover and ful courses. on the right of the tabs are dynamic tag categories shwoing what is trending and is recommended based on users Behavior.
Screenshot 2023-04-11 at 1.35.40 PM.png
Discover Tab Section - User Stories. 5
Main Story
User Stories
Action
A user can choose from the following tabs to go to their respective Pages
2
A user can select to go to the
Application displays information on load
A user can select to go to the
Application displays information on load
A user can see dynamic tags
1
A user can select and go to listing pages of Dynamic tags which appear based on whats trending across the platform aswell as based on the users behaviour over time.
Application displays information on load

Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.