Page MenuHomePhabricator

Usability Problem: Consider a different visual treatment for the overflow menu on mobile Talk Pages
Closed, ResolvedPublic

Description

Problem: When there is no subscribe link the ellipsis icon appears disconnected to the rest of the design

img_0554.png (1×750 px, 310 KB)

Possible Solution: Pull out the elements from the menu and display as links

Related Objects

StatusSubtypeAssignedTask
ResolvedEAkinloose
OpenNone
OpenNone
OpenNone
Resolvedmatmarex
OpenTrizek-WMF
Resolvedppelberg
ResolvedEsanders
ResolvedBUG REPORTmatmarex
Resolvedppelberg
Resolvedmatmarex
Resolvedppelberg
Resolved KieranMcCann
Resolved KieranMcCann
Resolvedppelberg
Resolvedppelberg
ResolvedEsanders
Resolvedmatmarex
InvalidNone
Resolvedppelberg
Resolvedppelberg
Resolvedmatmarex
ResolvedEAkinloose
Resolvedppelberg
Resolvedppelberg
Resolvedppelberg
Resolvedmatmarex
Duplicate KieranMcCann
Resolvedppelberg
Resolved Whatamidoing-WMF
Resolvedmatmarex
ResolvedRyasmeen
DuplicateNone
ResolvedBUG REPORT nray
Resolvedppelberg
Resolvedppelberg
ResolvedJdlrobson
ResolvedBUG REPORTmatmarex
Resolvedmatmarex
Resolvedppelberg
Resolved Whatamidoing-WMF
Resolvedppelberg
Resolved iamjessklein
Duplicate KieranMcCann
DuplicateNone
ResolvedEsanders
Resolvedppelberg
ResolvedEsanders
Resolvedppelberg
ResolvedDLynch
ResolvedEsanders
Resolvedppelberg
Resolved Whatamidoing-WMF
Resolvedmatmarex
Resolvedppelberg
ResolvedEsanders
ResolvedEsanders
Resolved Whatamidoing-WMF
Resolvednayoub
Resolved Whatamidoing-WMF
Resolvedppelberg
ResolvedDLynch
Resolvedppelberg
Resolvedppelberg
Resolvedppelberg
Resolved Whatamidoing-WMF
Resolvedmatmarex
Resolvedppelberg
Resolvedmatmarex
Resolvedppelberg
Resolved Whatamidoing-WMF
ResolvedDLynch
Resolvednayoub
Resolved Whatamidoing-WMF
ResolvedEsanders
Resolvedppelberg
Resolvedmatmarex
Resolved Whatamidoing-WMF
Resolvedmatmarex
Resolvedppelberg
OpenVPuffetMichel
Resolvedmatmarex
In ProgressTrizek-WMF
OpenNone
Resolvedppelberg
ResolvedDLynch
Resolved Whatamidoing-WMF
Resolved Whatamidoing-WMF
Resolvedppelberg
OpenNone
Resolvedppelberg
Resolvedppelberg
Resolvedppelberg
Resolvedsgrabarczuk
OpenNone
Resolved iamjessklein
DeclinedNone
ResolvedNone
ResolvedTrizek-WMF
DuplicateNone
Resolvedmatmarex
Resolvedovasileva
Resolvedmatmarex
ResolvedDLynch
Resolvedppelberg
Resolved Whatamidoing-WMF
ResolvedEsanders
ResolvedTrizek-WMF

Event Timeline

A couple of options to propose.

Option 1: Remove overflow menu and make links visible

Screenshot 2022-05-13 at 11.57.21.png (2×1 px, 634 KB)

When there is no subscribe action then this looks better when the edit action is visible rather than just showing the ellipsis icon.

Option 2: Move overflow menu to top right beside topic title

Screenshot 2022-05-13 at 11.57.31.png (2×1 px, 639 KB)

This feels like the natural place for the overflow menu to sit, and when there is no subscribe action then the space it would sit just collapses. The slight drawback of this option is that we would need to reduce the space given to the topic titles which would result in more line breaks with long titles. The advantage of this option is that it is perhaps more scaleable should we have more topic level actions (copy link, report) in the future that we may want to include in the overflow.

cc @iamjessklein

The slight drawback of this option is that we would need to reduce the space given to the topic titles which would result in more line breaks with long titles.

You mean it would reduce the space of the topic title’s first line, don’t you? I see no reason for the second and further lines not to fill all horizontal place available, the overflow menu button is not taller than one line. This makes the drawback even slighter.

+1 I am in favor option 2. I assume this would have a small card with a dropdown of item(s)

matmarex subscribed.

Looks like we've decided on option 2, and it has already been implemented in T310914.