I like the idea of explaining what features are, I don't like this method of doing it, as many others have commented, it's super annoying. Just provide clickable things to get descriptions
Every pricing page should have GIFs
181–190 of 228 posts
Re: Every pricing page should have GIFs
#182Re: Every pricing page should have GIFs
#183Earlier 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
> 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?
Re: Every pricing page should have GIFs
#184There'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…
Navigating on mobile is something you do on the go, when there are no other options. Of course it's going to be a downgraded experience.
Is it?
Mobile devices drove 61% of visits to U.S. websites in 2020, up from 57% in 2019. Desktops were responsible for 35.7% of all visits in 2020, and tablets drove the remaining 3.3% of visitors.
Globally, 68.1% of all website visits in 2020 came from mobile devices—an increase from 63.3% in 2019. Desktops drove 28.9% of visits, while 3.1% of visitors came from tablets. However, desktop devices remain very important, as they drove 53.3% of total time on site in the U.S. and 46.4% of total time on site globally.
https://www.perficient.com/insights/research-hub/mobile-vs-d...
Re: Every pricing page should have GIFs
#185Earlier 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.
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 li…
> I feel like white lines are almost always ok to drive over…
Single and double solid lines parallel to the flow of traffic, of any color, almost always mean "do not cross".
A single dashed line, or a double line where one or both halves is dashed, can be crossed under at least some circumstances. The rules for crossing these vary depending on context, e.g. one-sided passing and center turn lanes use similar markings but with the solid and dashed lines flipped. (You pass from the dashed side but enter the turn lane from the solid side.)
White lines separate traffic going the same direction. Yellow lines separate traffic in opposite directions. This is independent of whether the lines can be crossed.
Re: Every pricing page should have GIFs
#186Don'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.
You have to encode it in multiple formats because many systems do not support proprietary codecs.
Is there a format that is not proprietary and works for this purpose?
Re: Every pricing page should have GIFs
#187Earlier 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 feature is effectively a /. 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.
Re: Every pricing page should have GIFs
#188It'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)
I prefer clicks to hovers for this reason. A simple (Show example) button or (?) clickable question mark that spawns a small modal in-place and takes focus is more accessible, and there is no ambiguity of intent.
Re: Every pricing page should have GIFs
#189Earlier quoted context omitted.
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.
I’m curious, would you disable GIF autoplay if the browser’s settings offered it?
No.
Like, i get that they are the same in effect, but I still believe in the semantics different between a moving picture, and a audio-track-less video.
A gif can never have audio.
A img tag can never have audio.
mp4s, m4as, webm, embeds tags, video tags, etc, can either have or not have audio, its a surprise.
Because they are videos, not moving/animated pictures.
Anywho, apng is a real standard now, so one can just use that instead of gifs.
Re: Every pricing page should have GIFs
#190I don't understand this article at all. It says every pricing page should have gifs, but doesn't say why. Maybe it says in the images, but they don't load at least under my current adblock configuration. For that matter, JS and gifs of any sort on a web page are effectively another annoying captcha when I just want the information. For pricing, please just post a CSV or equivalent, and get out of the way.
yes they do, in the very first few paragraphs.
>When evaluating a SaaS, I often just skip the landing page and all of its marketing fancy words and go straight to Pricing page.
>Usually, I will find what I need there: what features does the SaaS has, and how much do I have to pay to get what features.
>For that reason, I added GIFs to every single feature of my SaaS pricing page:
They just didn't spell out the connection between the two premises, that because they tend to ignore the demo/about/landingpages, and jump straight to the pricing page, other people likely do so as well, and you should turn said pricing page into your demo page/landing page to target such people with that info since they won't get it from the normal page thats dedicated to conveying that info.