Password reset usability issues

[tellyworth]

Some users have trouble resetting their passwords because the pages displayed by Wordpress during the process can be misunderstood. Here's what happens:

1. User visits the Lost Password page and enters their email address.

2. After submitting the form, they're presented with a login form that includes the message "please check your email for the confirmation link"

3. After clicking on the link in the confirmation email, they're presented with a login form that includes the message "please check your e-mail for your new password"

At both steps (2) and (3), Wordpress shows its normal login page with a small and easily overlooked message. Some users are missing the message and thinking, "why am I back at the login screen? I don't know the password you idiots." Both steps also include a "Lost Password" link at the bottom, so it's easy for users to click that again and chase their own tail.

The attached patch removes the username/password login fields and hides the Lost Password link on those two screens, to reduce the ways of misunderstanding the process.

[markjaquith]

Really like the idea. I'm seeing some visual glitches, however. See attached screenshot. Firefox 2.0.0.4

[markjaquith]

Firefox 2.0.0.4

[tellyworth]

The glitch seems to be caused by the image gradient. The login form looks fine because of its length. Shorter forms don't. The Lost Password page has the same glitch (before this patch), though it's not as obvious.

[rob1n]

Maybe a bit of padding at the bottom? Enough to make the colors match?

[Viper007Bond]

Or an alternate footer image that matches the bottom of the gradient.

[tellyworth]

password-reset-simplify-r5794.patch adds some extra height to those two pages, and fixes an error in the original. Ignore the r5751-a patch, it has an error.

[ryan]

(In [5800]) Password reset usability improvements from tellyworth. fixes #4527