Actions
Knowledge Test¶
Description: The test is designed in a chat style to provide a more interactive experience. The system uses an "Immediate Correction" approach to allow users to learn and correct their answer instantly (real-time feedback).
Page Route: /onboarding/knowledge-test
Interaction Behavior:
When a user selects an answer card, the system will evaluate the response and update the UI based on the following logic:
| Scenario | UI Feedback | Action / Visual Change |
|---|---|---|
| Case 1: | Correct Answer, Success State | Change selected card background to Green• Proceed to next question or show success message |
| Case 2: | Incorrect Answer, Error State | Change selected card background to Red• Highlight the correct answer in Green (Optional but recommended)• Display Hint: Show a contextual hint below the answer area |
Component Specifications:
- Question Bubble: Appears as a system message in the chat flow.
- Answer Cards: Interactive elements that the user can tap/click.
- Hint Box: * Visibility: Hidden by default.
- Trigger: Displayed only upon an Incorrect Answer event.
- Content: Provides an explanation or guidance to help the user understand the correct logic.
System Integration
Objective: To save user test status
API:
- Endpoint: /knowledge
- Method: POST
Request Body:
| key | type | description |
|---|---|---|
| member_id | string | uuid |
| is_knowledge_test | bool | aways true |
| version | string | test version |
| step | int | page index |
Updated by prin methirattanasophon about 2 months ago · 2 revisions