Live data from Hacker News

Every pricing page should have GIFs

tdinh.notion.site

121–130 of 228 posts

Re: Every pricing page should have GIFs

#121

Earlier quoted context omitted.

another option would be using this ⓘ User will click/tap and the modal of the gif will show

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?

Re: Every pricing page should have GIFs

#122
post #101
post #64

And what about the visually impaired ? You add a soundtrack ? So basically a video. Of course the a transcript is available, right ? So instead of going full circle, how about a good old text in the first place ?

Why bother laying out a website? Just send people an email explaining the offer, right? Hell, just tell them in person! That certainly will be accessible. Off-topic: Why are you putting spaces before your question mark but not your period or comma ?

For your off-topic: Maybe they are French.

https://en.wikipedia.org/wiki/Question_mark#Stylistic_varian...

Re: Every pricing page should have GIFs

#123
post #78

The problem with this kind of UI is that when you scroll the page, you inadvertently mouseover the links as you scroll. So different pieces of the content you are trying to read keep getting hidden in a frustrating way as you're trying to read it. You can see this in the OPs video right at the beginning - after the very first mouseover he moves his mouse out of the colum, to the right, in order to see the column for…

I always scroll every page along the whitespace on either side for that very reason

Wouldn't it be nice if we had always visible scrollbars again? Although maybe this time with a better way to tell how big they are so that we don't have to use weird margin and padding hacks and take a random guess at how the OS renders them.

Re: Every pricing page should have GIFs

#124

Don't use GIFs, use audioless mp4s instead. They can be made to work in the exact same way as GIFs (autoplay, loop or not, etc) but are a fraction of the bandwidth.

Do they work if the user has disabled autoplay in browser media settings? This is one of the first things I do when setting up a browser.

Yes, at least in Safari on iOS. If you properly mark it muted it will autoplay when asked.

I believe the user can change the setting to "Never Autoplay" instead of "Stop Media with Sound" but the default only affects with sound.

Re: Every pricing page should have GIFs

#125
post #64

And what about the visually impaired ? You add a soundtrack ? So basically a video. Of course the a transcript is available, right ? So instead of going full circle, how about a good old text in the first place ?

Seems like all these shiny new ideas completely forget about ADA / accessibility legal requirements. There are real monetary repercussions for neglecting this [1] [2].

[1]: https://www.cnbc.com/2019/10/07/dominos-supreme-court.html

[2]: https://www.diverseeducation.com/demographics/disabilties/ar...

Re: Every pricing page should have GIFs

#126
post #101
post #64

And what about the visually impaired ? You add a soundtrack ? So basically a video. Of course the a transcript is available, right ? So instead of going full circle, how about a good old text in the first place ?

Why bother laying out a website? Just send people an email explaining the offer, right? Hell, just tell them in person! That certainly will be accessible. Off-topic: Why are you putting spaces before your question mark but not your period or comma ?

My assumption, as a french-speaking Swiss, where we don't do put spaces before symbols with 2 strokes (;:?!) like they do in France: https://french.stackexchange.com/questions/46/pourquoi-place...

Re: Every pricing page should have GIFs

#127

There's a UX problem on mobile. I have to click on something to make the GIF appear. What do I click? A link. Expected behavior of a link is to link me elsewhere, not to show a pop-up GIF, so I'm immediately confused when that happens. I also can't figure out how to make the link actually link. Does it link anywhere? Is it even a link or just Jscript onClick thingy? Do I have to click on the GIF to make it link, beca…

It reminds me that we don't see "floating" touchscreens anymore.

The Galaxy S5, and probably other phones had this feature where you could actually trigger hover targets by hovering your finger above the screen. I just tried it on my Galaxy S5 the linked page and it works flawlessly.

It may be one of the gimmicks Samsung loved to put in their phones at the time, but as we can see, it is not completely useless. And it also doesn't look like there is any downside to it, except maybe a very small increase in price.

Re: Every pricing page should have GIFs

#130
post #127

There's a UX problem on mobile. I have to click on something to make the GIF appear. What do I click? A link. Expected behavior of a link is to link me elsewhere, not to show a pop-up GIF, so I'm immediately confused when that happens. I also can't figure out how to make the link actually link. Does it link anywhere? Is it even a link or just Jscript onClick thingy? Do I have to click on the GIF to make it link, beca…

It reminds me that we don't see "floating" touchscreens anymore. The Galaxy S5, and probably other phones had this feature where you could actually trigger hover targets by hovering your finger above the screen. I just tried it on my Galaxy S5 the linked page and it works flawlessly. It may be one of the gimmicks Samsung loved to put in their phones at the time, but as we can see, it is not completely useless. And it…

onHover has always been a psuedoschizo decision. There are places where nothing is more useful, but misuse it and it aggravates the hell out of everyone, not unlike browser frames/iframes/etc 20 years ago.
Post reply on HN