4

I have a page layout where the sidebar occupies the whole height. The sidebar is a list of different Project links, and the top element in the list is the Page Home link (a in this case).

The sidebar can be opened and closed. When closed, clicking anywhere in the sidebar opens it. When opened clicking in any element in the list will load it (wether it is a project or the Home) and close the sidebar.

The way I have it right now the logo acts with the same logic. So when the sidebar is closed clicking the logo will open the sidebar. And when opened clicking it will load the Home page.

My question is if this interaction is correct. When a user clicks in that logo should I understand he wants to open the Sidebar or open the Home? Even if the answer is probably most user will understand it to be the Home, should I keep opening the sidebar in the first click in case the user wanted to open the sidebar (as they can still open the Home with a second click)?

sidebar

3
  • Checkout the Fuse Demo. They have something similar, but when the mouse enters the sidenav region, the sidenav automatically opens, that is if you haven't locked the sidenav.
    – Tory
    Commented Dec 22, 2016 at 22:37
  • Thanks @Tory. I actually used to have it open on hover but found it better to rely on click. Some of the reasoning related to this answer I wrote, also it created some unexpected behaviours.
    – Alvaro
    Commented Dec 22, 2016 at 22:40
  • @Alvaro, posted the answer. Let me know your views. Cheers!
    – divy3993
    Commented Dec 23, 2016 at 8:22

1 Answer 1

5

The pointer cursor alone doesn't seem like a clear enough indicator that clicking the logo or sidebar will open a menu. Try adding a caret icon (>) or menu peek effect with Javascript to allude to the nature of the interaction.

Most users are used to the logo as a link to home, so I would recommend that you don't shake that expectation up needlessly, especially since you have a clickable menu area right below the logo. Just add something that makes that menu obvious.

Whether you keep the same behavior for both elements or not, the menu-opening click should be more clear.

0

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.