Apple iTunes Flipbook Pattern

4 Jun 2007 - 6:38pm
7 years ago
7 replies
1123 reads
Chris Pallé
2007

Any patternists out there have a good name for the iTunes flipbook
"Flow View" navigation scheme? I'm calling it a Carousel Flip Book.
Any other names? Is there a person credited with this?

Thanks-
Chris

chris.pallé, user experience
--------------------------------------------------------
blueflameinteractive
732.513.3570
chris.palle at blueflameinteractive.com
http://blueflameinteractive.com
http://www.linkedin.com/in/chrispalle

Comments

4 Jun 2007 - 6:40pm
Jason Brush
2007

See http://www.steelskies.com/coverflow/

On Jun 4, 2007, at 4:38 PM, Chris Pallé wrote:

>
>
> Any patternists out there have a good name for the iTunes flipbook
> "Flow View" navigation scheme? I'm calling it a Carousel Flip Book.
> Any other names? Is there a person credited with this?
>
> Thanks-
> Chris
>
>
> chris.pallé, user experience
> --------------------------------------------------------
> blueflameinteractive
> 732.513.3570
> chris.palle at blueflameinteractive.com
> http://blueflameinteractive.com
> http://www.linkedin.com/in/chrispalle
>
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

4 Jun 2007 - 6:42pm
Jason Brush
2007

See http://www.steelskies.com/coverflow/

**
Jason Brush
SVP, User Experience Design
Schematic

1 310 202-2900 139
1 310 202-2910 Fax
1 323 449-6329 Mobile
3457 S. La Cienega Blvd.
Los Angeles, CA 90016

jbrush at schematic.com
http://www.schematic.com

The information contained in this e-mail message may be privileged,
confidential and protected from disclosure. If you are not the
intended recipient, any dissemination, distribution or copying is
strictly prohibited. If you think that you have received this e-mail
message in error, please e-mail the sender.

4 Jun 2007 - 7:18pm
Jeff Axup
2006

What denotes a "different pattern"?

I don't see a lot of difference between this and a wizard. Most wizards let
you move backwards and forwards. If designed well they also let you see the
whole process (e.g. what is before and what is after). Also similar to
moving through multiple pages of a long search results query.

All that has been done here it to display the wizard pattern in a 3D format
with album cover metaphors. (thanks to Jason for posting image link).

So this might be a pattern variation or a pattern cosmetic change?

-Jeff

On 6/4/07, Jason Brush <jbrush at schematic.com> wrote:
>
> See http://www.steelskies.com/coverflow/
>
> **
> Jason Brush
> SVP, User Experience Design
> Schematic
>
> 1 310 202-2900 139
> 1 310 202-2910 Fax
> 1 323 449-6329 Mobile
> 3457 S. La Cienega Blvd.
> Los Angeles, CA 90016
>
> jbrush at schematic.com
> http://www.schematic.com
>
> The information contained in this e-mail message may be privileged,
> confidential and protected from disclosure. If you are not the
> intended recipient, any dissemination, distribution or copying is
> strictly prohibited. If you think that you have received this e-mail
> message in error, please e-mail the sender.
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

--
Thanks,
Jeff
____________________________________________________________________________
Jeff Axup, Ph.D.
Principal Consultant, Mobile Community Design Consulting, San Diego

Research: Mobile Group Research Methods, Social Networks, Group Usability
E-mail: axup <at> userdesign.com
Blog: http://mobilecommunitydesign.com
Moblog: http://memeaddict.blogspot.com
____________________________________________________________________________

4 Jun 2007 - 7:40pm
Chris Pallé
2007

Did I misuse the word pattern? I think of a pattern as a collection
of interactive elements working together as one. There could be
multiple aspects of functionality, but it functions as one object or
component and can instantiated. Am I goofed up in my thinking?

chris.pallé, user experience
--------------------------------------------------------
blueflameinteractive
732.513.3570
chris.palle at blueflameinteractive.com
http://blueflameinteractive.com
http://www.linkedin.com/in/chrispalle

On Jun 4, 2007, at 8:18 PM, Jeff Axup wrote:

