User story & summary:
As a mobile web user, I want a cleaner and less verbose account creation form so that I can view all required fields at a glance without scrolling, and complete registration with reduced information overload.
Background & research:
This task is important because the current account creation form on mobile web presents multiple usability challenges. On relatively small devices (eg. iPhone 13 Mini), users cannot see the entire form without scrolling, making it difficult to understand the full scope of required information at a glance. Additionally, the form contains redundant elements and verbose helper text that increase information density and cognitive load - particularly problematic on mobile where the keyboard often covers half the screen.
A comparative analysis of the top 20 most visited websites (T410558) reveals that most platforms use multi-step account creation forms (often one field per view) to simplify information overload. While a full multi-step redesign is beyond the scope of this task, these changes represent a first step toward a simpler, cleaner experience by following Codex design system guidelines, removing redundant elements, and improving information hierarchy.
Design:
| Before | After |
|---|---|
 |  |
Acceptance Criteria:
- Remove the "Wikipedia is made by people like you. Log in to contribute." message from the top of the form
- Remove the Wikipedia globe (project logo) between the page title and username field
- Move "(username policy)" link into the username field description as "Learn more" within the text "Your username is public and cannot be made private later. Learn more"
- Move all field helper texts to be field descriptions displayed above input fields, per Codex guidelines
- Replace password field description with helper text "Passwords must be at least 8 characters" displayed below the input field
- Change email field label from "(recommended)" to "(optional)" using the Codex field component optional indicator prop
- Move hCaptcha disclaimer to appear immediately below the "Create your account" button
- Increase "Create your account" button size using Codex Button component large size prop
- Remove the "Wikipedia is made by people like you." section with statistics below the main button
- All existing campaign-specific benefits blocks for example: https://thankyou.wikipedia.org/wiki/Thank%20You/en?country=IN must be removed
- Remove the warning message "Please look for an email from us to verify your address." that is displayed on focus of the email address field.
- Autocapitalize usernames and swap underscores _ with spaces automatically
All tasks should also meet the Growth Team’s task completion definition.
