IP masking: Make temporary account status and create account actions more prominent via a separate temp account status bar
Closed, ResolvedPublic8 Estimated Story PointsFeature
Actions

Assigned To

Authored By

	Jdlrobson
	Feb 24 2023, 5:06 PM

Description

Background

Following usability testing (see T328368) and design review, there is a proposed revision to clearly delineate the temp account status via a new status "bar" that will sit above the page content.

Proposed design

Create a status bar at the top of the page content clearly indicating the temp account status, with clear call-to-actions to Create account or Log in.
Same for Desktop and Mobile
Providing the Create account and Log in on this bar mitigates the need for adding it to the personal tools links area.

Note: The visual styling is subject to change.

Desktop

Mobile

Temp account info pop-up - content TBC.

Link to WIP figma

Details

Subject	Repo	Branch	Lines +/-
[WIP] Basic scaffolding of TempUserBanner skin component	mediawiki/core	master	+71 -2
skin: Let Skin::makeSpecialUrlSubpage call correct replacement	mediawiki/core	master	+1 -1
Skin: Move methods to SkinComponentUtils	mediawiki/core	master	+114 -71
Enable interface-temp-user-banner styles on Minerva skin	mediawiki/skins/MinervaNeue	master	+9 -1
Enable interface-temp-user-banner on Vector 2022	mediawiki/skins/Vector	master	+2 -0
Create new TempUserBanner skin component	mediawiki/core	master	+168 -0
As `is-temp` to skin data	mediawiki/core	master	+1 -0

Customize query in gerrit

Related Objects
Search...

Status	Subtype	Assigned	Task
			Restricted Task
Resolved		kostajh	T294511 2021 Security Team wikireplicas audit
Declined		None	T284948 Raw IPs of logged-out users disclosed in wiki-replicas
In Progress		Niharika	T324492 Temporary accounts - MVP
Open		None	T326816 [Epic] Update features for temporary accounts
Resolved		KStoller-WMF	T326877 [Epic] Update Growth Team-owned products that may be affected by IP Masking
Resolved		Jdlrobson	T335440 [EPIC] Web team support for IP masking
Resolved	Feature	Jdrewniak	T330510 IP masking: Make temporary account status and create account actions more prominent via a separate temp account status bar

Event Timeline

There are a very large number of changes, so older changes are hidden. Show Older Changes

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 24 2023, 5:06 PM

Jdlrobson updated the task description. (Show Details)Feb 24 2023, 5:30 PM

Jdlrobson mentioned this in T326911: Update Web Team-owned products that may be affected by IP Masking.Feb 24 2023, 5:43 PM

Jdlrobson added projects: Web-Team-Backlog, Growth-Team.Feb 27 2023, 7:50 PM

Jdlrobson updated the task description. (Show Details)

Etonkovidova moved this task from Inbox to Needs Discussion on the Growth-Team board.Mar 1 2023, 12:19 AM

KStoller-WMF added a parent task: T326877: [Epic] Update Growth Team-owned products that may be affected by IP Masking.Mar 1 2023, 12:38 AM

I've moved this to the Growth parent epic T326877 so we will be sure to consider this when we focus on that work.
@RHo - just FYI since you are working on initial designs.

ovasileva moved this task from Incoming to Current Fiscal Year on the Web-Team-Backlog board.Mar 1 2023, 11:09 PM

ovasileva added a parent task: T335440: [EPIC] Web team support for IP masking.Apr 26 2023, 5:40 PM

Jdlrobson moved this task from Current Fiscal Year to Web Team FY2022-23 Q4 Sprint 5 on the Web-Team-Backlog board.Apr 27 2023, 6:52 PM

Jdlrobson edited projects, added Web-Team-Backlog ( Web Team FY2022-23 Q4 Sprint 5); removed Web-Team-Backlog.

RHo renamed this task from IP masking: Should account creation be more prominent for temporary users? to IP masking: Make temporary account status and create account actions more prominent via a separate temp account status bar.Apr 28 2023, 12:11 AM

RHo updated the task description. (Show Details)

@ovasileva - hope it is fine that I've updated this ticket to reflect the updated designs for the temp account create account and Log in CTA to be placed in a 'temp account status bar' for the Web team. Please revise and separate as you see fit.

In T330510#8812424, @RHo wrote:

@ovasileva - hope it is fine that I've updated this ticket to reflect the updated designs for the temp account create account and Log in CTA to be placed in a 'temp account status bar' for the Web team. Please revise and separate as you see fit.

This works, thanks @RHo!

matmarex subscribed.Apr 29 2023, 9:46 PM

• Prtksxna subscribed.May 1 2023, 3:34 PM

@RHo, @Prtksxna - curious what the "i" icon is here - what would it link to?

LGoto set the point value for this task to 8.May 3 2023, 5:24 PM

