DISCUSSION: Gallery Card - Front and Back

Leah Maestri leahm at sfu.ca
Fri Dec 11 00:48:46 UTC 2009


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