OTTO icon indicating copy to clipboard operation
OTTO copied to clipboard

Settings Menu

Open topisani opened this issue 7 years ago • 6 comments

We need a generic menu system for settings like

  • picking a midi input device
  • colour themes
  • system updates
  • at some point, wifi, bluetooth and other connectivity

topisani avatar Jul 27 '18 11:07 topisani

I'll see if I can make a little sketch for something like this today, or the coming week.

Settings is probably gonna be a dedicated button on the Otto, right?

AlbertSmit avatar Aug 15 '18 08:08 AlbertSmit

Yep, it is! sounds like a plan

topisani avatar Aug 15 '18 10:08 topisani

I'll wait and try to build on what you bring Albert

ras0k avatar Aug 15 '18 17:08 ras0k

Current concept is to have a horizontal menu (a bit á la PlayStation Portable's menu, if you're familiar).

For example; if the menu has 4 items, the bar on the bottom is cut into 1/4's. When an item would be 'selected', you would go one menu 'deeper', which introduces another line at the bottom, to acknowledge this fact (like for example on iPhones, have a back button as an indicator that you can 'go back').

When multiple items/settings appear in the display, a coloured dot appears, indicating which settings you'll be changing when you turn the encoder that is coded in that very same colour.

schermafbeelding 2018-08-15 om 17 20 40

I would like to add that I am trying to keep everything as clean and simple as possible, trying not to clutter the screen with unnecessary information and/or icons. In this way we can keep it easy to understand, easy to expand, add plugins into, and perhaps include multilingual menu's at some point, if we really wanted to.

The font used currently is Roboto Medium, which is a Google Fonts Font released under Apache 2.0, and might be a good replacement for the (sadly) not entirely fitting Otto Font (since 'the new style' had been introduced).

AlbertSmit avatar Aug 20 '18 20:08 AlbertSmit

Currently trying things out on Figma:

hyperlink.

(the red dot in the left lower corner currently acts as a 'back'-button on pages where 'just clicking' doesn't get you back).

AlbertSmit avatar Aug 21 '18 13:08 AlbertSmit

I am a fan of this! I'm going to try to implement this menu system (with an animated scroll bar) in the near future!

topisani avatar Jul 28 '19 21:07 topisani