Skip to content

Article Reader Page

A user can get to a Article by pressing a Article Card in a Profile page or Discover page or anywhere in the Xolio Platform where a Article card may exist

Description

An Article is created by a user or collaborator on a Channel, it is modular and can take multiple forms as it is section and grid based and the article creator can place specific content types
below are the pieces of content that can be in an Article Section for visitors to see.
Content Types are:
Video
Images
Text Boxes
Stock or Stocks
Watchlists
Widgets
Feed
Screenshot 2023-01-27 at 5.09.47 PM.png

Section Overview

Overview of main sections of the page
Screenshot 2023-01-27 at 5.09.57 PM.png

Main Sections 2
Section
Description
Article Header
Here a user can see the Article header which belongs to the Channel or Profile.
Article info and actions section
Here a user can see the Author of the Articles profile anme and image (note that the Channel and the author can be two diffrent entites , for example if a cahnnel has a bunch of collaborators and one of the collaborators writes the article , the the author credit goes to the collborator) the user can also see the time of the publication , how long it takes to read , Here a user can see the title of the title of the video, Number of views, When it was posted and Description of the video. for the actions buttons , the user can Like , Share , Book mark and see comments.
Content Section
Here the visitor can see what ever the creator wants to present on the Article. The creator of the Article has this space to use which is based on a section system on a grid where they can create a section then attach a content type of the section then size the section to what they like on the page based on the grid and choose how they want the content to be shown in the section based on templates availble to the size the chose. Content Types are: Video Images Text Boxes Stock or Stocks Watchlists Widgets Feed
Article tool bar section
Here a user can see tags connected to the article , they can like , comment , share , bookmark and report.
Article Author information Section
this is where the viewer of the Articel can get information such as the name of the Author , Subscribers/Subscribed to (AKA Followed/Following), Performance, description and connected links.
More from Author Section
Here the user can see trending/new new Articles from the author
Related Section
Here the user can see trending/new based on the tags n the article
More from Channel Section
Here the user can see trending/new new Articles from the Channel
There are no rows in this table

User Stories

This section details the user interaction and functions of the page. Universal sections such as navigation and modals are described in detail in the ( ) section.

1. Article Header Section

Here a user can see the Article header which belongs to the Channel or Profile.
Screenshot 2023-04-05 at 5.52.12 PM.png
Article Header Section - User Stories. 3
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

2. Article info and actions section

Here a user can see the Author of the Articles profile anme and image (note that the Channel and the author can be two diffrent entites , for example if a cahnnel has a bunch of collaborators and one of the collaborators writes the article , the the author credit goes to the collborator) the user can also see the time of the publication , how long it takes to read , Here a user can see the title of the title of the video, Number of views, When it was posted and Description of the video. for the actions buttons , the user can Like , Share , Book mark and see comments.

Screenshot 2023-03-23 at 3.08.30 PM.png
Article info and actions section - User Stories.. 3
Main Story
User Stories
Action
A user can see and perform the following in this section
7
A user can see the proile image of the author
Application displays information on load, Application will navigate to the Author’s on click
A user can see the name of the Author
Application displays information on load, Application will navigate to the Author’s on click
A user can choose to share the Article
Application displays
A use can choose to bookmark
Application saves the article. in
A user can choose to like the article
Application will display the article as liked and save it in the Likes page in the users profile
A user can choose to see comments of the article
Application will display the
A user can report
Application displays

3. Content Section

Here the visitor can see what ever the creator wants to present on the Article.
A Visitor can view what The creator of the Article has chosen to place within this section (for more details on how an article is created please visit the )
Content Types that can be seen in this section :
Video
Images
Text Boxes
Stock or Stocks
Warchlists
Widgets
Feed
Screenshot 2023-01-27 at 5.37.02 PM.png

Content Section - User Stories.. 2
Main Story
User Stories
Action
A user can see the following content types in this section
7
A user can see Text
Application displays information on load
A user can see videos
Application displays if clicked or if a course
A user can see Images
Application displays a larger version of the image on click
A user can stocks
Applications displays on click
A user can see Watchlists
Applications displays
A user can see widgets
Application displays
Broken link
A user can see a feed
Application displays information on load

4. Article tool bar section

Here a user can see tags connected to the article , they can like , comment , share , bookmark and report.
Screenshot 2023-01-27 at 5.37.09 PM.png
Article tool bar section - User Stories.. 2
Main Story
User Stories
Action
A user can see the following content types in this section
7
A user can see all tags related to the article
Application displays information on load , is displayed on click
A user can like
Application displays a confirmation of like on icon
A user can comment
Application displays
A user can review
Application displays
Broken link
A user can choose to share the Article
Application displays
A use can choose to bookmark
Application saves the article. in
A user can report
Application displays

5. Article Author information Section

this is where the viewer of the Article can get information such as the name of the Author , Subscribers/Subscribed to (AKA Followed/following, Performance, description and connected links.
Screenshot 2023-01-27 at 5.37.18 PM.png
Article Author information Section - User Stories.. 3
Main Story
User Stories
Action
A user can see and perform the followng in this section
9
A user can see their profile image
Application displays information on load
A user can see profile 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 choose to Subscribe to and select the subscription tier (Basic , Premium etc..)
Application displays if they a membership is selected or will tick if they just want to follow
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 users profile long description
Application displays information on load
A user can see their other connected social media accounts
Application displays information on load

6. More from Author Section

Here the user can see trending/new new Articles from the author
Screenshot 2023-01-27 at 5.37.25 PM.png
More from Author Section - User Stories.. 3
Main Story
User Stories
Action
A user can see Article cards in the article cards
1
View for more detail on what they are and how to interact with them
View for more detail

7. Related Section

Here the user can see trending/new based on the tags n the article
Screenshot 2023-01-27 at 5.37.32 PM.png
Related Section - User Stories.. 4
Main Story
User Stories
Action
A user can see Article cards in the article cards
1
View for more detail on what they are and how to interact with them
View for more detail

8. More from Channel Section

Here the user can see trending/new new Articles from the Channel

Screenshot 2023-01-27 at 5.37.41 PM.png
Related Section - User Stories.. 5
Main Story
User Stories
Action
A user can see Article cards in the article cards
1
View for more detail on what they are and how to interact with them
View for more detail


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