Hover causing layout changes

[pravdomil]

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]

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]

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
evancz/guide.elm-lang.org#261

I would help you with it.

[sylbru]

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))