Skip to content

Lots of mode bubbles: Looking for a UI design answer: #231

@techninja

Description

@techninja

One of @makersylvia's original designs in RoboPaint was to have each mode in a bubble and in the toolbar. At best, the current toolbar & home screen was designed for maybe about 4 modes.

With the latest work in the new branch, we've got the ability to turn on and run at least 6 out of the gate! And @docprofsky is already working on one, and there's lots planned that could be made relatively easily with the powerful API I've built. So the question becomes: How do we allow for it? The UI may "physically" scale well, but the concept falls apart after 5 or more modes.

robopaint _010

Possible toolbar options:

  • Overflow modes into some kind of dropdown arrow overflow menu. Selected mode icon is shown to the right next to the dropdown if inside menu.
    • Would likely need the ability to re-order modes to customize this.
  • Toolbar section for mode selection (all the mode icons) simply becomes one big pretty dropdown selection (same width as 4, maybe after it gets past 4?), comes with name of mode, description, icon.
    • This probably falls apart past 10-15, but I guess it could be scrollable.

Possible Home screen options:

  • Let the bubbles go to two rows. Only solves till ~8 modes. Could then go to three lines, but bubbles may still overflow. We'd likely need to have them shrink in size depending on available screen area.
  • Change the bubbles to be a picture of what they output (already planned) but the bubble size and position on the home screen is based on mode usage stats, and positioned around based on a calculated force within the allowed screen area (a bit like this), with the ability to drag them around. Kind of more fun than useful, but that's kind of the point.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions