getlantern / browsersunbounded

Interoperable browser-based P2P proxies for censorship circumvention
GNU General Public License v3.0
14 stars 0 forks source link

Add tooltip and button glow to the toggle switch on unbounded.lantern.io #194

Closed Derekf5 closed 11 months ago

Derekf5 commented 11 months ago

We have received some feedback both internally and from informal test subjects that the toggle CTA is a bit ambiguous.

@noahlevenson and I discussed this, and we both still believe that the toggle is the correct UI element for the task. This is primarily because it gives users a sense of control, unlike a regular button, which is typically not intended for communicating or controlling system states.

The challenge with the toggle as a CTA is that in its default disabled state, it lacks a color that draws the eye and does not have any actionable text as part of the element. The proposed solution is to add a pulsing glow to the toggle and dismissable onboarding tooltip, which will only appear on the user's first visit to unbounded.lantern.io.

Screen Shot 2023-10-16 at 9 43 56 AM

Implementation notes:

Figma page Figma prototype for toggle glow animation

woodybury commented 11 months ago

done

https://github.com/getlantern/broflake/pull/196