== User story & summary
As a new account holder, I want a focused account setup experience that personalizes my experience so that I can get a more personalized experience and see relevant suggestions.
== Background & research
Parent task: {T430058}
This task covers the first part of the Account setup flow.: the loading state, In other words,screen 1 (welcome) and screen 2 (account type). this tasks covers screens 1 & 2Screen 3 (interests) is covered by //a task to be created//.
Account setup is presented as a dialog layered over the newcomer homepage rather than as a separate page, while screen 3 is covered by //a task to be created//so that the destination is visible (blurred) behind the dialog from the first moment and dismissing setup lands the user on the newcomer homepage.
== Design
[[ https://www.figma.com/design/sIvFfvFgrw59lEjtJHlX62/T430418-account-setup--aka-welcome-survey-?node-id=352-9358&t=ePo9iKKu94EEdqhA-1 | Figma designs ]]
{F97153237 width=960}
517-2438&t=UvoERB8o6mYFOjY8-1 | Figma designs ]]
{F98042545 width=480}
{F98041380 width=960}
[[ https://aminalhazwani.github.io/protowiki3/pr-preview/pr-4/no-distractions | Prototype ]]: Create a (fake) account from the Main Page or any article.
{F98042319 size=thumb}
Baby globe asset: https://commons.wikimedia.org/wiki/File:Wikipedia%27s_25th_birthday_mascot_-_Confetti_Baby_Globe.gif
**Note on the GIF timing:** the animation is deliberately delayed (1 second) and plays/loops only once. Two reasons: it gives the dialog time to fully load, and it leaves room for the operating system's save-credentials prompt, which can appear immediately after account creation. Users need a moment to confirm or dismiss that prompt before anything animates underneath it.
---
== Acceptance criteria
- [] **Given** a user has just created an accountPlease refer also to [[ https://phabricator.wikimedia.org/T430058#12174389 | this comment ]] which outlines the whole flow for additional context.
AC1
* Given I have just submitted the account creation form
* When my account is created
* Then I am taken to the newcomer homepage, with the homepage blurred (`backdrop-filter: blur(30px);`) and the account setup dialog displayed on top of it. on mobile the dialog is full height, on desktop we set an arbitrary height of 640px/size-4000 that we can refine as we implement and test this
AC2
* Given the newcomer homepage has loaded but the account setup dialog is not ready yet
* When I am waiting
* Then I see the waiting screen (blurred background, codex progress indicator, and a "Did you know..." fact) until the dialog is ready
AC3
* Given I was mid-edit when I started account creation
* When I finish account creation
* Then I am returned to the editor and NOT interrupted by account setup
* AND my account creation reason is automatically logged as "Edit"
**Screen 1: welcome**
AC4
* Given the account setup dialog has opened
* When I view screen 1
* Then I see "Welcome to Wikipedia, $Username!", the baby globe animation, a step indicator showing 1 of 3, a close button in the top left, and a "Personalize your Home" primary button
AC5
* Given screen 1 has opened
* When the animation plays
* Then the GIF holds on its first frame for 1 second, **when** they enter the Account Setup experienceloops once, **then** they see the first two Account Setup screens as shown in designs.and then rests back on the first frame
AC6
* Given I am on screen 1
* When I tap the close button
* Then the dialog is dismissed and I am on the newcomer homepage (with no interests stored
- Data is saved in a permanent user property so (in the future) the Home view will be configu* AND Suggested edits shows unfiltered based on their preferences.random suggestions)
- [] **Given** a user has just created an account, **when** they enter the Account Setup experience and Skip setup, **then** they are returned to the Homepage without interests selected (but generic "easy" tasks are available)AC7
* Given I am on screen 1
* When I tap "Personalize your Home"
* Then I am taken to screen 2
**Screen 2: account type**
- [] **Given** a user was mid-edit when they started account creationAC8
* Given I have arrived on screen 2
* When I view the dialog
* Then the step indicator shows 2 of 3, the close button has been replaced by a back button, and I see three options: "Reading and exploring", "Editing and contributing", **when** they finish account creationand "A bit of both", **then** they are returned to the editor and NOT interrupted by account set up **AND** we can automatically log their account creation reason as "Edit"plus a "Skip" quiet button
AC9
* Given I am on screen 2
* When I select any one of the three options
* Then I am taken immediately to screen 3 (no separate confirm step)
* AND my selection is saved in a permanent user property so the Home view can be configured based on it
AC10
* Given I am on screen 2
* When I tap "Skip"
* Then I am taken to screen 3 with no account type stored
AC11
* Given I am on screen 2
* When I tap the back button
* Then I am returned to screen 1