I am designing the FAQ page for a complex mobile application. Faqs can be more than 20 and text might be very long. I have tried to list them with an accordion solution first but it seems to be heavy and not completely usable.
What do you suggest?
Have you tried combining the collapsable accordion along with a detail view? It gives a nice fluid feeling, especially when the expand/collapse animations are done properly:
Accordion can be a good solution, if it would be combined with some kind of categories. You can just split all your questions to 4-6 categories for example.
You can also use any other layout instead of accordeon, but categorizing is a must in any case here.
You could use a scrolllist for the FAQ questions instead of a accordion. If you press e.g. on "Question 3" the detail view for question 3 is moving smoothly from right to left. If you press on "< Back" the FAQ list is moving from left to right. In addition you can offer buttons to switch to next or previous question in the detail views.