Page MenuHomePhabricator

[Sub-Epic] Temporary Accounts on iOS: Editing related changes
Closed, ResolvedPublic

Assigned To
Authored By
cmadeo
May 22 2023, 3:15 PM
Referenced Files
F58302263: Screenshot 2025-01-28 at 1.54.10 PM.png
Jan 28 2025, 6:55 PM
F37098470: Page message.svg
Jun 8 2023, 8:51 PM
F37098467: image.png
Jun 8 2023, 8:51 PM
F37098465: locked edit.svg
Jun 8 2023, 8:51 PM
F37098463: image.png
Jun 8 2023, 8:51 PM
F37098462: image.png
Jun 8 2023, 8:51 PM
F37098458: image.png
Jun 8 2023, 8:51 PM
F37098457: image.png
Jun 8 2023, 8:51 PM

Description

Summary of updates

Outlined below are proposed updates to the iOS editing flow for unregistered editors with and without temporary accounts. These updates were made to reflect proposed changes on desktop web related to IP masking work. Text in the screens below comes from proposed strings in the IP masking deck from AHT and may be subject to change.

Relevant links

Proposed designs

Additional onboarding screens for unregistered users without temporary accounts
Onboarding + entering the editor
image.png (1×750 px, 91 KB)
To be shown before editing onboarding screens when an editor is logged out and does not yet have a temp account. If user has already completed onboarding screens, this should still be shown before entering the editor. Learn more link should go to https://www.mediawiki.org/wiki/Help:Temporary_accounts
Unregistered edits for users without temporary accounts
Editor - First unregistered editEditor with edit notice - First unregistered editFirst unregistered edit - tap on account iconTap on 'log in or create account'First unregistered edit - edit summary screenAfter publishing and a new temp account is created
image.png (1×750 px, 266 KB)
image.png (1×750 px, 267 KB)
image.png (812×375 px, 36 KB)
image.png (812×375 px, 41 KB)
image.png (1×750 px, 197 KB)
image.png (1×750 px, 699 KB)
Shown on first unregistered edit once in the editorShown on first unregistered edit once in the editor for an article with an edit noticeShown when tapping on the account icon in the header. Learn more link should go to https://www.mediawiki.org/wiki/Help:Temporary_accountsTap on 'log in or create account'Shown on edit summary screenShown after publishing only when a temp account is created based on the publish action. Learn more link should go to https://www.mediawiki.org/wiki/Help:Temporary_accounts
Unregistered edits for users with temporary accounts
Editor - Subsequent unregistered editEditor with edit notice - subsequent unregistered editsSubsequent unregistered edits - tap on account iconSubsiquent unregistered edits - create a new account or log inSubsequent unregistered edits - edit summary screen
image.png (1×750 px, 266 KB)
image.png (1×750 px, 266 KB)
image.png (812×375 px, 35 KB)
image.png (812×375 px, 39 KB)
image.png (1×750 px, 196 KB)
Shown to users editing with a temporary accountShown to users editing with a temporary account for an article with an edit noticeShown when tapping on the account icon in the header. IP address link should go here https://en.wikipedia.org/wiki/IP_address in the users's language. "Learn more" link should lead to https://www.mediawiki.org/wiki/Help:Temporary_accountsShown when a user taps on 'log in or create an account'Shown on edit summary screen

Proposed user flows

Screenshot 2025-01-28 at 1.54.10 PM.png (1×2 px, 299 KB)

Assets
Key illustration
image.png (226×145 px, 13 KB)
Unregistered edit without temp account icons
􀉵.png (19×23 px, 780 B)
SF Symbol: person.crop.circle.badge.xmark
Temp account edit illustration
image.png (456×464 px, 35 KB)
IP masking temp account icon
image.png (220×220 px, 4 KB)
from https://phabricator.wikimedia.org/T335694
Engineering Notes

Tasks are broken down into subtasks. As a final check, do a passthrough of all navigation paths before moving this into QA.

Related Objects

Event Timeline

"...by adding a cookie to your browser."

May I suggest that this detail might be a little confusing, and might not even be necessary to surface to the user.
The user's login state is indeed handled using a cookie, but the cookies in this case are entirely internal to the app, and are not shared with any browser.

Hi @cmadeo @Dbrant - there has been some initial improvements and changes to messages and UI for the unregistered -> temp account user based on initial usability research (see findings and recommendations linked on T328368). One notable change is removing a lot of the jargon associated with messaging. And no doubt it may still continue to change moving forward, but it may be helpful to review the latest figma mocks that shows the various messages and UI elements added for now, and identify what could re-use the same string from web, vs need for a separate UI text for the apps.

These are fantastic, thanks for getting these done so quickly!

