Like this: https://dribbble.com/shots/4414790-Modal-login-screen-Sketch-freebie

I never see them on top. Is there a reason?

  • 1
    What do you think the user experience will be if they are placed at the top? Can you propose a reason from your point of view just to help put some context into the reason that you asked the question?
    – Michael Lai
    Sep 27, 2018 at 8:14
  • StackExchange sort of puts them on top... see stackexchange.com/users/… and click on More OpenID options... the "Log in with..." icons are on top, the manually-enter-an-OpenID box is below.
    – TripeHound
    Sep 28, 2018 at 10:05

2 Answers 2


It is about how to read content. While putting the form above, you emphasize your own login system over the others.

  • 1
    Yeah, makes sense! If that's the goal - as in, if we are trying to get users to login via a third-party service - do you think that's acceptable as far as best practices go?
    – Jess Eddy
    Sep 27, 2018 at 6:31
  • 1
    Your answer is a bit brief can you expand on it? Sep 27, 2018 at 6:38

In mobile, buttons such as log in are placed where users would expect it to be. It can also be stated that, buttons being at the bottom is easier for users reach when the phone is held in single hand

Fitts law applies here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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