Page MenuHomePhabricator

Homepage: collapsible start module (desktop)
Closed, DeclinedPublic

Description

The start module contains several tasks that the newcomer can complete. Once complete, or even before then, the module is then taking up valuable space on the page that could be used elsewhere.

Therefore, this task is about providing the ability for the user to collapse the start module on desktop. The companion task for mobile is T232896. Specifically:

  • The user only has the ability to collapse the start module once they have initiated the suggested edits module. Having initiated suggested edits, the user may then collapse the start module regardless of which other elements of the start module they have completed.
  • If the user has initiated suggested edits, add an icon to the upper right of the start module that collapses it. Mockup here. Uses the OOUI "collapse" icon.
  • When the user clicks it, the module collapses to a state that shows their username, a link to change their email, and a link to the tutorial.
  • The icon changes to an "expand" icon in the same position in the right side of the module, allowing the user to open the module back up. They may use this icon to toggle the module open and closed.
  • In the collapsed state, the "account creation" submodule and "tutorial" submodule always look the same regardless of their state, but the email module is different depending on its state. Mockup of each state here.
    • Account creation module: avatar icon with username.
    • Tutorial module: book icon with "Learn to edit: View a quick tutorial" where "quick tutorial" is the tutorial link.
    • Email module:
      • If no email added: email icon with link that says "Add email".
      • If email unconfirmed: email icon with "Email: email@email.com (confirm)" where "confirm" is a red link to Special:ConfirmEmail.
      • If email confirmed: email icon with "Email: email@email.com (change)" where "change" is a blue link to Special:Preferences#mw-prefsection-personal-email.
  • When the user has completed all the activities in the module, it collapses and no longer has the icon to open it back up. Mockup here.

Event Timeline

MMiller_WMF renamed this task from [Newcomer Homepage] Design the state of the start module to Homepage: design the "completed" state of the start module.Mar 27 2019, 5:04 PM
MMiller_WMF updated the task description. (Show Details)
MMiller_WMF added subscribers: SBisson, kostajh, nettrom_WMF and 4 others.
MMiller_WMF renamed this task from Homepage: design the "completed" state of the start module to Homepage: collapsible start module (desktop).Sep 13 2019, 9:06 PM
MMiller_WMF removed RHo as the assignee of this task.
MMiller_WMF updated the task description. (Show Details)

This is almost ready for development.

But two questions for @RHo:

  • Could you please update the linked mockups to contain the right interaction for collapsing the module (instead of the "...")?
  • I added the specification that the user could click that same icon to uncollapse the module and pop it open again. In thinking about it, it seems like if we allow the users to collapse the module before all the tasks are complete, then many might click to collapse it just to see what it does. If they can't open it back up again and complete the module, that might be frustrating. What do you think?

This is almost ready for development.

But two questions for @RHo:

  • Could you please update the linked mockups to contain the right interaction for collapsing the module (instead of the "...")?

Yes, this has been updated in the linked mock. I will update the task description with the specific OOUI icons for expand and collapse.

  • I added the specification that the user could click that same icon to uncollapse the module and pop it open again. In thinking about it, it seems like if we allow the users to collapse the module before all the tasks are complete, then many might click to collapse it just to see what it does. If they can't open it back up again and complete the module, that might be frustrating. What do you think?

To clarify, they should be able to expand it again if the tasks are not complete. It is only no longer expandable when all activities are completed. Also, they will still be able to click on the link to Add or confirm email and view tutorial in the collapsed version.

@RHo -- if the user is still able to click the link to add or confirm email in the collapsed version, then I think we'll need mockups of those. What we have now is only the mockup for after the email is confirmed.

@RHo -- if the user is still able to click the link to add or confirm email in the collapsed version, then I think we'll need mockups of those. What we have now is only the mockup for after the email is confirmed.

Added to task description and to the Invision mocks

MMiller_WMF updated the task description. (Show Details)

I have now updated this task to match our latest designs. Mockups are linked in the description.

Moving back to Upcoming Work because this is not strictly necessary for Newcomer Tasks v1.0.

I have a request on French Wikipedia to make the start module collapsible.

Per T246533: Variant tests: "initiation part 2" test (C vs. D), current homepage variants no longer have start modules. This has been overcome by events.