Can we make the Log in and Sign up the more dominant option @cmadeo. Otherwise the copy in the figma file Rita shared looks good.

Just to be clear again, because the answer has changed a few times, @RHo do you know if temp accounts will expire or did that get cut from scope?

Thanks @RHo and @Dbrant, I've updated the copy to more closely reflect the updates on AHT.

@JTannerWMF I made login and sign-up more dominant on the first onboarding screen, but in the pop-ups that a user can tap on once in the editor, how do you feel about keeping them as secondary as at that point they could lose changes they made in the editor? Happy to switch those too though if you prefer!

cmadeo updated the task description. (Show Details)

These are fantastic, thanks for getting these done so quickly!

Can we make the Log in and Sign up the more dominant option @cmadeo. Otherwise the copy in the figma file Rita shared looks good.

Just to be clear again, because the answer has changed a few times, @RHo do you know if temp accounts will expire or did that get cut from scope?

Temp accounts *do* expire, but the time period is TBC - details are in T300271. What has been cut is providing the ability for temp accounts to 'extend the expiry period', decision based partly on usability testing showing the expiry extension was not well understood and also likely to be an extreme minority of users.

LGoto triaged this task as Low priority.May 23 2023, 4:30 PM

Notes from @OTichonova:
Use of snack bar in edit summary is not quite right, perhaps a banner would make more sense here (similar to Talk pages)

FWIW the web version of status bar type message is T330510

HNordeenWMF renamed this task from IP Masking on iOS: Editing related changes to Temporary Accounts on iOS: Editing related changes.Apr 2 2024, 4:04 PM
Tsevener renamed this task from Temporary Accounts on iOS: Editing related changes to [XL] Temporary Accounts on iOS: Editing related changes.Sep 4 2024, 1:39 PM

@cmadeo Questions we had from engineering sync:

  1. The CTA ordering on the onboarding view seems inconsistent. Sometimes "Log in or create account" is the primary button, sometimes it's the secondary button. Just wanted to make sure you are good with that.
  2. I think we can get by without having the "Discard edit" alert. My hope is the login / create account flow can appear as a modal on top of the editor. Once they successfully get through that flow we should be able to dismiss it and reveal the editor again, without them losing their changes.
  3. For the "Temporary account created" toast - we also show our existing "Edit published" toast whenever an edit goes through. Should that appear first or second? Unfortunately our existing legacy toasts system does not allow the display of multiple toasts, so we'll need to pick one to display first.
  4. Where do these links go?
    • Learn more and IP address links in onboarding
    • Learn more in temporary account created toast
    • Read more in the Save Changes banners.
  5. Just a heads up, currently the exclamation point for edit notices button in the navigation bar is gray. Just want to confirm that you want to change this to orange.

Hi @Tsevener thanks for these questions:

  1. The CTA ordering on the onboarding view seems inconsistent. Sometimes "Log in or create account" is the primary button, sometimes it's the secondary button. Just wanted to make sure you are good with that.

Thanks for checking-in! This is by design based on if they are seeing the alert as an unregistered user or a temp account.

  1. I think we can get by without having the "Discard edit" alert. My hope is the login / create account flow can appear as a modal on top of the editor. Once they successfully get through that flow we should be able to dismiss it and reveal the editor again, without them losing their changes.

Great! Even better!

  1. For the "Temporary account created" toast - we also show our existing "Edit published" toast whenever an edit goes through. Should that appear first or second? Unfortunately our existing legacy toasts system does not allow the display of multiple toasts, so we'll need to pick one to display first.

No worries, please show 'edit published' first and 'temp account created' second

  1. Where do these links go?
    • Learn more and IP address links in onboarding
    • Learn more in temporary account created toast
    • Read more in the Save Changes banners.

These will all be provided by AHT in the future as noted in the table above. Unfortunately I don't have any new information on these since this ticket was created -- could be good for someone on the apps team to reach out to #temporary-accounts-initiative although I did find this link which might fit the ticket: https://www.mediawiki.org/wiki/Help:Temporary_accounts

  1. Just a heads up, currently the exclamation point for edit notices button in the navigation bar is gray. Just want to confirm that you want to change this to orange.

It'd be great to change it to orange to better match web, but if it's a big eng lift it's okay to keep it grey. Thank you!

Note: mocks of Save Changes banner > Read more screen can be seen in T340790.

Seddon renamed this task from [XL] Temporary Accounts on iOS: Editing related changes to [Sub-Epic] Temporary Accounts on iOS: Editing related changes.Jan 27 2025, 1:31 PM
HNordeenWMF updated the task description. (Show Details)
HNordeenWMF updated the task description. (Show Details)