equinor / equinor/webviz

Sync settings a bit too condense/complex UI?

Open
#331 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
9
Forks
11
Avg merge
4d 6m
Merged PRs (30d)
21

Description

It took me a while of testing before understanding the effect of the checkboxes in:
![image](https://github.com/equinor/webviz/assets/31612826/8cc73be3-75f6-4995-9127-0d3284b2384a)

The UI is compact (good thing) but it might be a bit complex to understand for new users. E.g.:
- What is the difference between the global and local columns.
- If you have only one module, checking local also automatically checks global check box (easy to understand when you understand the concept, but maybe not intially for new users).
- If you have two modules, the global is automatically checked when you check local IF the other module is already checked with local sync. Again also easy to understand if you know the concept, but might be difficult to grasp these dependencies the first times.

**Suggestion:**

Maybe instead change to a tree view UI pattern?
![image](https://github.com/equinor/webviz/assets/31612826/9f0fd370-4f1e-44e4-95a1-98a0ba41de5b)

Hovering over "Ensemble" could temporarily highlight all modules currently synced for that setting. Hovering over an individual module in the tree view temporarily highlights the module the user is considering checking/unchecking wrt. sync.

Instead of checkboxes, we could also considering instead using locked/unlocked icons to show the status (instead of checked/unchecked checkbox).

Benefits:
- Easier to understand the sync concept/UI?
- Condensed summary of specifically which modules are currently synced for a given setting.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.