Actions
Knowledge Test » History » Revision 1
Revision 1/2
| Next »
prin methirattanasophon, 02/19/2026 06:34 AM
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.
Updated by prin methirattanasophon about 2 months ago · 2 revisions