So, I have a survey analytics app (SaaS) that provides a dashboard view with (among other things) charts of results from answers to individual questions. Currently we provide a sidebar that shows a list of questions for which you can pick to show its graphs. Since most questions have fairly long text, it is nearly always truncated
We currently scroll the question text when you hover over it, which doesn't provide a great experience (especially for mobile users), but does show the full question text, which is sometimes necessary to discern which question we are looking at (note questions 3-5 and their similarity in the graphic above).
I would like to redesign this area and provided a better means of navigating between questions. This list usually has 5-25 questions. What would be a good means of providing access for users to select a specific question, without tying up a large amount of real estate, while still remaining easy to navigate?
A drop-down list comes to mind to me immediately, but requires at least two clicks to operate (one to open, another to select an item) and obscures the view on mobile devices when open. I worry that this will become tedious. I can add prev/next arrows to the sides to scroll between questions, but this won't help a user pick a specific question that they want to see. Similarly, "page" indicator bubbles, like at the bottom of a slider provide an easy way to jump to a specific item, but one may not know what that item actually is.