Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Every pricing page should have GIFs

tdinh.notion.site

Post reply on HN
Print view View original

91–100 of 228 posts

Re: Every pricing page should have GIFs

#91

Post by antoniuschan99 »

pyronite wrote: post #32
ichydkrsrnae wrote: post #16

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.

another option would be using this ⓘ

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

Re: Every pricing page should have GIFs

#92

Post by onion2k »

I hope the author is tracking how often those gifs are loaded, and (after the HN hug-of-death dies away) they pay close attention to whether or not users are seeing that they're there at all. I hope it works out, because it's pretty well implemented - it doesn't slow the page down, popups all work (kind of.. it's weird if you don't stop on each item), and it's a nice design.

In my experience any feature on a website that isn't really obvious tends to get single-digit-percentage engagement, and sometimes none at all. Users don't explore UIs. They want things to be clear, simple, and obvious. If it isn't then it might as well not exist...

Re: Every pricing page should have GIFs

#93

Post by dehrmann »

jazzyjackson wrote: post #30
franciscop wrote: post #15

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.

encoding an MP4 to work on all platforms is not as easy as exporting gif. gif will work on all platforms past and future, 10x the size tho they may be (I encode as MP4 but i have to say it’s annoying to find it doesn’t work on some version of safari)

IIRC, ~everything other than Apple devices works with vp8 and webm. Apple devices like mp4 and x264.

Re: Every pricing page should have GIFs

#94

Post by mahdi7d1 »

leephillips wrote: post #40
ichydkrsrnae wrote: post #16

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.

I was surprised when my arrow keys didn't work properly. Now I see you had the same issue. Using an old laptop, I'm often navigating through pages with keyboard track-pad on these old laptops is trash.

Re: Every pricing page should have GIFs

#95

Post by stronglikedan »

antoniuschan99 wrote: post #91
pyronite wrote: post #32

Earlier quoted context omitted.

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

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.

Re: Every pricing page should have GIFs

#96

Post by toast0 »

k1t wrote: post #41
ichydkrsrnae wrote: post #36

Earlier quoted context omitted.

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.

Sometimes liberties are taken here, such as California originally separating carpool lanes with yellow lines (when they should have been white). Presumably they felt that even though yellow was incorrect, it sent a clearer "do not cross" message to drivers. They were later ordered to change them to white.

Were there mandatory prescriptive federal guidelines on HOV lane line colors when California introduced carpool lanes, or did they only come after California had been using yellow lines?

Personally, I do find yellow lines are a stronger border, but then I grew up in a culture of yellow carpool lines. I feel like white lines are almost always ok to drive over, and yellow lines usually aren't (although yellow dotted lines are a sometimes drive over (if safe, to pass on a two lane undivided highway), and yellow solid + dotted is also ok to drive over (if safe, to get into a shared median lane for an unprotected left turn)

Re: Every pricing page should have GIFs

#97

Post by throwawayboise »

matt-attack wrote: post #48
k1t wrote: post #41

Earlier quoted context omitted.

Sometimes liberties are taken here, such as California originally separating carpool lanes with yellow lines (when they should have been white). Presumably they felt that even though yellow was incorrect, it sent a clearer "do not cross" message to drivers. They were later ordered to change them to white.

I noticed that change recently and assumed it was motivated by Tesla. There are certain things we all take for granted when driving. A huge one that we probably don’t give much conscious thought to us this: How do we know if the lane to the left is ok to go in, or if it actually is for carrying oncoming traffic? You’d like to think that one way though not the only way, is to look for a double yellow line. As in, doub…

Yellow lines separating oncoming traffic is not universal though? I believe in the UK that the center lines are white?

Re: Every pricing page should have GIFs

#99

Post by throwawayboise »

franciscop wrote: post #15

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.

Re: Every pricing page should have GIFs

#100

Post by oauea »

ichydkrsrnae wrote: post #36
pyronite wrote: post #32

Earlier quoted context omitted.

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

Works pretty well. https://www.anwb.nl/verkeer/veiligheid/strepen-op-de-weg
Post reply on HN