I have a form with 5 select boxes with 5-20 items in each one. I need to explain each option a bit better, to make it easier for the user to decide which option to choose. In doing so, I've created a select box replacement that displays a title, image and short description of each option. The user can click the one they want. This causes each list to be fairly long.
The lists work very nicely on a mobile interface, where, I think, users are used to scrolling and can flick up and down at will. However, on a desktop is this pattern acceptable?
Imagine the screenshot below but with all the destinations details filled in - similar to "Morzine" and "Meribel". This particular list is a multi select, and the "read more" links expand the area to load in even more info about that option.
Possible alternative would be a list of titles on the left with checkboxes, with more info showing up on the right on roll over.
The goal of the form is to get people to select the right options, when they often wouldn't know from the title of the option alone.
The issues with this style is the height of each select box becomes huge, and skilled, fast scrolling is needed - i.e. two finger mousepad scroll, or mouse wheel scroll means it's pretty easy to use, but I'm not so sure about those people who drag scroll bars...