6 ms·
Kort - a thumbnail preview concept
- loceng 14y agoI love all of his work. Worth checking out.
- stcredzero 14y agoGreat idea. It capitalizes on the attributes of the mouse pointer and web browsers. If I were Apple, I'd acquire.
- fwr 14y agoApple acquires scripts now?
- stcredzero 14y agoProgrammers. You know, people who can make inferences.
- vjk2005 14y agoApple's had a less fancier implementation for quite a while now — thumbnail scrubbing in iPhoto and FCP on the desktop. I don't have any iOS devices to see if they have touch versions of their scrubber but I do remember seeing one on an iPad demo video some time back.
- eric_bullington 14y agoI really like this. Could also be a great time-saver for professions that have to screen large volumes of photos, like busy newsroom photo editors.
- digitalWestie 14y agoI like this, but could you make it a bit slower? Slowing it down would make it a little bit more accessible for those who have mouse trouble. Also keyboard keys!
- Charles__L 14y agoVery cool. I like the transitions, especially the last one. Just a heads up, it doesn't work on chrome 22.
- LordIllidan 14y agoI'm on chrome 22.0.1229.94 (osx) and it's working fine for me.
- Falling3 14y agoI'm on the same version for windows and getting diddly.
- agumonkey 14y agoIntuitive and efficient. You, sir, have too many ideas.
- tikhonj 14y agoI like the concept. However, to me, it was a little bit too easy to accidentally move my mouse outside the thumbnail area when trying to look through some pictures. Could you try extending the mouseover area beyond the images themselves? I'm not sure if that would be more intuitive, but I think it's worth trying.
- thisisblurry 14y agoSorry, but I'm not the author.
- saint-loup 14y agoI agree. Even to watch the pictures correctly and one at a time, I had to learn to move the pointer really slow. I really like the concept and the execution anyway.
- deleted 14y ago[deleted]
- 3rd3 14y agoI got it working.
- jtokoph 14y agoI like the concept, but the thumbnail should somehow show that there is a 'stack' of photos that you can page through. At first glance, it's not obvious that you can hover over a thumbnail to see more.
- callmevlad 14y agoHakim El Hattab, the guy behind this concept, is on fire right now, with innovative UI concepts rolling out pretty much every month. If you're interested in bleeding edge HTML5 experiments, you can watch Paul Irish interview him here: http://www.youtube.com/watch?v=ogumRA9LxR4 http://www.youtube.com/watch?v=ogumRA9LxR4
- modarts 14y agoHe's got a very impressive portfolio of work: http://hakim.se/ http://hakim.se/
- jdost 14y agoInteresting idea, the interaction would get very difficult with more pictures in the stack. Also lacks a way to work in mobile. But you are really onto something here, would be interesting to see how this can be improved!
- gburt 14y agoThis is basically unusable with a mouse pointer because the bounding box is too small. The user interface is also non-obvious, at first I didn't know that I could move my mouse around and I would not have discovered it if this wasn't a tech demo.
- zbowling 14y agoAlso these kinds of mouse hover events are useless on touch interfaces.
- iambot 14y agoActually it works perfectly on mobile safari on my iPhone. I wasn't expecting it to, being a hover effect, but was pleasantly surprised.
- TYPE_FASTER 14y agoAgree...an improvement would be to add a transparent arrow on each side and only advance/go back when the user clicked or held down on the arrow. That probably exists already...
- Falling3 14y agoIt's not working for me on Chrome or IE and just barely almost working on my android.
- richardlblair 14y agoI don't really like this concept, but I do like this guy and his other work. What I don't like: It isn't obvious that there are other thumbnails other than the first one. If a user wasn't aware that there are other thumbnails to view they would never think to hover over the image.
- gfodor 14y agoYour critique seems to be focused on the wrong details. The author was not demoing their ability to indicate there is a mouseover action. They were indicating their ability to create a compact, intuitive (once hovered) technique for browsing thumbnails. Your issue can be fixed in a number of obvious ways, but the behavior once activated is a non-obvious contribution.
- drivebyacct2 14y ago> Your issue can be fixed in a number of obvious ways Can you elaborate? I can think of obvious ways but they're aren't tasteful and ruin the effect.
- gfodor 14y agoSure. One would be when you mouse-enter, a small circle or bar appears that fills in as you hold your mouse there, indicating something will happen once it becomes full. Another would be to have the other thumbnails "peek" out on mouse over, which provides the user a place to click to activate the browser mode to see them.
- damncabbage 14y agoI love your second idea; nice one. :) (Not sure how to make it work for mobile, though, unless you have it "peek" out all the time.) The first reminds me too much of dcurtis' "Kudos" circle, though, where something happens because you left your mouse in the wrong spot for too long; it's nigh-infuriating sometimes.
- 14y ago
- angryasian 14y agosource on github - https://github.com/hakimel/kort https://github.com/hakimel/kort
- njharman 14y agoI like author's Avgrund and Meny better. The thumbnail is neat but functional deprovment as it's not obvious there is a any more than one image.
- I_AM_TACO 14y agoHas promise, just needs some tweaks. I would try to make it 'less sensitive' when transitioning, so the user doesn't accidentally switch images. Also there needs to be a way to tell that there is a layer of images. Maybe some relative positioning on the ones that are hidden? Cool idea though.
- mratzloff 14y agoI'm not a big fan of the concept, but it's an interesting tech demo. Now, compare the page as designed versus the page without CSS enabled. The one without CSS enabled is a much better user experience.