Re: [Tails-ux] Results second Tails Server user tests

Delete this message

Reply to this message
Autor: Susan
Data:  
A: Tails user experience & user interface design
Assumpte: Re: [Tails-ux] Results second Tails Server user tests
Maybe this was discussed already, but red/green color blindness means that it's
a problem to use those two colors in meaningful ways, together.

[In general, color for meaning tends to fail, except blue for links and gray for unavailable. Color and brightness can be good for attention sometimes though. Yellow works pretty well for message backgrounds, for example, and default buttons (activated with Enter) work well if they are the brightest/most-saturated color.]

Some ideas to consider if needed:

To attract attention, some alternatives:

(quick fix for users not noticing) Pulse a color (blink) on or near the switch to attract attention.

(better solution perhaps) Take away the switch and replace it with a "Start" button that's 3D enough to look pressable. Show on/off/trying status separately. Change button to "Stop" when status is on.

Rationale against using the switch for this purpose: Although they are currently very popular, toggle switches tend to be ambiguous in many cases. The problem depends on design but they are worse when also acting as state indicators as this one seems to do. Labels next to the switch (instead of on the switch) tend to work better than integrated labels for disambiguation, but that takes up more space.

Also, with labels on the switch, "On" and "Off" may cause confusion, because they could be status indicators instead of actions. A person may reason that they are revealing the state they want by pressing the switch, or they may believe they are doing the thing the switch says to do ("turn on" / "turn off"). Many of the light switches in the wall in the US have this problem.

To show status (together might be best):

. Graphics: on/off light and spinner for trying to connect (green / very light gray)
. Words: "On", "Off" "Starting..." for status.

I attached the two examples that I think show the switch and lights in the test version, for reference:



Susan

On Jul 21, 2016, at 9:46 AM, sajolida <sajolida@???> wrote:
>>>> - 3/5 needed some time to see the on-switch to actually start the
>>>> service after installing it
>>>> - I don't know how we can make this more obvious. I think putting
>>>> on-switches in the top-right corner is standard in GNOME. And I don't
>>>> see any other position where it would be more noticeable without looking
>>>> awkward.
>>>
>>> Now I realize that the "Status" info is not aligned with the [On/Off]
>>> switch which is also indicating the status. Maybe merging all this in
>>> one line would help. The line could be structured like this:
>>>
>>> - Status: [On/Off] (Spinner) (Additional status info...)
>>
>> Ok, I will try this. You would leave out the red / green "light" then?
>
> Good question... To which extend the red / green light only duplicates
> the state of the on / off button? Would removing the red / green light
> be problematic in some cases, for example when starting the service?
> Would it be enough to have only the on / off switch and say that:
>
> - when the switch is turned on, we try to start the service and
> feedback about the progress in the status.
> - if the service fails to start we changed back the switch to off?
>