User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have currently the login form shown below and I'd like to add a UI element that the user can click in order to retrieve their fogotten password.

However I'm not sure what element to use and where to place it.

Any suggestions?

Translation of the labels:

Caption: Credentials checking First label: Username Second label: Password Button text: Login

Current login form

share|improve this question
up vote 4 down vote accepted

Generally this is shown as a link, especially on the web as it's a Secondary Action. LukeW has a good article on the topic: Primary and Secondary Actions in Web Forms.

Link as a control, not a "link" is occasionally contentious, but it's a very clear way to present a secondary, less common action without interrupting the normal workflow or introducing confusing extra buttons.


download bmml source – Wireframes created with Balsamiq Mockups

The nice thing about the link format is it encourages you to read the text before clicking it. Too often in dialog boxes people just click whichever button looks to be the "default". Here there's only one button, the "default", sign in, so there's little room for confusion.

The Primary Action is usually put at the "end" of the form, hence the bottom right positioning here, typically the place you can find the "confirm"/"okay"/etc. button. But what's really more important is that it is clearly the "submit" button and the other action is clearly secondary; if the link and button were replaced, the button still has significantly more visual weight.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.