> What denotes a "different pattern"?
>
> I don't see a lot of difference between this and a wizard. Most
> wizards let
> you move backwards and forwards. If designed well they also let you
> see the
> whole process (e.g. what is before and what is after). Also similar to
> moving through multiple pages of a long search results query.
>
> All that has been done here it to display the wizard pattern in a
> 3D format
> with album cover metaphors. (thanks to Jason for posting image link).
>
> So this might be a pattern variation or a pattern cosmetic change?
>
> -Jeff
>
> On 6/4/07, Jason Brush <jbrush at schematic.com> wrote:
>>
>> See http://www.steelskies.com/coverflow/
>>
>> **
>> Jason Brush
>> SVP, User Experience Design
>> Schematic
>>
>> 1 310 202-2900 139
>> 1 310 202-2910 Fax
>> 1 323 449-6329 Mobile
>> 3457 S. La Cienega Blvd.
>> Los Angeles, CA 90016
>>
>> jbrush at schematic.com
>> http://www.schematic.com
>>
>> The information contained in this e-mail message may be privileged,
>> confidential and protected from disclosure. If you are not the
>> intended recipient, any dissemination, distribution or copying is
>> strictly prohibited. If you think that you have received this e-mail
>> message in error, please e-mail the sender.
>> ________________________________________________________________
>> Welcome to the Interaction Design Association (IxDA)!
>> To post to this list ....... discuss at ixda.org
>> List Guidelines ............ http://listguide.ixda.org/
>> List Help .................. http://listhelp.ixda.org/
>> (Un)Subscription Options ... http://subscription-options.ixda.org/
>> Announcements List ......... http://subscribe-announce.ixda.org/
>> Questions .................. lists at ixda.org
>> Home ....................... http://ixda.org/
>> Resource Library ........... http://resources.ixda.org
>>
>
>
>
> --
> Thanks,
> Jeff
> ______________________________________________________________________
> ______
> Jeff Axup, Ph.D.
> Principal Consultant, Mobile Community Design Consulting, San Diego
>
> Research: Mobile Group Research Methods, Social Networks, Group
> Usability
> E-mail: axup <at> userdesign.com
> Blog: http://mobilecommunitydesign.com
> Moblog: http://memeaddict.blogspot.com
> ______________________________________________________________________
> ______
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org

5 Jun 2007 - 2:07am
Jeff Axup
2006

Hi Chris,

Not necessarily, but it depends on how you define the term, or what your
pattern is being used for I suppose.
Christopher Alexander's original architectural patterns were a template
describing a common design solution to support a certain type of user
activity (e.g. A place to wait).

In terms of an interaction design pattern, it is probably "a way to browse
or move sequentially through objects". Thus it has a high degree of
similarity to a wizard (and a wizard is probably a subset of the above
design pattern). However, it all depends on how you want to link
higher-level abstract patterns with more specific ones.

In any case, using a park bench or an Aeron chair doesn't really change the
pattern of 'a place to wait', the purpose is still the same, but the
implementation is different. I'd venture that the flipbook is a new Widget,
but not a new Pattern.

I haven't read up on recent events in the IxD patterns, but here's a site
with some pointers:
http://www.visi.com/~snowfall/InteractionPatterns.html

-Jeff

