Brainstorming UI elements

[DennaGherlyn]

There has been a lot of discussion about a new UI on telegram. This is a collection of what was said so far and for further additions.

I added links to the relevant part of the discussion in telegram. Note that these links won't work if your not a member of that group yet.

State of the new UI on writing (by @Jomik Repo):

• Discussion about the controls *
  • Basic controls should be easily reachable *
    • Controls with a mini map and a separate map view for advanced map functionality like segmentation? *
    • valetudo mockup by Depau*
      • "Edit" being the current zones page, "that section could also contain go-to presets / configured zones / segments / whatever makes sense" *
    • Change of the start cleaning symbol based on cleaning selection. Depau: "Maybe once you add segments it may become ▶️📍 to indicate "start segment cleaning"" *
  • Where to position the stats? *
    • On top of the drawer?
  • Intensity:
    • Instead of sliders for the intensity a dropdown, because the backend has no understanding of more/less. For example, roborocks "off" speed comes after "max". *
    • Speed dial? *
  • Single page for controls & map *
  • Only settings and advanced stuff (like remote control) on additional pages *
  • Separators between different types of presets/segments *
  • Put labels above sliders and such for mobile friendliness *
  • Elements being accordion style? *
• Battery charge on the top bar (icon & percentage) *
  
• Finding a fitting mop icon *

[DennaGherlyn]

Update 2021-04-13

• Which controls to put on the main page? * *
  • ✅ basic control
  • ☑️ carpet
  • ☑️ restrictions
  • ☑️ consumables
  • ✅ fan speed
  • ☑️ locate (not really necessary)
  • ☑️ manual control
  • ☑️ map reset
  • ☑️ all map segmentation
  • ☑️ persistent map
  • ☑️ volume/test volume
  • ☑️ voice pack
  • ✅ water grade
  • ✅ (in the map, maybe zone presets in panel) zone cleaning
  • ✅ (in the map, maybe gotopresets in panel) goto location
  • ☑️ sensor calibration
  • ☑️ wifi
  • status:
    • ✅ attachments
    • ✅ battery
    • ☑️ consumables
    • ✅ fanspeed/water grade
    • ✅ (in the map, or maybe not, don't care) latest cleanup
    • ✅ status
• Two drawers? Menu and controls? *
• Using horizontal space on Desktop and vertical space on Mobile *
• Positioning of menus:
  • Menu at the top? Like Google Play Store *
    
    
  • Swipe from the bottom up? *
    
    • Some phone use swipe up for navigation *
      • Not completely from the bottom *

[Jomik]

Here is some images of the current state of the UI I am working on.

Show images