Skip to content

Confusing UX with two-part link boxes #242

Open
@mstange

Description

@mstange

For example, under https://zero-to-nix.com/concepts/nixpkgs#external-sources , you have these boxes:

Screenshot 2023-03-01 at 2 44 14 PM

These boxes look like one clickable element, but in fact there are two parts to it: The first line links to the specific URL under the host, and the second line links to the root path ("/") at the given host.

I accidentally clicked the link to github.com instead of the link to github.com/NixOS/nixpkgs because I didn't intuitively realize that the box had two different clickable areas that go to different targets.

I think the github.com link is not useful.

Alternatively, if you want to keep both link targets, I would recommend a separator line and two "external link" icons so that it's clear that there are two links.

I noticed the text color hover change too late.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions