Password reset

From MediaWiki.org
Jump to: navigation, search
This page describes user experience improvements to the password reset function on Wikimedia wikis. For MediaWiki-specific instructions, see Manual:Resetting passwords

User experience[edit | edit source]

While there are many methods available to site administrators, the following document describes what's available to end users on Wikimedia wikis.

Past[edit | edit source]

Screenshot of English Wikipedia password reset.png

Current[edit | edit source]

The current form of Special:PasswordReset (see the version on this wiki) was created with improved usability in mind. Our first step was a slight redesign of the form using the same styles applies to login and account creation. This creates better consistency across the interface, and thus improved usability, even if there are still things that could be improved on.

Screenshot of Special PasswordReset on Beta Labs.png

Potential future versions[edit | edit source]

The following styles are in line with updates to the new form look, currently being tested on the Flow project. This applies placeholders instead of labels, an updated color palette and more.

Password reset redesign.png

Iteration 2[edit | edit source]

Text is placeholder for now, so don't get too hung up on it, but it tries to start establishing a tone, even if the wording isn't perfect.
WMF DESIGN Password Reset mockup

Audit of other password reset functions[edit | edit source]

The following is a list of other well-designed password reset functions, for reference.

Technical implementation[edit | edit source]

The form for password reset is implemented using HTMLForm. The new version now current still constructs the form with HTMLForm, but also applies the "vform" (vertical form) styles created for login and account creation. The "vform" option to HTMLForm will facilitate reusing this design for other site forms.

Some of the changes above (e.g. greying out when not valid, green instead of blue when it is, and blue focus marker in the left of the text box) should be made for mediawiki.ui overall. Having multiple buttons to a line will require changes to HTMLForm, and possibly also mediawiki.ui.

See also[edit | edit source]