Knowledge Test » History » Version 1
prin methirattanasophon, 02/23/2026 07:07 AM
| 1 | 1 | prin methirattanasophon | # Knowledge Test |
|---|---|---|---|
| 2 | |||
| 3 | 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). |
||
| 4 | |||
| 5 | Page Route: /onboarding/knowledge-test |
||
| 6 | |||
| 7 | Interaction Behavior: |
||
| 8 | |||
| 9 | When a user selects an answer card, the system will evaluate the response and update the UI based on the following logic: |
||
| 10 | |||
| 11 | |Scenario|UI Feedback|Action / Visual Change| |
||
| 12 | |:--|:--|:--| |
||
| 13 | |Case 1:|Correct Answer, Success State|Change selected card background to Green• Proceed to next question or show success message |
||
| 14 | |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| |
||
| 15 | |||
| 16 | Component Specifications: |
||
| 17 | - Question Bubble: Appears as a system message in the chat flow. |
||
| 18 | - Answer Cards: Interactive elements that the user can tap/click. |
||
| 19 | - Hint Box: * Visibility: Hidden by default. |
||
| 20 | - Trigger: Displayed only upon an Incorrect Answer event. |
||
| 21 | - Content: Provides an explanation or guidance to help the user understand the correct logic. |
||
| 22 | |||
| 23 | --- |
||
| 24 | |||
| 25 | System Integration |
||
| 26 | |||
| 27 | Objective: To save user test status |
||
| 28 | |||
| 29 | API: |
||
| 30 | - Endpoint: /knowledge |
||
| 31 | - Method: POST |
||
| 32 | |||
| 33 | Request Body: |
||
| 34 | |key|type|description| |
||
| 35 | |:--|:--|:--| |
||
| 36 | |member_id|string|uuid| |
||
| 37 | |is_knowledge_test|bool|aways true| |
||
| 38 | |version|string|test version| |
||
| 39 | |step|int|page index| |