New selected section visibility [Solved]

Hi there,
Now the active section is highlighted with more brightness/color, while the 2 remaining are dimmed.

I would like to see the screen with no dimmed sections (since it sometimes not so much obvious) with 2 markers instead: 2 red (or other color) dots blinking, or 2 slim lines, on the left since it seems there is some space here.

What i would not like is a whole rectangle showing the active section. I’m more for a discrete thing.

1 Like

sometimes I find the dimmed sections , a bit difficult to read - I think perhaps depends on ambient light as sometimes it’s fine?!

Hard to think of an alternative…

I think it’s has to be really obvious which section is active at a glance , as it would be very frustrating turning encoders to suddenly realize you’d change the wrong parameter as you were in the wrong section. … so I don’t think it should be subtle at all.

in this regard current solution is really good,

I think personally your solution is too subtle for my tastes.
(actually, I didnt even notice your indicators when I first read your post!)

If I was to go the route of using indicators, Id put them on the other side,
for a UX/UI standpoint - they should be on the same side as the selection button, so the user associates the hardware buttons and the indicators. perhaps 3 side bars, on the left which are grey , and the active section is white.

but honestly, I still think thats too subtle…
essentially the user would be subconciously having to look for the indicators, before they ever touched an encoder , to ‘check’ which section was active.

thats why I think doing something with control (like dimming as done currently) is better.

Perhaps we could post some mock ups ( images) we think might work - see if @martin and others like them ?!

1 Like

I have a similar UI requirement on the Percussa SSP (eurorack module)
the SSP, has 4 encoders and I used buttons (EN+/-) to move between the active parameters.
this is how I solved it for my VSTs on the SSP.

what I wanted was for the inactive parameters to still be readable,
however, I want it to be very obvious which parameters were active.

i did this in 3 ways.

  • monochrome vs colour,
    monochrome is associated with being disabled in many UIs.
    also its still very readable.

  • reduce details.
    I get rid of the ‘exact’ values for disabled controls, again to reduce clutter, more focused view on the active parameters

  • colour coding rows.
    each row has a colour coding, the bar of colour at the bottom is next to the encoders, which reinforces that the encoders (sit below screen) are connected to this particular section.
    (not so important here, as its in a grid format, but for some vsts the active section of the UI might be somewhere else on the screen)


to be clear, this is not a suggestion for the E1…
all hardware and applications have different requirements, and also some displays lend themselves more to particular approaches.

perhaps the colour vs monochrome might work nicely on the E1.
the reduced details, I think is a matter of taste, I like it… though it doesn’t work great in all scenarios.
in particular above you can see ‘mode’ is an option parameter, and these do not really mean much without a label. (though you do get used to them) - it works much better on ‘relative’ values.

anyway, I thought Id share just as an idea, which might inspire other ideas.

2 Likes

Monochrome is a great idea!

I used indicator bars on the side of the section at the very beginnings of the project. see at at:

It was changed to dimmed sections later. Personally, I found it better but I get your point.

There is one thing I do not like on dimming. If one decided to use knobs only for one section and the rest of touch only, the dim then just makes it hard to use.

I am open to suggestions.

2 Likes

That bar was nice actually. Now i can see where the small space, on right side of the screen, come from.

Not so sure, if one has a monochrome preset it might make little visual difference…

And how about a “clear” background of the whole active area ? as opposed to the current overall black one ? Clear but not in conflict with the available colours…

IIRC the current color choices so not have that option?

Do you mean that in such a case, AS AN OPTION we could deactivate the knob on 2 sections out of 3, so for example the bottom section would be control by the knobs, and the 2 others would be touch screen only? If yes, that would be amazing , as an option again.

I looked again at your previous indicator bars on left/right, and i think it was really good as it was.

As of 2.0.5b an alternative way of indicating the active section is available. To enable it:

  • visit the Electra One App
  • choose the Config option
  • copy and paste the JSON provided below
  • upload it to the controller
{
   "version":1,
   "uiFeatures":{
      "useBarsForControlSets":true
   }
}

setting the option to false switches back to the standard version with the control dimming…

1 Like

Hello

Thanx a lot. Should the lines appears after i hit upload?

Yup, but you have to have 2.0.5b firmware loaded.

yep, that’s what i did first.

When clicking upload, nothing happens, i tried to reboot E1 too, but no luck. on chrome

Hmm, and you picked the Config option? I just tried that a few times and I can switch between the indicator versions no problem.

yes using config option.

EDIT= ok, it’s because i was not logged in.

Perfect, thanx a lot

ah, good to know :slight_smile: Does this work for you?

Yes i find this solution effective. It’s a pleasure to see the screen all lit!

1 Like

I would be very interested to try this suggestion, personally I find the dim even too discrete in different situations, especially when the viewing angle is not so good and also when the distribution of the controls is not logical with the sections.

2 Likes

I tried that in the past and the issue was that the background harmed the contrast of the active section. I can see that there is an appetite for this, will try to include it in the next beta release so that you (users) can try that out. The idea is that there would be three options: dim, bars on the side, and solid background color.

2 Likes