Hacker News new | ask | show | jobs
by antoniuschan99 1667 days ago
another option would be using this ⓘ

User will click/tap and the modal of the gif will show

4 comments

> User will

No they won't.

I don't mean this cynically, every test I've seen with a feature like that has had _very_ low engagement.*

This is the problem with features that "get out of the way" - they are underused and the intended value is lost.

It's a conundrum, because I totally agree in terms of interaction design but what good is a (well designed or not) feature that isn't used?

Maybe those users simply aren't interested enough in your product? I think adding a simple note "click on the labels to see a demo" should be enough discoverability.
Any UX designer will tell you that users don't read notes.
I'm a big fan of this solution, and I've used it quite a few times.

Ideally I would like to use drop downs where possible like GP describes, since a > icon (or similar) before some text unambiguously indicates how to get more information, but sometimes the implementation is non-obvious. I've had issues when my data is tabular (like this pricing page). Where should the drop down appear? Sometimes you have a 3rd party table (or template, like this article describes), and the customization options might not be there. At the very least you have to spend time styling both the additional information AND figuring out how it fits into the document flow.

The great thing about a tooltip is that it's out of the document flow. You can just ignore the rest of your application, resulting in (usually) faster development speed. However, as GP points out, you have to consider mobile, and it's not always obvious how to indicate _in_ the context of your document that something is hoverable.

ⓘ is a best of both worlds solution IMO. It's totally unambiguous on both desktop and mobile that hovering, clicking, or tapping will bring up more information, AND you get the development speed of using a tooltip.

This feature is effectively a <details>/<summary>. Usually they are displayed with as (▶ collapsed) and (▼ expanded) triangles. I do wonder if the circled i ⓘ has more engagement as a well placed triangle/chevron.
This is really the only correct solution in the context of modern UX.
It's a feature comparison page, so that's the fundamental design issue.

The GIFs add pop, but the intent is to clarify. How does showing this info. on onHover or onClick in any UX achieve that result?

It doesn't.

As designed, it's an ad. It is. Look at it.

If I'm comparing a product with a full page of features, I'm going to be scrolling up and down. The one thing I absolutely won't do is hover over 16 onHover information panels while trying to compare and contrast an extensive set of features, costs, and licenses.

I'm just going to get aggravated that the information I need to make a decision keeps disappearing from view when I click or hover elsewhere.

Also, that's the kind of page you print and underline and circle things on, and give to your boss as a reason for purchase. If half the information is invisible when the page is printed, what use is it?

Yep, you said it, the pricing page is, in fact, an advertisement of the product.

It's not like you can easily compare the prices between two different products in the same segment.

It's an ad. Embrace it. Leaving out the GIFs doesn't make it less of an ad. It just makes it… a worse ad?

Also, does your boss not have a computer?

He does. He just likes the printer more. He also surfs the web on a Texas Instruments TI-85 graphing calculator, so go figure.

I'm not referring to the page as an ad, but fair enough. I see him applying a pop-up advertisement using the wrong UX element to a grid of information that doesn't benefit from it.

Wrong is the wrong word, as apparently a dotted link is and isn't a link. Indicates multiuse? That's clear as mud.