Summary of updates
Outlined below are proposed updates to the iOS log in and create account flows. 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 Figma file and may be subject to change.
Relevant links
- Figma file for Apps work
- IP masking deck from AHT
- Figma file showing updated copy from AHT
- IP Masking x Apps deck from AHT x Apps
Proposed designs
| Log in | Create account | Create account - blocked characters |
|---|---|---|
 |  |  |
| Shown when a user with a temporary account goes to log in | Shown when a user with a temporary account goes to create a new account | Shown after a user submits a username with blocked characters / strings |
Notes
- What characters / strings will be blocked will be determined by AHT and this ticket / validation text will need to be updated to reflect the final decision AHT makes.
Engineering Notes
- Code: LoginViewController and WMFAccountCreationViewController
- Lets continue showing login / create account in full screen instead of the page sheet modal style. This is the way it's currently showing and will save us some time.
- Create a reusable banner component to embed into the login and create account views. Create component in the WMFComponents package. This component must be able to embed within a UIKit context, but internals can be SwiftUI if preferred (i.e. use a hosting controller if component is SwiftUI).
- With the merged PR from https://github.com/wikimedia/wikipedia-ios/pull/4647, the create account screen should already actively check if the username is available for use when you leave focus of the Username field. Hopefully this error just works if the user tries a temp account pattern. Worst-case-scenario, if we have to add client-side pattern checking, check for usernames that begin with ~2 (reference: https://wikimedia.slack.com/archives/C04JEEZH6AY/p1725900987967539?thread_ts=1725895652.936209&cid=C04JEEZH6AY)
- Mocks for "Read more" view that is pushed on can be found in T340790.
- Also includes padding movement from https://phabricator.wikimedia.org/T374012 (Robin's design feedback)
- Design feedback/Q+A here: https://wikimedia.slack.com/archives/C4DDMJ9CH/p1740669602367189 (including information on design changes regarding navigation)
Test Steps
- In a temporary account, go to a log in or create account page
- Ensure toast is there
Experimental Build 238
