Skip to content
Article Card
An Article cards how the Xolio Platform displays an Article content type across the platform.
An article card can appear in the Learn section, Home Section , Profile/Channel (Owner Perspective), Profile/Channel (Visitor Perspective), Bookmarks as-well the creative Studio.
Article card in the Learn section, Home Section , Profile/Channel (Visitor Perspective).
Article card in the Learn section, Home Section , , Profile/Channel (Visitor Perspective). - User Stories.... 3
Main Story
User Stories
Action
A user can see the following items in a Content card
8
A user can see the Profile Image and Name
Application displays information on load, upon click the user will be sent to the relvant
A user can see The Name and Affiliated image of the Article
Application displays information on load
A user can see Article Description
Application displays information on load
A user can see the Tags related
Application displays information on load
A user can see the Number of views
Application displays information on load
A user can see If its in a exclusive subscription tier (Basic , premium etc..)
Application displays information on load, Upon click the application will dispay a
A user can see Time it was posted
Application displays information on load
On Hover or action button a user will see and interact with the following
7
A user can See the full description
Application displays information on load
A user can see How Many likes/subscribers
Application displays information on load, on click the Application will display the
Broken link
A user can see Top Comments and option to expand comment section
A user can like the item
Application highlights the like button.
Article Card UserStories in the User Profile Owner perspective
Article Card UserStories in the User Profile Owner perspective - User Stories.... 3
Main Story
User Stories
Action
A user can see the following items in a Content card
8
A user can see the Profile Image and Name
Application displays information on load, upon click the user will be sent to the relvant
A user can see The Name and Affiliated image of the Article
Application displays information on load
A user can see Article Description
Application displays information on load
A user can see the Tags related
Application displays information on load
A user can see the Number of views
Application displays information on load
A user can see If its in a exclusive subscription tier (Basic , premium etc..)
Application displays information on load, Upon click the application will dispay a
A user can see Time it was posted
Application displays information on load
A user can hover over a card to see the following
4
A user can See the full description
Application displays information on load
A user can see How Many likes/subscribers
Application displays information on load, on click the Application will display the
Broken link
A user can see Top Comments and option to expand comment section
A user can perfrom the following additonal actions with a the card when they pressed the manage button and are in edit mode
4
User can pin
Application displays a pin button
User can edit the item
Appication will send user to the Article with the content populated for edit
A user can move the item
Additonal Card UserStories in the bookmarks page
Additional Card UserStories in bookmarks page 2
Main Story
User Stories
Action
A user can remove the bookmark
1
Article Card UserStories in the Creator Studio Section (please view )
User Stories for News Blog Card
As a user, I want to see a visually appealing news card with a catchy headline and image so that it grabs my attention.
As a user, I want to be able to click on the news card to read the full article so that I can get more information.
As a user, I want to see the publication date and author's name on the news card so that I know the credibility of the information.
As a user, I want the news card to be responsive and optimized for both desktop and mobile devices so that I can access it from anywhere.
There are no rows in this table
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.