We are deciding between 2 main options for progressing users through a clinical questionnaire flow:
One page for all questions -- use page state variables to hide/show the different questions/content we need (would be 50+ different elements being hidden/shown based on page state variables). Pros: AppBar and progress bar don't reload when user goes from one question to another. Cons: Potential performance issues with that many elements on one page
Multiple pages for each question -- use different pages for each question, navigate users to new pages as they progress through the flow. Pros: no performance issues associated with high number of elements on one page. Cons: AppBar and progress bar likely need to reload when user changes pages.
So my question is: has anyone built this kind of form experience before and experimented with these options? what is the optimal approach from a performance and UX perspective?