✨ Enhancement: Enhance FAQ Page UI with Accordion for Better Readability and User Experience #77
Description
Is your feature request related to a problem? Please describe
The current FAQ page displays all questions and answers as a single, long-scroll static text page. This forces users to read or scroll through all the content to find the specific answer they are looking for, which can be time-consuming and overwhelming, especially on mobile devices.
The current layout (as seen in the attached screenshots) requires users to cross-reference the navigation list with the content below, which is not an intuitive user experience.
Describe the solution you'd like
I propose refactoring the FAQ page to use an accordion (or "disclosure") component.
This UI pattern would:
1.Display all categories (e.g., "General", "Conference") and their questions as a clean, collapsed list.
2.Hide all answers by default.
3.When a user clicks on a question, it would expand in-place to reveal only that specific answer.
This solution makes the page significantly more scannable, concise, and user-friendly. It allows users to quickly find the exact information they need without being overwhelmed by irrelevant text.
Here is a visual mockup of the proposed UI; this is just a suggestion and I'm happy to adapt it based on your feedback.
Describe alternatives you've considered
One alternative is to keep the current static page but improve the jump-links from the top navigation. However, this doesn't solve the core problem of a long, text-heavy page. The accordion pattern is a much more modern and effective solution for this amount of content.
Additional context
No response
Are you working on this?
Yes