This is the first time we've had a component that we want to share on mobile and desktop, so I suspect we will want to make this change in core and think carefully through how this is shared. We don't want to reimplement the same styles/template in both Minerva and Vector skin.

Another question @RHo, @Prtksxna - what should the temporary username link link to?

ovasileva raised the priority of this task from Medium to High.May 3 2023, 5:42 PM

RHo updated the task description. (Show Details)May 3 2023, 6:12 PM

RHo updated the task description. (Show Details)

In T330510#8824598, @ovasileva wrote:

@RHo, @Prtksxna - curious what the "i" icon is here - what would it link to?

Hiya, it would be use the standard info pop-up to show more info about temp accounts. Something like the following but content is all TBC:

RHo attached a referenced file: F36964967: image.png. (Show Details)May 3 2023, 6:14 PM

In T330510#8824725, @ovasileva wrote:

Another question @RHo, @Prtksxna - what should the temporary username link link to?

Oh good question. I had imagined it would link to their User page (since temp accounts in MVP won't have newcomer homepage), but maybe it should just not be a link at all as it is IP editors to make it less accessible for a temporary person to create a user page. One for @Prtksxna to weigh in on.

In T330510#8824835, @RHo wrote:

In T330510#8824598, @ovasileva wrote:

@RHo, @Prtksxna - curious what the "i" icon is here - what would it link to?

Hiya, it would be use the standard info pop-up to show more info about temp accounts. Something like the following but content is all TBC:

Does this popup already exist or is the idea that web team will create this? If the former, there's a potential performance issue here (that we recently ran into with Vector 2022) so could you subscribe me to the ticket / patch where this got added? thanks in advance!

alistair3149 subscribed.May 3 2023, 6:54 PM

In T330510#8824887, @Jdlrobson wrote:

In T330510#8824835, @RHo wrote:

In T330510#8824598, @ovasileva wrote:

@RHo, @Prtksxna - curious what the "i" icon is here - what would it link to?

Hiya, it would be use the standard info pop-up to show more info about temp accounts. Something like the following but content is all TBC:

Does this popup already exist or is the idea that web team will create this? If the former, there's a potential performance issue here (that we recently ran into with Vector 2022) so could you subscribe me to the ticket / patch where this got added? thanks in advance!

No this is new and is a pop-up that appears after temp account creation and after each subsequent edit with a temp account, so ownership-wise I guess it could be Editing, but maybe it makes sense to be a subtask of this status bar work for Web team if y'all are working on it first?
Interesting to learn more about what the performance issue is?
Depending on severity and effort to use the same pop-up, we could instead change this info icon on the status bar to simply be a "Learn more" link that goes to a general info page about temp accounts.

Interesting to learn more about what the performance issue is?

We ran into some issues relating to this as we've started loading this widget on page load (T334366) and the widget is provided by OOUI and we want to keep the two designs consistent. So might make sense to talk about this component more from a holistic point of view. Perhaps we need to get it into Codex for example.

RHo mentioned this in T335546: IP masking: Temp account user menu options .May 25 2023, 8:48 PM

Jdlrobson moved this task from Incoming to Ready for Development on the Web-Team-Backlog ( Web Team FY2022-23 Q4 Sprint 5) board.May 26 2023, 8:44 AM

RHo mentioned this in T337250: [XL] Temporary Accounts on iOS: Editing related changes.May 30 2023, 4:20 PM

cmadeo subscribed.May 30 2023, 8:55 PM

bwang assigned this task to Jdrewniak.Jun 8 2023, 4:58 PM

Jdlrobson changed the subtype of this task from "Task" to "Bug Report".Jun 8 2023, 5:00 PM

Jdlrobson changed the subtype of this task from "Bug Report" to "Feature Request".

Jdrewniak moved this task from Ready for Development to Doing on the Web-Team-Backlog ( Web Team FY2022-23 Q4 Sprint 5) board.Jun 9 2023, 1:13 PM

Change 928889 had a related patch set uploaded (by Jdrewniak; author: Jdrewniak):

[mediawiki/core@master] [WIP] Basic scaffolding of TempUserBanner skin component

https://gerrit.wikimedia.org/r/928889

gerritbot added a project: Patch-For-Review.Jun 9 2023, 6:05 PM

Change 929704 had a related patch set uploaded (by Jdrewniak; author: Jdrewniak):

[mediawiki/core@master] As `is-temp` to skin data

https://gerrit.wikimedia.org/r/929704

Change 929705 had a related patch set uploaded (by Jdrewniak; author: Jdrewniak):

[mediawiki/core@master] Move getReturnToParam() to Skin & expose in SkinComponentRegistryContext

https://gerrit.wikimedia.org/r/929705

Change 929715 had a related patch set uploaded (by Jdrewniak; author: Jdrewniak):

[mediawiki/core@master] Create new TempUserBanner skin component

https://gerrit.wikimedia.org/r/929715

Change 929704 abandoned by Jdrewniak:

[mediawiki/core@master] As `is-temp` to skin data

Reason:

probably not necessary (for now).

https://gerrit.wikimedia.org/r/929704

Jdlrobson moved this task from Backlog to Skin components on the MediaWiki-Core-Skin-Architecture board.Jun 14 2023, 9:28 PM

Change 930717 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/MinervaNeue@master] Enable interface-temp-user-banner styles on Minerva skin

