Page MenuHomePhabricator

Expanded width toggle - needs design
Closed, DuplicatePublic

Description

We're getting pushback from experienced users about the fixed width on Flow. I agree that the fixed-width has much better readability and needs to be the default.

However -- there are experienced users who have evolved beyond the need for readability, and I have limited patience for (probably futile) attempts to save them from themselves.

Also -- tables just don't work in Flow. The "help space/mentoring" use case needs the ability to talk about and try out tables, and the fixed width is just too narrow for that to be useful.

My suggestion: Add something thin and vertical on the right margin of the Flow board, that has an affordance for switching between fixed-width and full-width.

The setting would save as a hidden user preference, so if the user chooses full-width on a Flow board, then they will see full-width on all Flow boards and topic pages from then on, until they change it on a page.

At some point in the future, when we put something spectacularly useful in the right rail for fixed-width, then that useful thing will not display in full-width. At that point, users will have to choose between the useful thing and having full-width. I trust them to manage that choice on their own. Meanwhile, we won't feel any pressure that we need to put something in the right rail just to fill up the space.

Mockups that we'd need -- what the selector looks like in both states (fixed and full), plus what a Flow board and topic page looks like in full-width.


Trello card: HQ57EJXW

  • column: Send to Phabricator - Collaboration-Team board

Event Timeline

One option we discussed would be to move the current board header to the right side. That will avoid descriptions and templates to push down the main content (the discussion). By controlling the right side users can expand the content for those cases when it is needed while optimising for readability in the default case.

A prototype and some mockups are available to try the idea:

about-open.png (796×1 px, 255 KB)

about-collapsed.png (793×1 px, 207 KB)