elm / elm-lang.org

Server and client code for the Elm website.
http://elm-lang.org/
BSD 3-Clause "New" or "Revised" License
1.99k stars 366 forks source link

Hover causing layout changes #861

Open pravdomil opened 3 years ago

pravdomil commented 3 years ago

Hello, thanks for updated homepage @terezka.

I have done some user testing and if I user wants to go to for example community section from homepage, as soon he moves mouse over the bottom bar and clicks Community the bottom bar starts expanding causing community link to go up and user miss the click and clicks on something different below. Which is really unpleasant first interaction with Elm language!

I think that hover should be used gently, for example common use is changing color or underline, it should not cause layout to change. What do you think?

terezka commented 3 years ago

Hi Pravdomil!

Thank you for your kind feedback!

I think that hover should be used gently, for example common use is changing color or underline, it should not cause layout to change. What do you think?

I'm curious if I understand you correctly: Are you suggesting to redo the menu entirely without the hover effect? I'm not opposed to that, I can see how the effect you are describing could be frustrating. I think I've just gotten use to expecting that effect from navigating other websites with similar menus, so I didn't consider it! Let me know.

Thanks again!

pravdomil commented 3 years ago

Are you suggesting to redo the menu entirely without the hover effect?

well I would do that to keep it simple logo on the left, navigation on the right, content below that is very common way how to do websites I would really keep it unless I have reason to do otherwise.

I think I've just gotten use to expecting that effect from navigating other websites with similar menus, so I didn't consider it!

well personally I'm not aware of any website, using that behaviour

also this might be related https://github.com/evancz/guide.elm-lang.org/issues/261

I would help you with it.

sylbru commented 2 years ago

I think what can be confusing is that you might expect "Community" to be clickable, which it isn’t (maybe it was before the landing page redesign?). @pravdomil, is that what you expected ?

I did find it a little bit confusing too, when I was searching for the Community page (which still exists but isn’t accessible from the landing page).

I do however really enjoy the fact that the menu isn’t taking a third of my vertical screen space, like many websites do!

Maybe making the transition a bit faster would make it clearer that you’re not supposed to click these menu headers? (I like how it feels with a .25s transition for example (currently .5s))