Skip to content

Side Navigation

The following section covers the general behavior of a side panel navigation the specifics of each subnavigation are described in each respective section
Screenshot 2023-04-06 at 12.56.16 PM.png

Description

The Side navigation is meant to allow the user to navigate the 4 main sections of the platform quickly. it has 2 states , Collapsed and expanded

Section Overview

Overview of main sections
Screenshot 2023-04-06 at 12.59.01 PM.png


Sections .
Section
Description
Collapsed State
Allows the user to see and jump to one of the 4 main sections of the platform or to use the unbiversal search
Search Field
Here a user can search for a specific type of content across the platform
Expanded View - Navigation icons
The Navigation icon includes their titles next to them for additonal clarity
Expanded View - My Playbooks Section
A user can see all the playbooks they created to jump back and forth to them easily
Expanded View - Favourite Channels Section
A user can see the subscriptions/Channels they Fvourited across the platform
There are no rows in this table

1. Collapsed State

Allows the user to see and jump to one of the 4 main sections of the platform or to use the universal search
Screenshot 2023-04-06 at 1.10.54 PM.png

Collapsed State - User Stories. 3
Main Story
User Stories
Action
A user can choose from the following icon tabs to go to their respective Pages
6
A user can select to open the
Application displays information on load
A user can choose to go to the
Application displays information on load
A user can choose to go the
Application displays information on load
A user can choose to go the
Application displays information on load
A user can choose to go the
Application displays information on load
A user can hover over the section to get the Expaned View
Application will Display the Expanded View

2. Search Field - for Details , visit

Screenshot 2023-04-06 at 1.20.00 PM.png

3. Expanded View - Navigation icons

Screenshot 2023-04-06 at 1.20.16 PM.png
This functions identically as section one of this page , just expanded to show title text of the icons

4. Expanded View - My Playbooks Section

Screenshot 2023-04-06 at 1.20.30 PM.png
A user can see all the playbooks they created to jump back and forth to them easily
Expanded View - My Playbooks Section- User Stories. 2
Main Story
User Stories
Action
A user can see and interact with their created to playbooks
4
A user cans see all the playbooks they created
Application displays information on load
A user can see the name of their playbooks
Application displays information on load
A user can see a notificati0on bubble next to the name of a playbook to see notifications/Alerts
Application diplays on press
A user can click on a playbook to go the respective page
Application will send the user to the selected playbook

5. Expanded View - Favourite Channels Section

Screenshot 2023-04-06 at 1.25.31 PM.png

A user can see the subscriptions/Channels they Fvourited across the platform
Expanded View - Favourite Channels Section- User Stories. 3
Main Story
User Stories
Action
A user can see and interact with their favorite Channels
4
A user cans see cahnnels they have favorite
Application displays information on load
A user can see channles they frequent the most
Application displays information on load
A user can see a notification bubble next to the name of a channels to see notifications of new content
Application diplays on press
A user can click on a Channel to go to the respective page
Application will send the user to the Channel
/

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