← Back to context

Comment by JoshTriplett

4 years ago

> my current logic is to use cursor: pointer on anything that visually looks like a link (e.g. unstyled text), and to leave it as default for components that have a visual affordance that they are clickable (e.g. buttons or tabs). I realize this might not be the most web-like convention though - might be worth it to just move all clickable components to the pointer cursor.

The cursor isn't the only problem. The way you present the screenshot fundamentally looks like a functional profile. It isn't just that the links look like links but aren't clickable. Text also isn't selectable. In general, it's in the uncanny valley that feels really uncomfortable. Consider making it look very obviously like a sample screenshot: caption it at the top, move it to the side beside (rather than above) the explanation of the site, layer a couple of profiles atop each other so they look like "sheets", or similar. Those would help trip people's "ah, it's a sample screenshot" pattern recognition.