Page MenuHomePhabricator

Consider applying 960px max-width to Newcomer Homepage
Open, Needs TriagePublic

Description

Description

As part of Desktop Improvements (Vector 2022) we introduced a max-width to all pages. We then realized that a small number of pages don't work well at 960px (e.g. History and Recent Changes) and started allowing certain pages to be exceptions to this rule and instead get a max-width of 1440px. That decision was very much a compromise — we ideally would have liked to make improvements to those pages such that they worked well at 960px, but don't currently have the resources to do so. The reason why we don't like the current approach is because it leads to an inconsistent experience where some pages display much wider than others.

Newcomer homepage

As far as I can tell from test.wikipedia.org the Newcomer homepage is currently one such exception from the 960px max-width. As far as I can tell, it would look and work well with the 960px max-width.

currentwith 960px max-width
Screen Shot 2021-03-08 at 1.47.06 PM.png (1×1 px, 349 KB)
Screen Shot 2021-03-08 at 1.46.59 PM.png (1×1 px, 349 KB)
image.png (1×2 px, 473 KB)

Goal

The purpose of this task is to propose to the Growth team limiting the width of the Newcomer homepage, and to articulate any tradeoffs or concerns with doing so. If we find that 960px max-width works well for the Newcomer homepage we will add it to our list of pages to switch over.

Developer notes

The existing VectorMaxWidthOptions configuration option inside Vector can be expanded to include Special:Homepage

Event Timeline

Thanks for proposing this @alexhollender. I agree that the desktop newcomer homepage layout is already pretty optimised to work well in that 960 max width. One caveat may be changing the order and layout of the "secondary" modules on the RHS since this would mean that the mentor module is always below the impact module, whereas currently there is a wider view on desktop which would show the mentor module 'above the fold' as a third column:

image.png (1×3 px, 557 KB)

Thanks for proposing this @alexhollender. I agree that the desktop newcomer homepage layout is already pretty optimised to work well in that 960 max width. One caveat may be changing the order and layout of the "secondary" modules on the RHS since this would mean that the mentor module is always below the impact module, whereas currently there is a wider view on desktop which would show the mentor module 'above the fold' as a third column:

image.png (1×3 px, 557 KB)

@RHo any new thoughts here? I'm certainly biased...still prefer the limited width : ) Maybe even having the three columns side-by-side (shown in your screenshot above) could be overwhelming?

Thanks for proposing this @alexhollender. I agree that the desktop newcomer homepage layout is already pretty optimised to work well in that 960 max width. One caveat may be changing the order and layout of the "secondary" modules on the RHS since this would mean that the mentor module is always below the impact module, whereas currently there is a wider view on desktop which would show the mentor module 'above the fold' as a third column:

image.png (1×3 px, 557 KB)

@RHo any new thoughts here? I'm certainly biased...still prefer the limited width : ) Maybe even having the three columns side-by-side (shown in your screenshot above) could be overwhelming?

Hey @alexhollender_WMF thanks for the ping! No new thoughts right now as Growth has been focused on new feature work (add images structured task) of late.
I think we would ideally defer decisions about this until a larger visual design refresh of the newcomer homepage in future, likely coinciding with moving to using Codex, as we could also then take into account what will hopefully be a new responsive grid T298198: Define a responsive column grid system by the DS team.

I do see your point about the 960px working well in that main sweet spot of 1000-1500px browser widths, but have also heard feedback from people with large screens (second monitors) wanting to use that wider space on dashboard-like pages, so would like to consider a responsive 3-col layout for an XXL width. But it would be great to keep on the backlog for now if that's OK.

RHo removed RHo as the assignee of this task.Wed, Sep 20, 12:21 PM