Skip to content

Models Dashboard UI/UX improvements #112

Description

@kofi-k

@kofi-k and @BasDekker-Zenmo will work together to make an improved UI/UX for the LUX dashboard. @kofi-k will focus more on the appearance of the dashboard in AnyLogic, while I will focus more on the proper functioning of the new dashboard.

Major plans:

  • Make map smaller to give more space to other parts of dashboard. Map still needs to pop out.
  • LUX color palette
  • Slider tab appearance overhaul: sliders move to below text + (custom (if possible)) editbox + text updating with slider value + brightest LUX colour palette + white text
  • Legend becomes much smaller -> use of multiple pages -> created with custom polygon/PNGs of something like arrows "to go through" the pages
  • New feature: freed up space for "Properties" table
  • Looks of the legend + map overlay + new "Properties" table looks too bulky. Maybe separate in more modules. Creates more white space between modules. Make legend even "thinner". Spread out the map overlay buttons more (maybe).
  • Instead of rounded rectangles, explore creation and appearance of rectangle with a single rounded vertex at left bottom corner -> first attempt in AnyLogic so it becomes easier to change and modeller has ability to change appearance -> Otherwise try with external tool for SVG/PNG (like Inkscape)
  • Separate "filter option" and "show cables" option.
  • Re-add temperature, solar irradiance, and windspeed graphs at top of the map from left to right. @BasDekker-Zenmo add profiles to db_profiles.
  • Scenario descriptions will be removed and put into information icons (i) next to scenario options.
  • Remove TU/e logo. Frees up space for customer/partner logo. Move location of those logo to align result_UI with top of map
  • Major appearance overhaul of result_UI still needs to be designed
  • More customibility of assets in "Properties" table

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions