How to present 'side of road' when editing left/right sides?

[riQQ]

The image of the selected element covers the question form.

Example location:
https://mapcomplete.osm.be/sidewalks.html?z=18&lat=52.52663&lon=13.46859&language=en#way/197740392

[pietervdvn]

Hi,

This is a bit a tricky useability question: it has to be clear that one is answering questions about one side of the road; hence the pretty prominent minimap.

(The "loopings" are due to an upstream bug in polyline-offset)

[riQQ]

(The "loopings" are due to an upstream bug in polyline-offset)

This is bbecquet/Leaflet.PolylineOffset#1, right?

[pietervdvn]

(The "loopings" are due to an upstream bug in polyline-offset)

This is bbecquet/Leaflet.PolylineOffset#1, right?

Yes.

By the way, in your original screenshot, scrolling up should improve the layout.

[riQQ]

By the way, in your original screenshot, scrolling up should improve the layout.

I know, maybe I wasn't clear but this issue is exactly about the scrolling behaviour.

[pietervdvn]

Ah, good.

Well, in either case, the sidewalks-theme is more or less an experiment and showcase. The UI/UX for this isn't good (which is also why this is a hidden theme).

Do you have a proposal on how to improve it?

Keep in mind that:

• it is for now technically impossible to indicate wether the "left" or "right" side of the road has been selected, so all questions/information has to go into the same popup
• from a UI-perspective, I also don't think that letting ppl click the 'left' or 'right' side of the road is a good idea. Misclicks happen, especially on mobile.
• It is impossible to use 'left' and 'right' as terms when presenting this to the user. A road which is drawn from north to south will have the left side on the right side of the screen from a users perspective! (Not mentioning that a surprisingly big group of persons switch left and right)

So, I wanted to always have the minimap on top showing precisely which side of the road they are editing, also when scrolling. This is implemented using the 'sticky attribute', which might scroll over subparts. This doesn't work very well in practice though, but I don't immediately see a better way.