On 6/4/07, Chris Pallé <chris.palle at blueflameinteractive.com> wrote:
>
> Did I misuse the word pattern? I think of a pattern as a collection
> of interactive elements working together as one. There could be
> multiple aspects of functionality, but it functions as one object or
> component and can instantiated. Am I goofed up in my thinking?
>
>
> chris.pallé, user experience
> --------------------------------------------------------
> blueflameinteractive
> 732.513.3570
> chris.palle at blueflameinteractive.com
> http://blueflameinteractive.com
> http://www.linkedin.com/in/chrispalle
>
>
> On Jun 4, 2007, at 8:18 PM, Jeff Axup wrote:
>
> > What denotes a "different pattern"?
> >
> > I don't see a lot of difference between this and a wizard. Most
> > wizards let
> > you move backwards and forwards. If designed well they also let you
> > see the
> > whole process (e.g. what is before and what is after). Also similar to
> > moving through multiple pages of a long search results query.
> >
> > All that has been done here it to display the wizard pattern in a
> > 3D format
> > with album cover metaphors. (thanks to Jason for posting image link).
> >
> > So this might be a pattern variation or a pattern cosmetic change?
> >
> > -Jeff
> >
> > On 6/4/07, Jason Brush <jbrush at schematic.com> wrote:
> >>
> >> See http://www.steelskies.com/coverflow/
> >>
> >> **
> >> Jason Brush
> >> SVP, User Experience Design
> >> Schematic
> >>
> >> 1 310 202-2900 139
> >> 1 310 202-2910 Fax
> >> 1 323 449-6329 Mobile
> >> 3457 S. La Cienega Blvd.
> >> Los Angeles, CA 90016
> >>
> >> jbrush at schematic.com
> >> http://www.schematic.com
> >>
> >> The information contained in this e-mail message may be privileged,
> >> confidential and protected from disclosure. If you are not the
> >> intended recipient, any dissemination, distribution or copying is
> >> strictly prohibited. If you think that you have received this e-mail
> >> message in error, please e-mail the sender.
> >> ________________________________________________________________
> >> Welcome to the Interaction Design Association (IxDA)!
> >> To post to this list ....... discuss at ixda.org
> >> List Guidelines ............ http://listguide.ixda.org/
> >> List Help .................. http://listhelp.ixda.org/
> >> (Un)Subscription Options ... http://subscription-options.ixda.org/
> >> Announcements List ......... http://subscribe-announce.ixda.org/
> >> Questions .................. lists at ixda.org
> >> Home ....................... http://ixda.org/
> >> Resource Library ........... http://resources.ixda.org
> >>
> >
> >
> >
> > --
> > Thanks,
> > Jeff
> > ______________________________________________________________________
> > ______
> > Jeff Axup, Ph.D.
> > Principal Consultant, Mobile Community Design Consulting, San Diego
> >
> > Research: Mobile Group Research Methods, Social Networks, Group
> > Usability
> > E-mail: axup <at> userdesign.com
> > Blog: http://mobilecommunitydesign.com
> > Moblog: http://memeaddict.blogspot.com
> > ______________________________________________________________________
> > ______
> > ________________________________________________________________
> > Welcome to the Interaction Design Association (IxDA)!
> > To post to this list ....... discuss at ixda.org
> > List Guidelines ............ http://listguide.ixda.org/
> > List Help .................. http://listhelp.ixda.org/
> > (Un)Subscription Options ... http://subscription-options.ixda.org/
> > Announcements List ......... http://subscribe-announce.ixda.org/
> > Questions .................. lists at ixda.org
> > Home ....................... http://ixda.org/
> > Resource Library ........... http://resources.ixda.org
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

--
Thanks,
Jeff
____________________________________________________________________________
Jeff Axup, Ph.D.
Principal Consultant, Mobile Community Design Consulting, San Diego

Research: Mobile Group Research Methods, Social Networks, Group Usability
E-mail: axup <at> userdesign.com
Blog: http://mobilecommunitydesign.com
Moblog: http://memeaddict.blogspot.com
____________________________________________________________________________

13 Jun 2007 - 12:12pm
Christian Crumlish
2006

This question comes up a lot in the realm of UI patterns. For good or
ill, interaction patterns have tended to be specified a little more
granularly (almost to the widget level sometimes) and a little less
philosophically than "Alexandrian" patterns.

The link between architectural patterns and interface patterns,
historically, is software design patterns (the Gang of Four, the
Hillside Group, the Portland Pattern Repository, et al.) and those
folks explicitly saw the fork in the road between the two approaches
and took it (to misquote Yogi Berra), distinguishing between
"descriptive" and "generative" patterns.

Fwiw, we're currently working on a "carousel" pattern for the Yahoo
pattern library (and, honestly, I wouldn't have associated it with a
wizard, but that's an interesting thought).

-xian-

> Not necessarily, but it depends on how you define the term, or what your
> pattern is being used for I suppose.
> Christopher Alexander's original architectural patterns were a template
> describing a common design solution to support a certain type of user
> activity (e.g. A place to wait).
>
> In terms of an interaction design pattern, it is probably "a way to browse
> or move sequentially through objects". Thus it has a high degree of
> similarity to a wizard (and a wizard is probably a subset of the above
> design pattern). However, it all depends on how you want to link
> higher-level abstract patterns with more specific ones.
>
> In any case, using a park bench or an Aeron chair doesn't really change the
> pattern of 'a place to wait', the purpose is still the same, but the
> implementation is different. I'd venture that the flipbook is a new Widget,
> but not a new Pattern.

>
> -Jeff
>

14 Jun 2007 - 11:24am
Jared M. Spool
2003

On Jun 13, 2007, at 12:12 PM, Christian Crumlish wrote:

> The link between architectural patterns and interface patterns,
> historically, is software design patterns (the Gang of Four, the
> Hillside Group, the Portland Pattern Repository, et al.) and those
> folks explicitly saw the fork in the road between the two approaches
> and took it (to misquote Yogi Berra), distinguishing between
> "descriptive" and "generative" patterns.

It's really hard to misquote Yogi Berra.

Syndicate content Get the feed