image and answers not intuitive in tactile pavings quest

[althio]

I find it slightly counter-intuitive that with the composite image of tactile pavings #238 (comment) the 3 images are more or less aligned with the possible answers

1	2	3
[CAN'T SAY]	[NO]	[YES]

[CloCkWeRX]

Yeah, that broke my brain for a bit after having gotten used to the select-a-picture UX of road surfaces.

[westnordost]

True, this might be confusing. Do you have a proposal how to solve this?

[althio]

Do you have a proposal how to solve this?

Here is a proposal mockup (picture can be clicked on, for answer as YES):

for reference, the current layout (picture cannot be clicked on):

[westnordost]

Mh no, don't like it. This is a break from the normal UI.

One could add "Usually looks like this:" above the picture and make the picture a bit less high (so that the form does not scroll)

[althio]

Well, the fact that you see picture but cannot click on them: this is also a break from the normal UI.
I find it worse.

I may try one or two other options for different mockups.
Is it an option to include pictures without tactile paving for NO?

[axre]

As you both realize none of the two options is 100% consistent.

May take a look at the "street paving" quest to see how "clickable picture" quests are designed - sadly my mobile github client doesn't support the upload of pictures:

• Pictures you can click on, have a description in white letters
• If you click on one of the three main category, a sub category is opened
• This sub category contains different pictures, separated by empty white space

The current solution is indeed a small UI change, but as the pictures aren't seperated it is a intuitive solution - at least this is my experience. The proposed option includes more fundamental UI breaks - moving a standard answer like "yes", giving less space for the pictures.

I don't think it is necessary, but may a "for example" or something similar would to the trick?!

Is there a design guideline, any rules?