Comment by nkrisc

Comment by nkrisc a day ago

4 replies

Because the default behavior, the problem they describe in the introduction, is bad. It confuses many people, I’ve seen it firsthand many times as an observer in usability testing.

erikpukinskis a day ago

Is it really necessary to highlight the heading at all?

I’m a passionate frontend engineer, but I do think we are often busy “asking if we could”, and ignore “if we should”.

Worth noticing, on mobile you can’t even read the conclusion in the “it’s beautiful” demo, because the navigation covers it.

I understand that it is just a demo, and that issue could be solved independently…

But I think it also points at the observation that when you try to do these kinds of unusual things, you open yourself to unintended consequences.

And while you can mitigate those consequences one by one, my experience is that you generally won’t have a chance nailing them all, unless you are also minimizing their number… by not getting too fancy.

  • hombre_fatal a day ago

    > Is it really necessary to highlight the heading at all?

    You should be able to take a given UX and ask yourself if it can be improved.

    A table of contents that tells you where you are on the page is useful.

    Here's an implementation: https://getbootstrap.com/docs/5.3/components/modal/

    On desktop, the table of contents on the right shows you which header you're on.

  • nkrisc a day ago

    All I know is the default browser behavior for anchor links within a page has real usability issues when you have anchored headings at the bottom of the page.

    You are correct though that there are many cures worse than the disease, but it is a real "disease", so to speak.

    • thaumasiotes a day ago

      > All I know is the default browser behavior for anchor links within a page has real usability issues when you have anchored headings at the bottom of the page.

      Yes, you click on the link and the text you were supposed to have jumped to is in the wrong place.

      But the "solution" here takes this very problem and expands it to cover the entire sample article instead of just the bottom of the sample article. How is that an improvement?