Page MenuHomePhabricator

Design improvement: Minerva shows a warning that Wikipedia is made by people like you
Closed, ResolvedPublicBUG REPORT

Description

Steps to replicate the issue

Go to the mobile version of Special:CreateAccount, such as https://en.m.wikipedia.org/wiki/Special:CreateAccount or https://es.m.wikipedia.org/wiki/Especial:Crear_una_cuenta

Related task:
T87261: Watermark and no default message not shown in alpha version of login form

What happens?:

There is a warning saying "Wikipedia is made by people like you.", which is not an issue. The style makes it think there is an error (unavailable username, account blocked...) but it is not.
The warning sign makes it look like a warning, the html style says it is a warning. But that text is not one of a warning. Not even the second line of the warning, "Register to contribute", is suitable to be categorised as a warning.

The "Wikipedia is made by people like you." text appears already (with slightly different words) on T284740, but showing it as a warning does not appear on any mockup there.

I would expect a text like this to appear with a completely different style (e.g. a bulb, a flower, a book... ?). Not styled as an error.

enwiki.png (700×990 px, 113 KB)

eswiki.png (667×849 px, 77 KB)

Proposed design

Re-styling as Notice message. See example mockup:

Option A.2 Notice.png (1×362 px, 58 KB)

Acceptance Criteria:
  • Consider technical limitations and feedback from the Design Systems Team
  • Design an improved version of this message, which should not be styled as a warning or error.

Event Timeline

This was addded in T87261, which asked for a gray box.

Agree this should not be styled as a warning and per @Snaevar the last time this was changed was to use the notice or neutral message styling with pale grey background. There is opportunity to improve to be more encouraging sign up styling and message tone (similar to work done on T284740), but minimum should no longer use warning style.

The notice system only supports warnings and errors. Wouldn't be hard to add something else, but then saying that Wikipedia was made by people like you isn't really a notice in the first place. It should probably be converted to use the SpecialCreateAccountBenefits hook, which also gives more freedom over formatting and content.

The notice system only supports warnings and errors. Wouldn't be hard to add something else, but then saying that Wikipedia was made by people like you isn't really a notice in the first place. It should probably be converted to use the SpecialCreateAccountBenefits hook, which also gives more freedom over formatting and content.

That makes sense to me. If we go down this path @JFernandez-WMF from Growth-Team can provide design to be consistent with the account benefits text in T284740.

Etonkovidova subscribed.

Note: The issue is reproducible on mobile

  • when Special:CreateAccount is accessed by a non-logged user

Screen Shot 2024-04-25 at 4.14.41 PM.png (1×810 px, 137 KB)

  • when a user is on Special:UserLogin

Screen Shot 2024-04-25 at 4.17.07 PM.png (1×816 px, 139 KB)

KStoller-WMF renamed this task from Minerva shows a warning that Wikipedia is made by people like you to Design improvement: Minerva shows a warning that Wikipedia is made by people like you.Apr 26 2024, 4:19 PM
KStoller-WMF assigned this task to JFernandez-WMF.
KStoller-WMF updated the task description. (Show Details)

I have discussed this with other designers + @KStoller-WMF and gathered some thoughts/questions.

Is it necessary to have this banner/message? People already chose to create an account and they are navigating to that signup form with the specific objective in mind. Is there a scenario where it does not work like this?

If we follow the path of having the banner → We also already are showing a 'Wikipedia is made by people like you' intro that on small devices displays below the form. Should we get rid of it?

Screenshot.png (974×927 px, 136 KB)

