Live data from Hacker News

Every pricing page should have GIFs

tdinh.notion.site

31–40 of 228 posts

Re: Every pricing page should have GIFs

#31

I like the demo of each feature, but hate the box of text and video hanging off my mouse cursor. There must be a better implementation then that.

Maybe a short, abstract svg animation of how a certain feature would look like and behave? Probably a little more work to implement (well) and keep up to date but I've liked that sort of thing on the few sites I've seen it on in the past. Sadly can't think of any right now though.

I also remember algolia having some sort of movie search demo as their top banner a few years ago. Including their completion and such. Always struck me as a good way to introduce their service in particular.

Re: Every pricing page should have GIFs

#32

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…

> 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.

The underlines being dotted, it's closer to an element (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ab...), which does not act as a link.

Re: Every pricing page should have GIFs

#33
post #22

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.

Not for screen recordings, unless you're doing a screen recording of photos or videos a GIF will typically be more bandwidth efficient (as there will be large areas of single colours and few changes between frames which GIF is good at).

Modern video codecs certainly employ the ancient tricks known to gif; they also compress regions of the same color and encode differences between frames. Plus they don't have a limited 256-color palette per frame, so the result doesn't have to look like washed out garbage.

Re: Every pricing page should have GIFs

#34

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.

Can they be used exactly like gifs? I have seen a few sites with mp4s but Firefox blocks them. I do not think even sites like Dribbble have figured it out. I have a lot of issues there with videos.

Maybe they had sound, even if it was silence? https://support.mozilla.org/en-US/kb/block-autoplay

Re: Every pricing page should have GIFs

#35

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.

Can they be used exactly like gifs? I have seen a few sites with mp4s but Firefox blocks them. I do not think even sites like Dribbble have figured it out. I have a lot of issues there with videos.

In what way does Firefox block them? If you mean they don't autoplay: that is how it is meant to be. Please do not annoy your users.

Re: Every pricing page should have GIFs

#36

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…

> 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. The underlines being dotted, it's closer to an element ( https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ab... ), which does not act as a link.

I'm staring at this conclusion with the most bemused expression on my face. I'm thinking of the lines painted on the highway, wondering what tragedies would result if yellow line, white line, dotted line, and solid line were similarly ambiguous.

Re: Every pricing page should have GIFs

#37
post #29

It's really annoying when I'm browsing a page and my mouse "accidentally" moves over something and a giant thing pops up in front. Terrible UX. End up having to play dodge-the-mines with my mouse

I agree but I think there's a good balance: have a little "hover over me" widget. If you hate popups it's easy to avoid the widget, and it makes the hover experience more consistent as you move from line to line (assuming the widget is at the front so they all line up vertically)

Re: Every pricing page should have GIFs

#38

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…

>Mixed UX metaphors. Not lethal, but not quite there yet. Very cool, though, especially for the rapidity with which you were able to implement it, but it needs a bit more test on the UX side on mobile.

It's definitely a good idea but agree that it's just a bit off. The videos are small and hard to see and there's no way to share a direct link to a video.

Re: Every pricing page should have GIFs

#39

Earlier quoted context omitted.

Sure, but a screen reader picking up on alt text won't convey the same amount of information as the visual would. Neither would an embedded movie. But, that's all just begging the question: what is the practical, accessible alternative that does serve the needs of the blind and visually impaired?

Blind people can’t see. Alt tags don’t change that. How do you sell paintings to blind people? Maybe the answer is — you don’t. If you’re selling charts to visualize data, blind people aren’t your audience. Just like if you’re selling shovels to dig ditches, you’re not marketing to people in wheelchairs. Just because some people can’t use a product, doesn’t mean you shouldn’t be allowed to sell it.

At risk of sounding like a SJW here, I think it's an interesting point you made that merits further discussion.

It seems to me that you're arguing about blind people as a market segment. By virtue of being blind there might always be products that blind people just won't benefit from, I get that.

But there's a reason (offline) accessibility is regulated by law and somewhat incorporated into daily life (e.g. wheelchair ramps). If it weren't, blind people (and others with disabilities) would be even more marginalized than they already are.

Would it be okay if Walmart made their stores inaccessible to blind people? I guess they already do, it seems pretty difficult to navigate those aisles with product tags.

While modern life outside of the internet has been developed for a long time, the internet is still relatively fresh, and making sure those who are blind aren't prevented from participating in the internet is generally a good thing, I think.

But perhaps your stance is that the problems of those with disabilities should not be the responsibility of those who do not have those problems, which is a valid argument.

Alt tags don't change whether blind people can see and they're not supposed to either, but they do allow people who would otherwise be prevented from being a customer, to be one.

You don't have to sell paintings to blind people, but they do buy them; 3D paintings, extra-textured paintings, even paintings with braille.

Selling charts to visualize data is a certain way of making data more accessible to certain customers, why not extend that to the visually impaired?

>Just because some people can't use a product, doesn't mean you shouldn't be allowed to sell it.

You're definitely allowed to sell a product, the question is: should you be allowed to exclude potential customers based on factors they cannot control? Marginalized groups have better lives than they used to in history, but I'd argue a lot of progress can still be made.

Whether the onus should be on the people (blind or not) themselves, corporations or the government, is a very different discussion about responsibility and the limits of choice that I'm not gonna go into here.

Again, I do see your point as well. Just wanted to point out some things.

Re: Every pricing page should have GIFs

#40

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…

The page is a disaster on a desktop, too. It does something weird to the scroll, so I can't use either my arrow keys or my Vimium keys in the normal way. Note to web authors: I'm sure I'm not the only one who left quickly after I saw that my scroll was hijacked. If you want people to read your stuff, try dialing back the user abuse.
Post reply on HN