Very slick method for comparing two images, but maybe the UX is a little obscure. I have to admit I thought it was two images side by side, and wondered why they were different proportions, until I noticed the handle.
The explosion is of course very similar to the 1947 Port Texas disaster (581 dead) But it also reminded me of the Halifax explosion of 1917 (2,000 dead).
In Halifax, the train dispatcher on the pier stayed at his post to send one last message to keep the next passenger train from entering town.
“Hold up the train. Ammunition ship afire in harbor making for Pier 6 and will explode. Guess this will be my last message. Good-bye boys”
It is common and intuitive, but the one thing that is unique is it is pretty much full frame. It is normally used on an image within the layout of the website. It took me a second to find the handle knowing it'd be there, but the sheer devastation kept my eye from finding it. The GP did not say it took them 20 minutes to find the handle obscure, but it does kind of get lost in the carnage.
It's the UI that the largest proportion of your target audience would find intuitive if they tried it.
So it's not the lack of an objective answer that's the problem, it's the difficulty of finding a proxy for your target audience and a testing process you can afford.
Sometimes the proxy is "you" and the testing is "your experience and intuition" and sometimes the proxy is a statistically significant number of formal user tests.
Nope, I was the same. I spent a good while wondering why the comparison images look like they are of different areas - and only then realized that you can use the middle bar to move, it was very obscure.
Another solution could be to make the date labels at the top look and act like buttons. Then you could still use the UI by clicking on the dates without having to understand the scrubber.
Kill Sticky kills tons of animations, many unexpectedly.
Ultimately, modern animations are just as distracting as animated Gifs were. They're somewhere between an ideal reading experience and wholly unwanted autoplay videos.
If autoplay videos are a swarm of angry hornets, animations are summertime gnats. We live with them but they're hardly something we asked for.
It's a standard UI design for comparing images on the web and is often used in online news websites when comparing "then" and "now" similar to the article
I've seen this UX for comparing images multiple times and it does seem rather standard, but I'm frequently stumped by the affordance for a few seconds. Maybe if it quickly slid over and back to show how to interact?
My first thought upon seeing the video was that Halifax must have felt a lot like that. My second was that the AZF explosion in Toulouse in 2001 was also ammonium nitrate. Obviously there are a painfully large number of other examples too.
I had a similar thought and slow reaction finding the slider, I expect "before and after" images to show me the full images side-by-side. After thinking about it I still think that's the better UX, my eyes can identify the same areas and switch back and forth more easily than I can drag my mouse back and forth over a slice. That it's apparently popular on news sites probably explains why I don't remember seeing this UX before (though I probably have), those few that I browse also get the most limited set of JS enabled.
the benefit of this is of course the images can be really big, so even if you have poor vision you can understand the difference. I would probably prefer a side by side and then a way to enter full view. I suppose that might actually be what happens, I would think this page was linked to from an article where you saw the both images side by side and had a compare link and then went to the posted view.
It would help a bit if ux wasn't so hostile to help-screens and help texts generally.
I get it that it is better when the ux is self-explanatory, but the second best option isn't to pretend everything-is-obvious-and-the-user-is-dumb, but to include a help screen or some pop over or in this case a text under the picture.
The explosion is of course very similar to the 1947 Port Texas disaster (581 dead) But it also reminded me of the Halifax explosion of 1917 (2,000 dead).
In Halifax, the train dispatcher on the pier stayed at his post to send one last message to keep the next passenger train from entering town.
“Hold up the train. Ammunition ship afire in harbor making for Pier 6 and will explode. Guess this will be my last message. Good-bye boys”