Is there any study about user preferences icon placement?
Do users expect it to be on the left/right side of the top bar?

enter image description here

2 Answers 2


Reading Gravity and Strong Fallow Areas

There's a technical reason for putting icons, avatars, and other secondary UI element in the top right of the screen, at least for websites in a left-to-right languages.

See my answer to this question - What is the best location to place an identity context control (avatar, name, sign out button)

The way that we read and scan pages makes certain areas better or worse locations for primary and secondary UI elements.


Personally I believe this style of menu prefers the icon on the right, so it doesn't just look like a long empty bar.

If the bar was shorter though I'd probably put it on the left hand side of the text.

  • The bar has actions, it would not be a long empty bar. We are discussing the icon on the right or on the left side of the logo. I'm concerned about the expectations when it is on the left because I rely on the logo to go to the home page. Would users expect to go to the home page if they click on the icon?
    – Ana Neto
    Jun 22, 2017 at 15:04
  • Will the icon link somewhere? If thats the case I'd definitely position away from the logo. - Also, how many action are we talking about? Will it fill up the entire bar? Jun 22, 2017 at 15:06
  • No, it will trigger a pop over with 'log out' and 'user preferences' options.
    – Ana Neto
    Jun 22, 2017 at 15:20
  • 1
    Yeah I'd move it over the right then and leave it there. I'd be really annoyed as a user if a popout kept coming up while I was trying to click something else, especially if I ended up getting logged out or redirected to a user preferences page. Jun 22, 2017 at 15:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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