Add segmented button for switching current view

[peeragetalkers]

Use case or problem

With ‘Show editing mode in status bar’ set to ON in Editor settings, three problems arise:

1. While the icon in the status bar reflects the current view, the top-right icon shows the mode you will switch to if you press it. Visually, the two icons conflict, which often leads to confusion, even if you’re an experienced user. (“Wait, what mode am I in again? Am I reading or editing?”) This is poor design. This sentiment is shared, for example, here and here.
2. There’s no reason why these two toggles should be separate at all as they accomplish the same function; the second button is redundant. (Currently, the top-right toggle offers a binary choice of ‘Reading’ vs ‘Live Preview’, while the status bar toggle also offers “Source mode”.)
3. It takes an additional click to switch to source mode, when a single click should do.

)

Proposed solution

All three of these issues would be solved by a segmented button. Here’s a quick mock-up:

Ideally, one should be able to configure to display it in either top right or in the status bar.

Related feature requests

Trifold edit mode button

Use case or problem I often find myself switching between Live Preview and Source mode. It’s difficult to switch between them, and sometimes difficult to tell which mode I’m in. Proposed solution Have the Edit mode icon switch to the Source view icon when Source view is active. (This presumes that the icon changes to reflect the current state of the window, which is already what I expect and want.) Have an option under Editor options to cycle through all three modes when selecting the E…

[peeragetalkers]

I completely forgot about mobile when requesting this A segmented button would be too clunky on a small screen w/o a major UI overhaul. I’ll reframe this request to a redesign of the status bar toggle then! I’ll leave the original post as is because I do believe the issue w/ conflicting icons is a valid one.