Devographics / Monorepo

Monorepo containing the State of JS apps
surveyform-sigma.vercel.app
Other
124 stars 50 forks source link

No progress indicator for medium to small viewports #296

Closed LeaVerou closed 11 months ago

LeaVerou commented 11 months ago

Up to about 1200px width, there is a nice visualization of progress:

image

However, anything smaller than that and you lose that kind of feedback:

image

Sure, you can click on "Table of contents" and get it in vertical form, but that's not something most users do, and even if they did, clicking on it repeatedly would be a big hassle.

This may explain why mobile is only 25%. I suspect if we were to crosstab, we'd also see lower completion rates even for mobile users who have filled it in.

Having a visible progress indicator is essential for such a long survey. It doesn't have to be elaborate: even a simple progress bar across the top aggregating all questions would suffice to give users a sense of where they are and how long the way ahead is (see visibility of system status)

LeaVerou commented 11 months ago

I quite like this completion % on mobile that I just implemented :D It replaces the static "Table of contents", but uses the same phrase so translations can still get "Table of contents" until the translator gets to it (and there's still the subtle visual so that these languages also get a measure of progress). Furthermore, while it provides vastly more information, it still communicates that clicking the button will show what sections there are, and their completion percentages 😁

image