1

To connote that an element opens a menu and is not a link, we are using cursor: context-menu. See example.

cursor-image

Our target browsers all support the cursor. I can't find any relevant discussion on the interwebs. It seems to be a good UX communication tool for non-touch devices, but it's not generally used.

Is there any research or best-practice for or against this usage? Is the cursor useful or confusing?

1

The main problem with using a context-menu cursor is that it's so often left unused, people will have trouble understanding what exactly it is when it pops up.

The traditional main use of the context-menu cursor, when implemented, is to either convey that there is a dropdown menu, or prompt them to right click. (Though, again, this doesn't automatically register with users due to the fact that its so often not used.)

In the first scenario a viable alternative could be to just provide a down-facing arrow, or dropdown on hover if it is a horizontal navigation menu. In the second scenario it gets a bit more tricky, and you have to base your end solution on a few factors. Does the entire web app offer a customized right click, or is this particular area unique in that you're trying to get users to right click there? If it's the former, users should be prompted through the on-boarding process to right click and if it's the latter, a tooltip could work in prompting them.

  • Our use-case is the first scenario, to convey that there is a drop-down. We do have a down arrow. During QA we had a few people specifically ask what the cursor meant. In the name of not introducing any questions or confusion, we'll likely revert to a more traditional pointer. Thanks for your insight. – Kevin MySidewalk Mar 14 '16 at 22:04

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.