Coder Social home page Coder Social logo

Comments (10)

yatil avatar yatil commented on July 21, 2024 1

FWIW, I think the hover intend examples take way too long to react, my brain goes either “this has no sub menus, click” (could be better with an appropriate icon indicating a submenu) or, when it eventually opens, this is slow, something is wrong with the website (might be better with a shorter wait time than in the examples).

Also, we are planning to move away from the fly out as it did not really “click” in the context of the whole site.

from wai-website.

shawna-slh avatar shawna-slh commented on July 21, 2024

Thank you for the input. This is one of the issues we are still evaluating.

In usability testing, participants preferred the menu opening on hover.
However, we are aware that others do not.

from wai-website.

carmacleod avatar carmacleod commented on July 21, 2024

In usability testing, participants preferred the menu opening on hover.

Interesting. I'll see if I can get some others to give their opinion.

from wai-website.

yatil avatar yatil commented on July 21, 2024

Yeah, I’m personally not a fan of hover menus, but the user research showed that it is an expectation especially for non-disabled participants. (We had a click to open menu to test with, iirc.)

from wai-website.

mfairchild365 avatar mfairchild365 commented on July 21, 2024

I agree that using hover to activate controls is usually a bad pattern. However, I have found that it is an expected action when it comes to menus, so I echo @yatil's comment.

Perhaps a compromise would be to use the hover intent pattern. There are a few different js libraries that you could use to accomplish this.

from wai-website.

goetsu avatar goetsu commented on July 21, 2024

I've seen similar result during user test but not when you are on the burger menu version. In that case you must go back to onclick/touch

from wai-website.

carmacleod avatar carmacleod commented on July 21, 2024

Ok, if hover is preferred by user testing, so be it. However, @mfairchild365's suggestion to use the use the hover intent pattern or something similar would definitely improve the experience.
The Government of Canada web site seems to be using something like that, and it is much nicer than having hover instantly open the nav menus.

from wai-website.

carmacleod avatar carmacleod commented on July 21, 2024

Ok. Looking forward to seeing what you replace it with.
PS: Nice pun! :)

from wai-website.

shawna-slh avatar shawna-slh commented on July 21, 2024

+1 to closing this issue now that we've moved away from the drop-down/fly-out menu.

from wai-website.

yatil avatar yatil commented on July 21, 2024

Will be addressed with #34.

from wai-website.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.