Reorderer family of components

Colin Clark colin.clark at
Wed Sep 10 16:15:01 UTC 2008

Hi everyone,

We're getting somewhere here! I wanted to try to visualize how the  
Reorderer works, in the hope that it will clarify the relationship  
between various the flavours we offer.

In short, the Reorderer is one component with several layers: the  
component itself, some rules about how the interaction should work,  
and a look and feel. In general, this is a good way to think about how  
all our components are built.

Layout Customizer, along with lists and grids, live at the Rules  
layer. Lightbox lives at the Look and Feel layer.

Let me know if this is useful, or if you have any suggestions for how  
to improve it,


On 10-Sep-08, at 11:21 AM, Jess Mitchell wrote:

> +1
> Antranig, Colin, whatdoyou think?  Does this align with the  
> technical end of things on this component and its intentions?
> J
> ~~~~~~~~~~~~~~~~~~~~~~
> Jess Mitchell
> Boston, MA, USA
> Project Manager / Fluid Project
> jess at
> / w / 617.326.7753  / c / 919.599.5378
> jabber: jessmitchell at
> ~~~~~~~~~~~~~~~~~~~~~~
> On Sep 10, 2008, at 8:45 AM, erin yu wrote:
>> That makes good sense to me.
>> When I read your email half-way, I thought "how 'bout we call them
>> Picture Reorderer, List Reorderer, etc.", then you suggested the same
>> idea at the end of your email.
>> +1
>> Erin
>> On 9-Sep-08, at 8:26 PM, Daphne Ogle wrote:
>>> Hi there,
>>> As I start design for the reorderer in the context of Sakai's
>>> announcements tool, I realize I'm not sure where the work should  
>>> live
>>> in the wiki which leads me to where does it fall in the "family of
>>> components" for the reorderer.   I think our naming convention could
>>> use some work and since I need a place to put design work around  
>>> this
>>> new context it's forcing the issue.
>>> The reorderer itself doesn't have an interface and thus there isn't
>>> any UX design in it's space on the wiki.  So then we have the  
>>> lightbox
>>> and the layout customizer which use the reorderer.  This new context
>>> seems to be at the same level as the lightbox and the layout
>>> customizer -- offsprings of the reorderer.  So what to call this new
>>> offspring or is it really the same as one of the existing?  Although
>>> the lightbox and the reordering of announcements both use the "Drag
>>> and Drop - list ordering design pattern" they are different user
>>> experiences with one moving thumbnails and the other more like  
>>> rows in
>>> a table or a list.  So, I believe this new context it's own child.
>>> And with the 3rd on the way, I think it's time for some clearer  
>>> naming
>>> of our family.
>>> Here's a suggestion that is more closely aligned with our naming for
>>> the inline edit family but I would love to hear other thoughts (my
>>> suggestion is quite boring!).
>>> Family name:  Reorderers
>>> Children:
>>> Thumbnail reorderer (formerly known as the lightbox)
>>> List reorderer
>>> Layout reorderer ( or we could stick with "layout customizer" as it
>>> sounds better and is clearer but then it wouldn't match it's  
>>> siblings
>>> names :))
>>> What do you all think?
>>> Daphne Ogle
>>> Senior Interaction Designer
>>> University of California, Berkeley
>>> Educational Technology Services
>>> daphne at
>>> cell (510)847-0308
>>> _______________________________________________
>>> fluid-work mailing list
>>> fluid-work at
>> _______________________________________________
>> fluid-work mailing list
>> fluid-work at
> _______________________________________________
> fluid-work mailing list
> fluid-work at

Colin Clark
Technical Lead, Fluid Project
Adaptive Technology Resource Centre, University of Toronto

More information about the fluid-work mailing list