I am migrating a piece of functionality from an old app (for which I only have a screenshot of the UI) to my new app, and this one part I need some advice on.
In the current UI there are around 60 independent fields that the user can check or not (but should be able to select up to every single one), and for each that they select "yes" on, a textbox would pop in for that option alone (so 120 fields total). These options are currently just run down the page in a long list, with dividers every so often to break things up a little.
My first thought is to use an accordion panel for each section (of which there are only 4) so as not to overwhelm the users (who have used the old UI for some time now, so are at least used to it), but I'm wondering if there's more I could do to make this quick to scan, select, and enter comments.
Edit: current system screenshot
My new mockup (using accordions)
EDIT: New idea from users I had asked the users if they really need a textbox for each option, or if they could have one per section (every 10-20 checkboxes). They said they were fine with that, and asked about having, instead of checkboxes, "a dropdown with 3 options: "Not Reviewed"; "Impact - see comments"; and "No Impact"
Given that, I'm thinking of button groups instead to minimize clicking (as well as to be able to see all three options at once), since when they say "dropdown" they just mean "selection" and only know of the dropdown implementation; they wouldn't know to ask for "button group."
So here's my new mockup, let me know what you think (and yes, we have tons of acronyms):