Comments on: Carousel Design Pattern http://yuiblog.com/blog/2008/01/15/carousel-pattern/ News and Artilces about Designing and Developing with Yahoo! Libraries. Sat, 05 Jul 2008 19:21:43 +0000 http://wordpress.org/?v=2.3.3 By: Christian Crumlish http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-329807 Christian Crumlish Thu, 27 Mar 2008 16:36:57 +0000 http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-329807 Mike, I'm not sure I understand the scenario you're describing (random access to off-screen content). Can you point me to the example you mentioned? If I can get my head around it, I'd like to see if the carousel pattern (and in-the-works YUI code related to it) can accommodate your use case. Reinier, I think your distinction between slide animation and carousel are pretty good, although I imaging a slide show could conceivably be circular and thus infinite. Got a link for 3D UK Amazon carousel? Mike, I’m not sure I understand the scenario you’re describing (random access to off-screen content). Can you point me to the example you mentioned? If I can get my head around it, I’d like to see if the carousel pattern (and in-the-works YUI code related to it) can accommodate your use case.

Reinier, I think your distinction between slide animation and carousel are pretty good, although I imaging a slide show could conceivably be circular and thus infinite.

Got a link for 3D UK Amazon carousel?

]]> By: Reinier Meenhorst http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-326919 Reinier Meenhorst Tue, 25 Mar 2008 00:15:57 +0000 http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-326919 I discriminate between slide animation and carrousel by remembering the circular form as is shown in the 3d example. This is emphasized by the sequential access to the images, if you ask me. In practice, slide and carrousel can be of the same visual appearance. Or did I misunderstand? A nice example of a 3d carrousel can be seen on Amazon.co.uk nowadays by the way. I discriminate between slide animation and carrousel by remembering the circular form as is shown in the 3d example. This is emphasized by the sequential access to the images, if you ask me. In practice, slide and carrousel can be of the same visual appearance. Or did I misunderstand?

A nice example of a 3d carrousel can be seen on Amazon.co.uk nowadays by the way.

]]> By: Mike WS Stone http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-295334 Mike WS Stone Fri, 01 Feb 2008 20:20:35 +0000 http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-295334 I have just read the design pattern article and I have noticed an omission in the section on scrolling. To whit, there is no mention of random access to the off-screen content. I have an image gallery on one site made with Bill Scott's Carousel and I decided to use the YUI slider widget as part of the controller. The slider allows one to click anywhere on the background to snap the thumb to that point. Doing that with Carousel as it stands (using the JavaScript Load method, at least) would result in the images not animating to the right place in the display area or the area being entirely blank if the distance between the thumb's current position and the click is large enough. I investigated, found the problem, devised a quick fix and have informed Bill. All his examples assumed sequential movement through the data set and so he would not have encountered the problem, so I think random access should get a mention in a comprehensive pattern to help make developers aware of it. I have just read the design pattern article and I have noticed an omission in the section on scrolling. To whit, there is no mention of random access to the off-screen content.
I have an image gallery on one site made with Bill Scott’s Carousel and I decided to use the YUI slider widget as part of the controller. The slider allows one to click anywhere on the background to snap the thumb to that point. Doing that with Carousel as it stands (using the JavaScript Load method, at least) would result in the images not animating to the right place in the display area or the area being entirely blank if the distance between the thumb’s current position and the click is large enough. I investigated, found the problem, devised a quick fix and have informed Bill. All his examples assumed sequential movement through the data set and so he would not have encountered the problem, so I think random access should get a mention in a comprehensive pattern to help make developers aware of it.

]]> By: What I have been reading about User Experience - January 2008 http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-294544 What I have been reading about User Experience - January 2008 Thu, 31 Jan 2008 23:38:21 +0000 http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-294544 [...] Carousel Design Pattern [...] […] Carousel Design Pattern […]

]]> By: Lazar http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-288321 Lazar Wed, 23 Jan 2008 08:55:26 +0000 http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-288321 Very interesting. We are much in need of good design patterns in the coding world. As a new user to YUI, I would be interested to see some guides applying the YUI framework to implement the design patterns set forth by Yahoo. Very interesting. We are much in need of good design patterns in the coding world. As a new user to YUI, I would be interested to see some guides applying the YUI framework to implement the design patterns set forth by Yahoo.

]]> By: Christian Crumlish http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-283650 Christian Crumlish Wed, 16 Jan 2008 22:38:13 +0000 http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-283650 Great, question, Morten! As I see it, the Slide Transition pattern is an kind of animation used in a variety of different interactions. The Carousel is an elaboration, yes. More of a molecule than an atom. Carousels typically employ this Slide animation for bringing images into and out of the viewport (or "stage"), but a carousel may just as well use other forms of animation (as in some of the 3-D variations) or even, conceivably no animation at all. It *is* confusing, I admit, especially given that the sensitizing example for the Slide pattern is a carousel. Great, question, Morten!

As I see it, the Slide Transition pattern is an kind of animation used in a variety of different interactions.

The Carousel is an elaboration, yes. More of a molecule than an atom.

Carousels typically employ this Slide animation for bringing images into and out of the viewport (or “stage”), but a carousel may just as well use other forms of animation (as in some of the 3-D variations) or even, conceivably no animation at all.

It *is* confusing, I admit, especially given that the sensitizing example for the Slide pattern is a carousel.

]]> By: Morten http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-282683 Morten Tue, 15 Jan 2008 22:41:50 +0000 http://yuiblog.com/blog/2008/01/15/carousel-pattern/#comment-282683 Hi Do you see the carousel pattern as a more detailed or elaborate version of the slide transition? I can't see the fundamental difference between the two. Hi
Do you see the carousel pattern as a more detailed or elaborate version of the slide transition?
I can’t see the fundamental difference between the two.

]]>