DISCUSSION: Gallery Card - Front and Back

Leah Maestri leahm at sfu.ca
Fri Dec 11 22:10:17 UTC 2009


Hi all,

Vicki, great feedback. I totally agree with the 3-minute interaction constraint. It will be interesting to see if it would take longer to 'push' or 'toss' cards into a pile of 3 Gallery Themes (as an option...) in user tests?? 

MORE SKETCHES:
I have posted a few more sketches on the wiki that use the same 'card-toss' metaphor for the Front of the Gallery theme card.

These sketches propose the same kind of dock where the visitor can push different galleries into a section on the left side of the card called "Chosen Galleries". As the visitor selects galleries, the card last pushed would be displayed to the right side with all the gallery info. 

There are two proposals for this; the second proposal is just slightly different - the "Chosen Galleries" takes up the entire left side panel to try and emphasize it as the focal point (as it relates to the 'Dock' and the 'Gallery Overview'.) Not sure if this makes that much of a difference but I thought it couldn't hurt to talk about it.

Let's keep talking. :)

Lee



----- Original Message -----
From: "Victoria Moulder" <vmoulder at sfu.ca>
To: "Leah Maestri" <leahm at sfu.ca>
Cc: "fluid-work" <fluid-work at fluidproject.org>, jess at jessmitchell.com, "james yoon" <james.yoon at utoronto.ca>, ajonesolt at gmail.com, "leila aflatouni" <leila_aflatouni at yahoo.com>
Sent: Friday, December 11, 2009 12:21:41 PM GMT -08:00 US/Canada Pacific
Subject: Re: DISCUSSION: Gallery Card - Front and Back

Hi Leah,

This is a great detailed account of how proposing to reframe the gallery card and associated challenges.  In our last conversation with the DIA it seemed like Jennifer, Madeline, were for gallery selection/deselection and Matt thought that people could self select were they wanted to go after the tour was printed. Given that they only want to people to spend max 3-mins in front of the kiosk, I'm hesitant to give them an interaction model that encourages play.  

I think these draws propose a good starting place for more conversation!!  I suggest the we all meet on Adobe connect Monday - 10:00PM PDT to discuss these sketches? 

Best, Vicki 






----- Original Message -----
From: "Leah Maestri" <leahm at sfu.ca>
To: "fluid-work" <fluid-work at fluidproject.org>, jess at jessmitchell.com, "james yoon" <james.yoon at utoronto.ca>, ajonesolt at gmail.com, vmoulder at sfu.ca, "leila aflatouni" <leila_aflatouni at yahoo.com>, "colin clark" <colin.clark at utoronto.ca>
Sent: Thursday, 10 December, 2009 16:48:46 GMT -08:00 US/Canada Pacific
Subject: DISCUSSION: Gallery Card - Front and Back

Team Leah and Leila brainstorm,

To help address the functionality of the "Gallery Theme Card" of the kiosk interface; we have put all our sketches here on the wiki (under Sketches > Gallery Theme Card):
http://wiki.fluidproject.org/display/fluid/Notes+and+recommendations+based+on+DIA+feedback+%28December+2%2C+2009%29

Areas addressed:
- Design Metaphor
- Text vx Images

Please note that we have not addressed the "Front" part of the Gallery Theme card yet. This is still to come.

DISCUSSION:

Design Metaphor - Problem Areas

We wish to address the last iterations mix of complex interaction metaphors. In keeping with the "Card-flip" metaphor, the sketches shown on the wiki try to illustrate the same aesthetic/behavior of someone playing with a regular deck of cards. To show the playfulness of this interaction, here are some ideas for how the dock and cards would behave (we've included the dock behavior in this brainstorm, as we believe the metaphor needs to bridge between both the Gallery Card and Dock):

To select a card-theme from the dock, visitor's could:
1- (For Multi-touch screen) Drag or 'push' a theme-card into the middle of the screen. Similar to how a poker shuffler would deal a card. Theme-card would animate the action of being "tossed" by spinning into the middle. Once in the middle, card would expand to a larger size show the "back" of the card. (Card Aesthetics discussion to follow)

OR

2- (For single-touch screen) Visitors could simply select the theme-card with a single touch from the dock and still have the animation show a card being "tossed" into the middle.



If the visitor wanted to select more than one "chosen" Gallery Theme Card (i.e. the card in the center) to view, the screen would remain as is with the first selected theme-card in the middle, leaving the visitor with a choice to either preview this card, or select another card to "toss" into the middle - allowing up to 3 cards. (See Sketch 5 and 6)



To preview one of the "chosen" Gallery Theme Cards, we propose the following actions:
1- (For Multi-touch screen) Finger touches card at the far-right side, and slides finger to the left side to "flip" card over

OR

2- (For single-touch screen) Visitors can simply touch the card once and the card will show animation of flipping over to reveal the "Front" of the card


If the visitor is happy with all three "chosen" Gallery Theme Cards, they can press the "Print selection" button at the bottom right corner of the screen (above the dock). Visitors can easily remove a Gallery Theme Card by pressing the "Circle-X" button at the top-right corner of each card.

Text vs Image - Problem Areas

In order to help convey what each gallery theme is, we have addressed this issue in two ways:

1- Show dock images as an archetypal image with a greater emphasis on the "Title" of the theme. The "Back" of the card that is displayed in the center of the screen will show as a montage/collage of images that illustrate the theme. 

OR

2- The back of the Gallery Theme Card can display as a slide show of different images that convey the theme - 

The titles of each Gallery Theme Card would be displayed with a black bar across either the bottom of the card, or along the right side of the card with the text written upwards.


More brainstorms to come that address: 
- Info Architecture (of Gallery theme card)
- Attributes that Introduce Didactic Information of Galleries
- Flow of Interaction (in sketches)


Best,
Leah



More information about the fluid-work mailing list