Knowledge Test » History » Version 1
prin methirattanasophon, 02/19/2026 06:34 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. |