It would be nice to have a UI element so that we can group some interface widgets. We can call this element “section,” “widget group,” or something like that. Some features of this element could be:
- Title (optional, large font)
- Description (optional, small font)
- One can select the section and move all the inputs within it
- Collapse button (optional)
For example, we can use this element to group inputs that should be adjusted before clicking the “go” button vs those that can be adjusted on the fly.
There are many published models that try to divide the interface using the Note widget, but it’s far from ideal.
For example, here’s the Erosion model in the Models Library:
Here’s another example from a recently published journal paper:
Langbeheim, E., Saba, J., & Levy, S. T. (2024). Invented models – relating students’ constructions of computational models to their learning gains. Interactive Learning Environments , 1–16. https://doi.org/10.1080/10494820.2024.2414421