Story 3.5.2. RJ. Help center. Hero and search results

Content

General info

The Hero section of the Help Center serves as the introductory area for users, guiding them to find the answers they are looking for. This section will include a prominent title, an explanatory text, and a search input field. The explanation text will instruct users on how to use the Help Center and encourage them to reach out if they cannot find the information they need.

The goal is to provide a welcoming, easy-to-use entry point for visitors, helping them navigate the resources effectively. The search input field will allow users to quickly locate relevant articles, ensuring a smooth and user-friendly experience.

User story

As a Help Center visitor

I want to see a clear introduction and have a search input field available

So that I can easily understand the Help Center’s purpose and find information quickly.

Visual design:

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

 

#

Acceptance Criteria

 

01

Scenario: Display Hero Section in Help Center
Given the user navigates to the Help Center main page
When the page loads
Then the Hero section should be displayed at the top of the page, containing a title, explanatory text, and a search input field.

 

image-20241006-155349.png

02

Scenario: Show Explanation Text
Given the user is viewing the Hero section
When the text is displayed
Then the text should read: “If you haven’t found the answer to your questions on this page, if something is unclear, please contact our Help Center. Here you can find answers to almost all questions.”

 

03

Scenario: Search Input Behavior
Given the user is viewing the Hero section
When they start typing in the search input field
Then the system should display a list of dynamically matching articles as the user types.

04

Scenario: Search Functionality
Given the user has entered a keyword in the search input
When they press Enter or click the Search button
Then the system should navigate to a search results page, displaying articles that match the entered keyword.

 

image-20241006-160342.png

image-20241006-160412.png

05

Scenario: No Search results
Given the user has entered a keyword in the search input
When they press Enter or click the Search button
Then the system didn’t find matched information and shows contact us content

image-20241006-160535.png

image-20241006-160635.png

Comments

Leave a Reply