I do think visuals are a good way to describe features in a lot of products, the examples here definitely benefit from a graphic. "Most engaging hours" doesn't sound nearly as interesting as that graph in the mouseover. But I think for most features of most products you probably don't need a GIF and I'd typically prefer a faster loading image in most cases.
Every pricing page should have GIFs
81–90 of 228 posts
Re: Every pricing page should have GIFs
#82I noticed Notion sites have some problems loading on mobile lately so I made a site from this post using Notaku [0]
Re: Every pricing page should have GIFs
#83The 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
Re: Every pricing page should have GIFs
#84Earlier quoted context omitted.
> as there will be large areas of single colours and few changes between frames which GIF is good at Pretty sure that's how modern video codecs work too. A lot of movies have regions that don't change much between frames (e.g. backgrounds, or some dude's face staring at the camera all dramatically). What GIF gets you is a lossless video, which is overkill for most applications. Video codecs can achieve a similar perc…
Yes indeed all modern video codecs are based on encoding differences between key frames. GIF has the most basic implementation of that (it can update only a window in the image instead of the whole image). The original GIF can actually be compressed losslessly down to just 1.4MB with a better compressor like https://gifcompressor.com . MP4 (and similar codecs) are not typically very good at compressing regions of con…
2 MB is huge over mobile for a simple graphic illustrating one of many, many features.
If you really want to use GIF, it would make more sense to manually create an animation out of frames you define, switching between highlights of that feature, rather than a screen recording that captures every minor, irrelevant animation and follows the hover popup as it moves around a few pixels. That's just a waste of bandwidth. A manually curated GIF of that size could be like 40 kB or so, not megabytes.
Otherwise, I'd argue MP4 is by far the superior option for this use case given its far smaller size, where visitors just need to know at a rough glance what a feature does, not examine it for pixel perfection. An imperfect video that loads in 20% of the time is preferable than waiting forever for a huge gif to load.
Re: Every pricing page should have GIFs
#85Earlier 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.
My funny anecdote around that: The road in front of my house has a dual center yellow line, but the reflective additive they used in the paint shows up white. At night all of the lines are white. VERY confusing.
Re: Every pricing page should have GIFs
#86And 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 ?
Exactly. And similarly with the charts and graphs, how about just the good old raw csv data
CSV data? Psh; you're going to have to change it eventually, which means you need historical pricing data… Just have a detailed description of your pricing philosophy, and let the reader determine whatever information they need from that.
Re: Every pricing page should have GIFs
#87Earlier quoted context omitted.
Oh, interesting. So it does some encoding, but not very efficiently?
Yes, in the GIF format you can update just a window inside the image rather than the whole image for each frame. There are also control blocks that specify that a particular colour value is to be treated as transparent (within the logical image) and that the background image should be restored after the window is drawn. So for example a moving pointer can be very efficient if the encoder is able to take advantage of…
Every major video codec does this exact thing. Can you please stop spreading this misinformation all over the thread?
Re: Every pricing page should have GIFs
#88yeah that's nice, but you only reaally need one gif, https://archive-media-2.nyafuu.org/vp/image/1522/39/15223952...
Re: Every pricing page should have GIFs
#89Earlier quoted context omitted.
> Mobile traffic has been larger than desktop for over a decade. For cat videos - most likely. But for sites selling (enterprise) software and services - almost certainly not. > We've been hammering mobile-first for almost that long. Do you work for Google? That's pretty much the only "we" that's been hammering that.
>For cat videos - most likely. Not at all [1] https://techjury.net/blog/mobile-vs-desktop-usage/#gref [2] https://www.statista.com/statistics/277125/share-of-website-... >Do you work for Google? That's pretty much the only "we" that's been hammering that. Nope. It's just everyone, really. [3] https://developer.mozilla.org/en-US/docs/Web/Progressive_web... [4] https://xd.adobe.com/ideas/process/ui-design/what-is-mobil…
[1] talks about using mobile devices to "close deals", which is not the same as a b2b web traffic.
[2] doesn't talk about b2b segment at all.
People who are buying products and services, especially of IT nature, sit in the office in front of their laptops and desktops. We have an installable desktop product. Guess the percentage of mobile traffic on its website? It's 5%. Five.
So, yeah, "it even works on mobile" makes for a good quip.
Re: Every pricing page should have GIFs
#90There'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…
[deleted]