FYI we are also showing this warning message in Special:UserLogin (see https://en.m.wikipedia.org/wiki/Special:UserLogin).

I have discussed this with other designers + @KStoller-WMF and gathered some thoughts/questions.

Is it necessary to have this banner/message? People already chose to create an account and they are navigating to that signup form with the specific objective in mind. Is there a scenario where it does not work like this?
If we follow the path of having the banner → We also already are showing a 'Wikipedia is made by people like you' intro that on small devices displays below the form. Should we get rid of it?

Screenshot.png (974×927 px, 136 KB)

FYI we are also showing this warning message in Special:UserLogin (see https://en.m.wikipedia.org/wiki/Special:UserLogin).

Is the question whether instead of updating the styling of the message to instead remove it? IMO this is redundant for every scenario except potentially the create account on mobile/minerva where there is no other account benefits section. Maybe remove it but add in a separate account benefits message for mobile if we think this can encourage people to move forward to creating an account?

Thanks, @JFernandez-WMF.
I don't have a strong opinion on this, other than this message should clearly not be presented as a warning.

@RHo or @CCiufo-WMF - do either of you have a perspective here?

I reviewed several other account creation pages on mobile to get a better sense of user expectations, so just in case it's helpful...

Screenshot 2024-05-10 at 10.42.46 AM.png (1×840 px, 352 KB)

Screenshot 2024-05-10 at 10.43.04 AM.png (1×848 px, 287 KB)

Screenshot 2024-05-10 at 10.43.29 AM.png (1×858 px, 249 KB)

Screenshot 2024-05-10 at 10.44.05 AM.png (1×838 px, 245 KB)

Screenshot 2024-05-10 at 10.44.49 AM.png (1×844 px, 257 KB)

Screenshot 2024-05-10 at 10.56.55 AM.png (1×832 px, 223 KB)

Screenshot 2024-05-10 at 10.45.07 AM.png (1×838 px, 298 KB)

It's worth noting that while our account creation process has minimal requirements (no need for an email address or connection to another account), it also features the most extensive Create Account form in terms of length. I don't want this task to expand into a redesign of this page, but just thought that might be relevant in the argument to reduce text on this page.

Thanks, @JFernandez-WMF.
I don't have a strong opinion on this, other than this message should clearly not be presented as a warning.

@RHo or @CCiufo-WMF - do either of you have a perspective here?

We must've been commenting at the same time as I posted my response above :) T363035#9786689
While it does seem this change to warning instead of notice seems to have occurred at some point recently as it was initially styled as the neutral notice T87261, agree it doesn't make sense to be shown on Login pages, nor on the Desktop Create account page which has the benefits on the RHS already. The only potential place it Create account on mobile but will leave to you to determine if adding a new acount benefits section on mobile is worth it (but basically remove the current warning).

I reviewed several other account creation pages on mobile to get a better sense of user expectations, so just in case it's helpful...

Screenshot 2024-05-10 at 10.42.46 AM.png (1×840 px, 352 KB)

Screenshot 2024-05-10 at 10.43.04 AM.png (1×848 px, 287 KB)

Screenshot 2024-05-10 at 10.43.29 AM.png (1×858 px, 249 KB)

Screenshot 2024-05-10 at 10.44.05 AM.png (1×838 px, 245 KB)

Screenshot 2024-05-10 at 10.44.49 AM.png (1×844 px, 257 KB)

Screenshot 2024-05-10 at 10.56.55 AM.png (1×832 px, 223 KB)

Screenshot 2024-05-10 at 10.45.07 AM.png (1×838 px, 298 KB)

It's worth noting that while our account creation process has minimal requirements (no need for an email address or connection to another account), it also features the most extensive Create Account form in terms of length. I don't want this task to expand into a redesign of this page, but just thought that might be relevant in the argument to reduce text on this page.

While it does seem this change to warning instead of notice seems to have occurred at some point recently as it was initially styled as the neutral notice T87261

It probably happened during the AuthManager rewrite in 2016.

agree it doesn't make sense to be shown on Login pages

Note that the path to the signup page is often through the login page. Especially on mobile, which does not have a signup link in the hamburger menu - you need to first click "Log in", then follow the "Don't have an account? Join Wikipedia" link at the bottom of the page. (On an aside, I wonder if changing the hamburger menu text to "Log in / sign up" would be beneficial.)
Not sure if that's a reason for putting a call to sign up on top of the login page, but it's not completely crazy.

The only potential place it Create account on mobile but will leave to you to determine if adding a new acount benefits section on mobile is worth it (but basically remove the current warning).

Note that mobile does have the same(ish) benefits block, it's just at the bottom of the login form (which makes it not terribly useful). The hook has an option for changing the placement to be at the top of the form, so providing a custom block should be straightforward (it just needs to be more compact - the default one would push almost all of the form below the fold).

Note that the path to the signup page is often through the login page. Especially on mobile, which does not have a signup link in the hamburger menu - you need to first click "Log in", then follow the "Don't have an account? Join Wikipedia" link at the bottom of the page. (On an aside, I wonder if changing the hamburger menu text to "Log in / sign up" would be beneficial.)

That's...strange. Seems like an easy opportunity to drive growth (a true low-hanging fruit situation).

Is it necessary to have this banner/message? People already chose to create an account and they are navigating to that signup form with the specific objective in mind. Is there a scenario where it does not work like this?

I agree that we should remove it, from both the account creation and log in pages. If anything we could do what @Tgr suggests and move the benefits block up higher, but the use of any type of 'message' component here seems like the wrong choice.

Note that the path to the signup page is often through the login page. Especially on mobile, which does not have a signup link in the hamburger menu - you need to first click "Log in", then follow the "Don't have an account? Join Wikipedia" link at the bottom of the page. (On an aside, I wonder if changing the hamburger menu text to "Log in / sign up" would be beneficial.)

That's...strange. Seems like an easy opportunity to drive growth (a true low-hanging fruit situation).

On mobile, the philosophy was always to encourage account creation based on wanting to perform a function:

  • For anonymous users we show the watchstar. If you click that it encourages you to create an account or login.
  • Click edit - you see login/sign up options after a warning about anonymous editing.

There are no other features available to logged in users so no create account link. We don't want people creating accounts and then being disappointed.

Is it necessary to have this banner/message? People already chose to create an account and they are navigating to that signup form with the specific objective in mind. Is there a scenario where it does not work like this?

I agree that we should remove it, from both the account creation and log in pages. If anything we could do what @Tgr suggests and move the benefits block up higher, but the use of any type of 'message' component here seems like the wrong choice.

The message was supposed to reinforce the workflows above.
There may be some context missing as the message is customized to the action. For example after clicking the login/sign up link on watchlist workflow I see "A watchlist helps you bookmark pages and keep track of changes to them. Log in to see it. "

Screenshot 2024-05-17 at 9.37.39 AM.png (874×596 px, 84 KB)

URL

For editing I see " Help improve Wikipedia.Log in to edit."

Screenshot 2024-05-17 at 9.38.32 AM.png (1×794 px, 115 KB)

I agree it should be a notice, not a warning and that seems like a regression, but perhaps a new "Call to action component" would be more appropriate here.

Thanks everyone for your comments here. We will be re-styling from a Warning to a Notice message component. See example mock-up:

Option A.2 Notice.png (1×362 px, 58 KB)

In the long run, I agree that this is an opportunity for bigger improvement so this would be a short-term fix/solution.

Note that this may get impacted by T365298: Design request: Central Login Design Review and Recommendations in the future.