Theme

Story 3.5.3. RJ. Help center. Category Navigation

Written by

in

Content

General info

The Category Navigation section allows users to quickly access different categories of help topics available in the Help Center. Each category is represented by an icon, a title, and the number of answers available in that section. Users can navigate by clicking on a specific category to see all the relevant articles.

The goal of the Category Navigation section is to provide a clear overview of available help topics and improve the discoverability of the Help Center content, enabling users to find answers to their questions more efficiently.

User story

As a Help Center visitor
I want to see distinct categories with icons, titles, and the number of answers
So that I can easily choose the category that is relevant to my query and find answers faster.

Visual design:

https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/ROCKEN-jobs-%2F-talent?node-id=54236-36303&t=oU8DZGxl3KlCWYRG-4

 

#

Acceptance Criteria

 

01

Scenario: Display Category Navigation Section
Given the user navigates to the Help Center main page
When the page loads
Then the Category Navigation section should be visible and contain at least 8 categories, each represented by an icon, title, and the number of answers.

image-20241006-155852.png

02

Scenario: Click on a Category
Given the user clicks on a category in the Category Navigation section
When the category is clicked
Then the system should navigate to a page listing all articles related to the selected category.

image-20241006-160802.png

03

Scenario: Display Number of Answers
Given the user is viewing the Category Navigation section
When the categories are displayed
Then each category should show the number of answers available below the title.

04

Scenario: Layout of Category Navigation
Given the user is viewing the Help Center main page
When the Category Navigation section is displayed
Then it should be arranged in a grid layout with visually distinct icons for each category, as shown in the provided mockup.

 

Comments

Leave a Reply

More posts