https://gerrit.wikimedia.org/r/930717

Change 929705 merged by jenkins-bot:

[mediawiki/core@master] Skin: Move methods to SkinComponentUtils

https://gerrit.wikimedia.org/r/929705

ReleaseTaggerBot added a project: MW-1.41-notes (1.41.0-wmf.15; 2023-06-27).Jun 15 2023, 10:00 PM

Change 930849 had a related patch set uploaded (by Jdrewniak; author: Jdrewniak):

[mediawiki/skins/Vector@master] Enable interface-temp-user-banner on Vector 2022

https://gerrit.wikimedia.org/r/930849

Change 929715 merged by jenkins-bot:

[mediawiki/core@master] Create new TempUserBanner skin component

https://gerrit.wikimedia.org/r/929715

Jdlrobson mentioned this in T339377: Provide temporary accounts banner for legacy Vector.Jun 16 2023, 5:41 PM

Jdlrobson moved this task from Doing to QA on the Web-Team-Backlog ( Web Team FY2022-23 Q4 Sprint 5) board.Jun 16 2023, 5:49 PM

Change 930849 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Enable interface-temp-user-banner on Vector 2022

https://gerrit.wikimedia.org/r/930849

Jdlrobson mentioned this in T339379: Follow up work: Iterate on IP masking banner.Jun 16 2023, 6:02 PM

This one is going to skip QA for now. That will be performed in T339380
I've opened T339379 as follow up work.

Change 930717 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Enable interface-temp-user-banner styles on Minerva skin

https://gerrit.wikimedia.org/r/930717

Jdlrobson moved this task from Ready for Signoff to Needs More Work on the Web-Team-Backlog ( Web Team FY2022-23 Q4 Sprint 5) board.Jun 16 2023, 6:08 PM

Jdlrobson added a subscriber: bwang.

This comment was removed by Jdlrobson.

Jdlrobson moved this task from Needs More Work to Ready for Signoff on the Web-Team-Backlog ( Web Team FY2022-23 Q4 Sprint 5) board.Jun 16 2023, 6:08 PM

Change 932531 had a related patch set uploaded (by Umherirrender; author: Umherirrender):

[mediawiki/core@master] skin: Let Skin::makeSpecialUrlSubpage call correct replacement

https://gerrit.wikimedia.org/r/932531

Change 932531 merged by jenkins-bot:

[mediawiki/core@master] skin: Let Skin::makeSpecialUrlSubpage call correct replacement

https://gerrit.wikimedia.org/r/932531

Change 934418 had a related patch set uploaded (by Jdrewniak; author: Jdrewniak):

[mediawiki/skins/Vector@master] Remove "interface-temp-user-banner" option

https://gerrit.wikimedia.org/r/934418

Change 928889 abandoned by Jdrewniak:

[mediawiki/core@master] [WIP] Basic scaffolding of TempUserBanner skin component

Reason:

Abandoned in favour of https://gerrit.wikimedia.org/r/c/mediawiki/core/+/929715/

https://gerrit.wikimedia.org/r/928889

Urbanecm_WMF added a project: IP-Masking-Growth-Team.Aug 29 2023, 2:06 PM

Sgs mentioned this in T344694: [IP Masking] Alert temporary accounts 10 days before expiration.Aug 31 2023, 11:09 AM

Arian_Bozorg mentioned this in T354951: Stop showing create an account message on editing UI for Wikibase instances that have temporary accounts enabled.Jan 15 2024, 10:31 AM

Arian_Bozorg mentioned this in T351974: Stop showing create an account message on EntitySchema editing UI for Wikibase instances that have temporary accounts enabled.Jan 17 2024, 11:47 AM

Arian_Bozorg mentioned this in T354950: Stop showing create an account message on Item and property editing UI for Wikibase instances that have temporary accounts enabled.

Arian_Bozorg mentioned this in T351973: Stop showing create an account message on Lexeme editing UI for Wikibase instances that have temporary accounts enabled.

kostajh mentioned this in T365599: Evaluate temp user banner in RTL contexts.May 22 2024, 2:03 PM

	F36869553: Screen Shot 2023-02-24 at 9.05.11 AM.png
	Feb 24 2023, 5:06 PM

	F36973967: image.png
	May 3 2023, 6:12 PM

	F36965068: image.png
	Apr 28 2023, 12:13 AM

	F36964967: image.png
	Apr 28 2023, 12:13 AM

IP masking: Make temporary account status and create account actions more prominent via a separate temp account status barClosed, ResolvedPublic8 Estimated Story PointsFeatureActions