DeadAir's pause choice reads as four unrelated buttons #183

Closed
opened 2026-10-10 17:12:18 -07:00 by rays · 4 comments
Owner

The per-show "Pause it leaves" control (#182) is a row of four segmented buttons, 0.2 / 0.3 / 0.4 / 0.5 s. They are steps along one scale, from brisk to relaxed, but nothing shows that, and the control stays on screen while DeadAir is off, where it does nothing. Proposal: a four-stop slider with the value beside its label and Brisk/Relaxed at its ends, shown only while DeadAir is on. Mockups to follow for approval.

The per-show "Pause it leaves" control (#182) is a row of four segmented buttons, 0.2 / 0.3 / 0.4 / 0.5 s. They are steps along one scale, from brisk to relaxed, but nothing shows that, and the control stays on screen while DeadAir is off, where it does nothing. Proposal: a four-stop slider with the value beside its label and Brisk/Relaxed at its ends, shown only while DeadAir is on. Mockups to follow for approval.
rays added the enhancement label 2026-10-10 17:12:18 -07:00
Author
Owner

Prototype on branch deadair-pause-ui (4ccf2e5). Shots are the real page against production's data, Glass at 390px unless noted. (The faint list showing through is the headless browser's rendering of Glass's blur, not the design.)

Before

before

After: a four-stop slider

after

Pause it leaves                    0.3 s
·──────●──────·──────·
Brisk                          Relaxed
A longer pause sounds more relaxed and saves less time.
  • One scale, not four separate buttons: a dot at each stop, the value beside the label, Brisk and Relaxed at the ends.
  • Snaps to 0.2 / 0.3 / 0.4 / 0.5 s; arrow keys step it, and VoiceOver reads "0.3 s".
  • The thumb is 28px on a phone, 22px on a desktop.
  • Uses the theme's own accent and track colours; nothing new in the palette.

DeadAir off: the pause is hidden, since it does nothing then.

off

Modern, dark, wider

dark

The other option, a drop-down, not built:

Pause it leaves            [ 0.3 s  ▾ ]

Smallest, but it hides the other choices behind a tap (on iOS, a wheel picker) and says nothing about which way is brisker.

Decisions for you: slider or drop-down; the end words (Brisk / Relaxed); whether hiding it while DeadAir is off is right.

Prototype on branch `deadair-pause-ui` (4ccf2e5). Shots are the real page against production's data, Glass at 390px unless noted. (The faint list showing through is the headless browser's rendering of Glass's blur, not the design.) **Before** ![before](https://git.sdf1.net/attachments/1c9b0a55-c62d-4e7c-99be-52da70db04b5) **After: a four-stop slider** ![after](https://git.sdf1.net/attachments/33d1296d-8019-4552-ba0f-b38c1b5405ba) ``` Pause it leaves 0.3 s ·──────●──────·──────· Brisk Relaxed A longer pause sounds more relaxed and saves less time. ``` - One scale, not four separate buttons: a dot at each stop, the value beside the label, Brisk and Relaxed at the ends. - Snaps to 0.2 / 0.3 / 0.4 / 0.5 s; arrow keys step it, and VoiceOver reads "0.3 s". - The thumb is 28px on a phone, 22px on a desktop. - Uses the theme's own accent and track colours; nothing new in the palette. **DeadAir off: the pause is hidden**, since it does nothing then. ![off](https://git.sdf1.net/attachments/b5258972-14dd-4b61-b3dd-85f52a9aa0df) **Modern, dark, wider** ![dark](https://git.sdf1.net/attachments/9b922e9d-4419-4dfd-bb5d-ec09cd1c72c3) **The other option, a drop-down**, not built: ``` Pause it leaves [ 0.3 s ▾ ] ``` Smallest, but it hides the other choices behind a tap (on iOS, a wheel picker) and says nothing about which way is brisker. Decisions for you: slider or drop-down; the end words (Brisk / Relaxed); whether hiding it while DeadAir is off is right.
Author
Owner

Decided: slider; Brisk / Relaxed; greyed out, not hidden, while DeadAir is off. "Pause it leaves" is now Breathing room, with the caption "The silence kept where a long one is cut. More is easier on the ear; less saves more time." On the branch as 7bec82d.

on

off

Decided: slider; Brisk / Relaxed; greyed out, not hidden, while DeadAir is off. "Pause it leaves" is now **Breathing room**, with the caption "The silence kept where a long one is cut. More is easier on the ear; less saves more time." On the branch as 7bec82d. ![on](https://git.sdf1.net/attachments/250936b7-0edd-4b3f-9255-142c7af5a8aa) ![off](https://git.sdf1.net/attachments/503e35de-93d9-4414-b7c5-accf5d8592ee)
Author
Owner

Clean screenshots: the earlier ones were taken without Glass's blur drawn, so the list showed through the dialog.

Before

before

After, DeadAir on

on

After, DeadAir off

off

Clean screenshots: the earlier ones were taken without Glass's blur drawn, so the list showed through the dialog. **Before** ![before](https://git.sdf1.net/attachments/5d384ba2-499e-48a1-b4bb-d7ec17208cd1) **After, DeadAir on** ![on](https://git.sdf1.net/attachments/561045b9-6773-4279-825f-7a8650e05847) **After, DeadAir off** ![off](https://git.sdf1.net/attachments/7950f559-d730-4303-afea-19abb6eb5060)
Author
Owner

Done in 4ccf2e5 and 7bec82d: a four-stop slider, Breathing room, Brisk to Relaxed, greyed out while DeadAir is off. Deployed.

Done in 4ccf2e5 and 7bec82d: a four-stop slider, Breathing room, Brisk to Relaxed, greyed out while DeadAir is off. Deployed.
rays closed this issue 2026-10-10 18:44:56 -07:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: rays/ipx#183