[Maps][Meta] Usability issues on LAYERS and the layer config modal flyouts #122960
Labels
design
discuss
Feature:Maps
impact:low
Addressing this issue will have a low level of impact on the quality/strength of our product.
loe:large
Large Level of Effort
Team:Presentation
Presentation Team for Dashboard, Input Controls, and Canvas
usability
Kibana version:
8
1. LAYERS panel flies left and right, when the layer config sidebar comes and goes
A UI principle is that hotspots, buttons and other affordances are not supposed to fly out from underneath the user's pointer on activation. Right now, when clicking the little pencil icon, the entire LAYERS panel flies away from underneath the pointer
Irrespective of this, and the current jank (see below) it is jarring to see the panel fly left and right anyway.
2. LAYERS panel fly is tweened in one direction but sudden in the other
It should be consistent. It doesn't feel like the difference in behavior is due to more jank in one direction than in the other, but maybe it is
3. UI and sometimes the entire browser (tab switch etc.) are blocked for several seconds after common interactions
Clicking on the little pencil will elicit the flyout of the right sidebar layer config panel. It moves/resizes the actual map view, which I think is the culprit. A consequence is that even when the user gets a jankily sliding out config panel, not even the scrolling of the sidebar works, for numerous seconds. Other things are blocked too. Suggested solution: such interactions should not resize/alter the actual map layer. Mapbox/Maplibre are rather heavy and expensive components so the jank/freeze cost isn't even commensurate with the actual rendering task. Let's talk if someone is on the opinion that blocking the UI this way is still OK UX
4. Easy loss of layer config changes
Steps to reproduce:
An alternative is that instead of our heavy (and to me, ill understood) adherence to the "Apply/Cancel" pattern, we'd have proper undo/redo
The text was updated successfully, but these errors were encountered: