Friday, October 30, 2009

project #3: a filter for relevance—attempt #2...

Please see my previous two posts for more information about this project.

This is my second attempt at creating a filter for relevance. This interface is an application housed within Facebook. The critique this was presented at was a silent one (we wandered around and viewed each other's work with no explication), so this presentation includes more visual explanation than I normally would have included.

Project #3: Symposium foray: iteration #2... from Liese Zahabi on Vimeo.

Monday, October 26, 2009

project #3: a filter for relevance—attempt #1...

My main thesis question is:

How can the design of an online information triage system support users in managing information and making decisions about nutrition?

My point of intersection between thesis and our symposium is:

Relevance (and triage, authenticity, credibility, trust, critical thinking, filtering)

My investigation for project #3:

How can a filter be designed to visually privilege relevance?

I decided to use the construct of a movie rental kiosk for my investigation. The system begins by asking the user for their three favorite movies. The system then creates a symbol to represent the user and create connections to all other movies.

Here are my investigative iterations....

Relevence Filter: Iterations... from Liese Zahabi on Vimeo.




In iteration #1, the amalgamated symbol generates a wireframe structure. Relevant categories and movies are located spatially upon the structure. The user would be able to interact with the structure and any information coming off of it to examine further.

In iteration #2, the categories and movies are arranged in space again, but this time relevance is shown by proximity to the user. Again, the user can interact with the information in a spatial way.

In iteration #3, the categories are arranged in a much more static way. This time relevance is shown by scale and use of the amalgamated symbol (color coded according to which favorite movie is most relevant.)

I still want to do more iterations and investigations, and want to build something out in flash to show how the interaction could start to work.

Friday, October 23, 2009

project #3: symposium foray...

Denise's assignment for project 3:

Propose and complete a design study that addresses an intersection (a point) rooted in (1) your thesis questions and (2) an aspect of the symposium theme "Design, Community and the Rhetoric of Authenticity."

The proposal/project will be:

  1. Supported by precedents, textual and/or visual.
  2. Pointed and specific.
  3. Investigative of design issues.
  4. Manifested in artifact(s).
Some of my initial ideas:

Points within my thesis
  • Understanding information
  • Making decisions about web/info
  • Shifting nature of attention
  • Triage
  • Making connections among points of information
  • Finding relevance (context)
  • Establishing credibility / critical thinking

Points within Symposium
  • Authentic experience
  • Real vs. faux
  • Vernacular of internet
  • Finding relevance (context)
  • Community making connections
Here is the visual brief I showed in class to discuss the tentative directions I wanted to move in:

Project #3: Symposium foray: a visual brief... from Liese Zahabi on Vimeo.

Wednesday, October 21, 2009

project #2: reflections and analysis...

Denise's assignment:

Project 2.5 : "An Initiation" Conclusions

Write a critical text responding to Project 2 results. Refer to your own approach and design outcome, of course, but also support your conclusions by referring to works done by other students, as well as published work you have found.

Following are a few of my observations/questions to fuel your inquiries.

• Overall, the initiations implicated designers (meaning you and me) as being severely entrenched in learned (a.k.a. "schooled") visual conventions strategies. Are these strategies tools? Handicaps? Assets?

• What, then, might be design's value to "communities", as compared to commercial interests? Is it our way of thinking? Our ability to isolate and present a concept clearly? The caché of "good design"?

• For the most part, the initiations did not expand (introduce new visual strategies) to the community visual language. Why is that? Were the visual conventions so conventional as to be unalterable? Did you, as a designer, feel you lacked permission to do so?

• What are your conventions for "successful design"? Is it impossible, advisable, desirable to move beyond them?

• Do you understand your design as having a rhetorical stance? What is it, and from whence does it originate?

Here is my text:

Manipulating visual conventions (really, conventions of any kind) is a tricky thing. Generally, these are established over time and agreed upon by communities or cultures. One cannot declare a convention for others with any certainty. Conventions are extremely fluid and mutable, and can be interpreted in very different ways. Because of this impermanence, manipulations of these conventions are experimental at best…designers serve as catalysts and can only predict an outcome (and are often surprised).

Our most recent MGD studio project asked us to identify and meddle with visual conventions for a specific community. I chose to examine an online community centered around food and cooking. My approach began with a deep dive into the community itself: How does it function? How do members relate to each other? How is communication achieved? What is important to the community? And finally, what does all that look like? This initial consideration of visual conventions resulted in a long but superficial list of typical online forum language: avatars, emoticons, navigation and bread crumbs, topic threads with nested comments, banner ads, etc. These are all indeed visual conventions this community engages with—many of which greatly influence the functionality and relationships of members—but none of them felt particular or specific to this online community.

Next I began to think about the visual conventions found in the act of cooking and engagement with food. This elicited ideas like measuring cups and spoons, food packaging, recipe cards, cookbooks, and mise en place (a French term meaning “everything in place”). This last convention felt very rich—I wondered if it could be used as a visual way to explain complex information to this community. Part of the assignment was to initiate something new. Members spend a lot of time on the site discussing the preparation, combination, taste and enjoyment of food—but what if they were asked to consider the nutritive content? Could the way they respond to and comprehend that information be affected by its visual language?

Using mise en place as a metaphor, I built out an image with bowls and dishes of varying shapes, colors and sizes to represent different categories of nutrition. I tried to use typography to represent the individual nutrition elements (fat, vitamin C, selenium)—applying transparency to each word and layering it within its respective dish. A fuller dish represented a greater percentage of that nutrient in the food. While this idea was compelling, in execution, the complexity of the visual language made it hard to understand the relationships between percentages and nutrients.

I discarded the specificity of the metaphor (literally, items in dishes) but retained the notion of parts to a whole, which is an integral part of cooking. My final design integrated this idea with the visual language of food packaging, cookbooks and recipe cards—culminating in an animated experience triggered when a community member views a recipe on the website. Nutrients are visually treated as products. A box for each nutrient falls into the browser frame—Fat, Carbohydrates, Protein, Sodium, Vitamin C . Each box displays the name of the “product” in typography reminiscent of processed food packaging—arched text, script fonts, bold letters, stroked type, and bright colors. Each box contains a grid of 100 small icons (a stick of butter for Fat, a package of steak for Protein, a salt shaker for Sodium), which represents the percent recommended for daily consumption. The amount contained within the current recipe is shown at full opacity, while the remaining icons on the grid are shown at a much lighter opacity—parts to a whole. The design is meant to be humorous and tongue-in-cheek. The community members love food and convey a sense of fun when they communicate with each other—I decided working with this would prove more compelling than working against it.

What felt most important in this exercise was to communicate with my chosen community in a way that would seem familiar to them, feel of them—but to also experiment with inventive “designerly” ways of doing that. This was much harder than I anticipated. How can a designer—with all her expert knowledge, jargon and prejudices regarding communication—step back and truly see the visual landscape through the eyes of a “non-expert”? Where is the line between imitation and condescension? How can the insertion of my voice as a designer compliment (and complement) that of the community? Users have definite expectations and nearly tangible comfort levels when they encounter artifacts—accounting for this and attempting to innovate within it was difficult. I struggled to clearly communicate my message while engaging the user in a memorable and emotional way.

Working in the medium of convention is something designers do every day—we weave them together and pick them apart and use them for desired effect (whether we consciously realize it or not). I believe conventions are both tools and limitations. We can employ them as shorthand to quickly gain comprehension, to suggest nuance, or even as subversion. At the same time, we always run the risk of misinterpreting how an intended audience will understand them. Convention is a blessing and a curse. Slippery, transient, nebulous—it is the very substance of society, communication, culture and humanity.

Monday, October 19, 2009

project #2: a community initiation...

Please see my previous post to read the brief for this project.

After the feedback I received at crit, I began to develop an overlay to the DiscussCooking website, which would act as a hack the first time a user encountered it (forcing them to engage with it, either to explore further or to turn it off). My goal with this widget-interface is to introduce my community to the RDA (recommended daily allowance) nutrition information for the recipes on their site. Most of these recipes are user-contributed, and don't come with any specific information about nutrition. The tone of the website is fun and friendly overall, so I wanted to keep my initiation in line with that (and wanted to be somewhat tongue-in-cheek).

The user would come to the site, would navigate to a recipe, and the hack would take over (but only on initial discovery).

A Community Initiation... from Liese Zahabi on Vimeo.



Once the hack has finished playing, the user may engage with it as they wish, and all the recipes that are part of the initiation are clearly marked with these interactive icons.





I didn't get much feedback during critique (I happened to go last, which I think didn't help). However, Denise asked us to reflect upon this project and write an analysis, which I will submit in my next post.

Saturday, October 17, 2009

project #2: visual conventions of a community...

Here is the (very brief) brief Denise posted for project number 2...

Project 2 : An Initiation

1. Read : assigned sections on "discourse communities" from Shaping Information: the Rhetoric of Visual Conventions (Kostelnick and Hassett). (This and other reading reference posted here.)
2. Identify : existing visual conventions of the community you have selected to study in seminar.
3. Design : An Initiation to ________ , introducing new visual conventions that might logically follow, or interrupt, if such is the more compelling strategy. Any media, any point of delivery.

Again, my community for the semester is DiscussCooking.com.

After completing the reading assignment and analyzing the website my community uses, here are the visual conventions they favor:
  • Forum structure
  • Website navigation
    - Bread crumbs
    - Drop down menus
    - Multiple paths and options
  • Avatars
  • Signatures
  • Emoticons/Smileys
  • Buttons
  • Banner Ads
  • Side bars
  • Modularity
  • Search function
  • Logo (at top left)
  • Patterned background (checked tablecloth)
  • Icons
  • Photography
    - Of food
    - Of people
    - Of places
  • Calendar

This also made me think about the visual conventions people with an understanding of cooking
would use:
  • Mise en place (everything in it's place)
  • Cookbooks
  • Recipes
  • Measuring systems (cups, spoons, etc.)

From here, I started to think about ideas for my initiation: What do I want to initiate this community into? I thought it could be interesting to somehow show the community how the food they discuss every day effects their body. Not necessarily for shock value...more for informative value. I wanted to approach this as a way to display unknown (or just non-considered) information in an interesting way.

Some initial brainstorms—could show:
  • How the body processes the food in a given recipe
  • Which organs are effected by the food in a given recipe
  • How quickly the body will metabolize the food in a given recipe
  • How the food in a given recipe breaks down into components that are processed differently by the body

Here is an initial sketch—my first idea for this project. I'm riffing off the idea of mise en place (french for everything in it's place), which is a technique chefs and cooks (and TV personalities) use when cooking. You prepare all the ingredients according to the recipe, measuring out everything into containers, arranging all the items by step or procedure within the recipe, before you start cooking.







































I wondered if using mise en place as a metaphor could help users of this site understand nutrition information.

Feedback from the critique convinced me to move in a different direction. Denise thought I could push my idea in a more unexpected and surprising direction. I agree.

Thursday, October 15, 2009

culture probe: take two...

After the critique of our initial culture probes, Denise asked us to consider what the class had discussed—regarding the speculative success or failure of probes like these, but also the nature of ritual itself—and re-work our culture probe.

I wondered if changing my probe into something digital could drastically change the nature of the experience. Would a digital/animated experience be more engaging for Starbucks customers?

Here is a simulation of my proposed design. This would exist as a large square touch screen surface, hung on the large display wall in the seating area of my particular store. It would have a motion detector, allowing the interface to react to customers walking by. Users would be able to interact with the elements on the screen, and once engaged, would be asked to use the attached digital camera to take their own photo, caption it, and then look through photos taken by other customers all over the world.

Starbucks Culture Probe: Take Two.... from Liese Zahabi on Vimeo.



Overall, I think both versions of my culture probe could prove illuminating. However, without actually testing it, I can only speculate about what might come out of it. The beauty of these types of probes (as discussed by Bill Gaver here) is that they can be used as tools by designers for inspiration. By amassing and curating "stuff" created by your customers/users/collaborators, you can sift through it and categorize it and play with it. The possibilities for recognizing patterns, shifts, new ideas and innovations are numerous. You just have to be open to it.

Monday, October 12, 2009

studio project #1: a cultural probe…

For our first official project, Denise assigned the following:

Project 1 : Anatomy of a Culture Probe

As you venture into "thick analysis", in studio we enlist your imagination to interpret and extrapolate from the explicit evidence you observe.

Based on observations culled at your coffee house:

Design a Culture Probe that aims to discover what/how/why ritual exists within the experience.

  1. Speculate on the complete system that includes:
    1. Format
    2. Form
    3. Verbiage/Tone
    4. Locale
    5. Moment
    6. Delivery Mechanism
    7. Respondent
    8. Probe retrieval
    9. Archiving
    10. Assessment
Oy ve!

Nailing down a working definition of ritual seemed like a logical place to start, from dictionary.com:
  • Set of actions performed mainly for their symbolic value. (Not arbitrarily performed/chosen by performer, or dictated purely by logic, chance, necessity, etc.)
  • Any practice or pattern of behavior regularly performed in a set manner.

I also feel that ritual inherently has a sense of specialness or reverence…this is something set apart from every day operational action (although I believe that ritual can occur within the everyday).

Next I moved to some more online research and found some interesting articles about ritual. I discovered a conversation about the ritual-ness of the ways we use space—how we signal our defined space around us, signal power structures, and display identity through our use of space (i.e. in a workplace). This ritualistic use of space is certainly found in the context of the coffee shop. But how could I get at this notion with an artifact? How could I open up the user and encourage them to express some of their notions of space, and get them to define or label that?

The Idea
To provide customers with an array of small, tactile objects and encourage them to arrange these objects in some way (with very little instruction or prompting). The customer would then be asked to frame their arrangement in a photograph (using a Polaroid camera) and label that photograph. Then the polaroids would be hung together on a wall in the seating area of the store.

The Specifics
what's space got to do with it?
  • I was interested in the notion of space and the way it affects ritual (for example, issues of privacy, proximity, comfort, trust, freedom, etc.)
  • A way of getting at these ideas and perceptions is to engage the customers in a spatial way
  • I really wanted to think about a probe that was centered on creating conditions in which users could express themselves, or tell stories, or do something unexpected
  • SO my probe is a set of small somewhat abstract objects that the user would arrange in some way, frame in a polaroid photograph, label with a sharpy, and then hang in the coffee shop space.
so how does this thing work?
  • Three sets of objects would be placed in the customer seating area, 2 sets in labeled boxes, 1 set in a small glass container
  • A polaroid camera and some sharpies would also be accessible in the seating area
  • The labeled images would be hung on the back of the large merchandise wall, so all the photos could be viewed from the entrance of the store and the seating area
  • I really wanted the probe to be very open ended, I debated as to whether there would be explicit instructions included or not, and finally settled on having very brief directions that could still be somewhat ambiguous
  • I spent a lot of time debating what the arrangable objects should be: wanted them to be abstract but be able to have some symbolic meaning, wanted them to be tactile and have some presence (weight), wanted people to be able to stack and build if they wanted to
  • I tried to design this to not be from Starbucks, but still be of Starbucks
  • I wanted it to feel more like a store specific phenomenon
  • As to why people would participate, I hope by having these items on the tables (where normally just papers or computers are) people would be intrigued. They would also see all the photos on the wall and hopefully want to participate. Hopefully the unusual-ness of both the task and the use of the polaroid camera would be enticing.
and this is useful because...?
The images could be collected after some duration (1–even 6 months) and then analyzed. The assessment would consist of looking for patterns, anomalies, ranges within the set of photographs.

Some questions that could be considered:
  • How did individuals respond to the materials and task?
  • How did individuals respond to the arrangements made by others?
  • How did individuals interpret space?
  • Where did they set up their arrangement?
  • How did they frame the photograph?
  • How did they consider scale? Color? Juxtaposition?
  • How does their written label correspond to their visual arrangement?
  • Did they define the arrangement with seriousness? Humor? Confusion? Irony?
  • How could designed artifacts fit into these spatial arrangements?
  • What do these arrangements say about the use of space? About drinking coffee?
The Execution
Here is a presentation of my culture probe.

Starbucks Culture Probe 1A from Liese Zahabi on Vimeo.



Reflections on this project will follow in a later post...

seminar project #1: investigate a community…

We were asked to choose a community to deeply investigate over the course of the semester. This was the first project involving that community. We were to observe and examine the community according to Dori Tunstall's five characteristics (mentioned in an earlier blog post—historic consciousness, life goals, organizational structures, relationships, and agency) and organize this information into a 25 slide (no more, no less) presentation. The presentation is meant to be stand-alone (meaning I shouldn't need to stand next to it verbally expanding for a viewer to understand).

Because the content/context of my thesis will be food, I chose Discuss Cooking (an online cooking community) for my investigation.

Here is the presentation:

Discuss Cooking Community Presentation from Liese Zahabi on Vimeo.



I enjoyed this deep dive… Examining the community along these structured guidelines forced me to look at it from perspectives I probably wouldn't have on my own. And this structure actually illuminated more subjective qualities about the community and members as well.

We will use this community throughout the semester for both seminar and studio projects—so you will see more of Discuss Cooking. I'm sure you are waiting with bated breath…

Saturday, October 10, 2009

coffee shop observations: a fiction…

For our first Studio project, Denise assigned the following…

Project 1 : Anatomy of a Culture Probe

As you venture into "thick analysis", in studio we enlist your imagination to interpret and extrapolate from the explicit evidence you observe.

Based on observations culled at your coffee house:

Write a story from the perspective of a player in the experience, i.e. a particular customer, barista, dishwasher, busboy, manager, delivery person, etc.

She gave us this assignment before we made our observations, which made that exercise something of a "double-dip." While I was observing for my thick description, I was also very careful to capture moments and details that could be material for a piece of fiction.

I have never tried to write a short story, and decided that it would be interesting to make an attempt for this assignment. I tend to overcomplicate both my writing and my design, so for this project, I worked diligently to consider every sentence, phrase, word and comma, and omit anything that seemed superfluous.

I also decided to mix my process up a bit. I found a random number generator online, and generated two different numbers—one that corresponded to a page in my paperback dictionary, and one that corresponded to a word on that page. I used this word as an entry point into my story, and then ended up building upon that stylistically with other words from the same page.

I submit to you, my first short story.

Resplendent.
He peered around the wall of merchandise carefully, hoping to see a corner of her face again. She was wearing pink today, with all that black and green, and it suited her. John was arguing with her about whether C-A-N was an abbreviation for "can" or "Canada." Frustration began to creep into her voice. He was sure her mouth was beginning to tense at the edges, thinning to sharp points as she bit off the ends of her words.

The chai tea was turning cold. He knew his presence in the tattered chair in the corner was growing conspicuous. How long had it been? He had forgotten his watch on the lamp-stand again. Forty-five minutes? Fifty?

He sighed a shade too loudly, and glanced down at his lap. Soft, supple fingers curled into a limp fist...skin tone foreign against his bright eggplant t-shirt. Why couldn't Carla have finished the laundry on time? The purple fabric was stretched tight against his paunch, and he noticed a small hole beginning to take shape near his navel. He must look ridiculous…an aging cartoon character of a man…the color of Barney the dinosaur. A groan of discomfort escaped him as he ran his hand over his bald spot…a nervous gesture he had established years ago.

The guy sitting at the next table—all dark hair and Run DMC t-shirt—glanced up and barely brushed his gaze across the space, immediately returning to his laptop universe.

"Hey, are you done with that paper?" Her eyes were dark slits against the sun streaming in behind him, flecks of gold flashing off the buttons on her hat. He choked on his spit, spilling chai tea onto the hem of her black pants. Four eyes turned down to the stain as it spread out over the top of her shoe, then slid back up to meet in the chilly space between them. Her lips were slightly parted, and she rolled her tongue to the side, tucking it into her cheek. Once, twice.

"Nice," she muttered under her breath as she floundered past him to the kitchen. Run DMC guy was staring at him now, a dark smirk teasing the corners of his mouth.

Resonant.

He manouvered himself up and out of the chair, and blindly threw his vestigial tea at the garbage can, missing it by nearly two feet. Tea and milk and cup and lid exploded against the wall, splattering the door, his cheek, the floor and the Run DMC t-shirt. He plowed forward, arms raised, windmills flying, and flung the door out and open—escape. He tucked his hands into his pockets, once, twice. Head ducked, quick steps toward the corner as he tried to slow his heart, measure out his breath, and somehow make it up the block.

He crossed the street and shook his head violently, making space for distraction.

Carla would have finished the laundry by now. He could rescue his Harvard t-shirt from the warmth of the dryer and walk up to the library. Ellen would be working today, her pale skin incandescent behind her oversized glasses, widely framing moist brown eyes. If he hurried he could catch her on her way to lunch, subtly brushing past her on the stone staircase. There would be books and chairs—crevices to peer out of, objects to hide behind.

Resuscitate.


Overall, I am pleased with this. It was an extremely valuable exercise for me, and I think the end result is a decent character study. One of my goals for the semester is to practice more restraint within my work. To ruthlessly edit and re-frame my ideas, allowing more space for simplicity and resonance. Hopefully, this is a step in the right direction.

Wednesday, October 7, 2009

coffee shop observation: a thick description...

We are focusing on the concept of community (and the ways we can get at culture through that lens) in both studio and seminar this semester. To do this, we are using a framework of qualities about community put forth by Dori Tunstall (design anthropologist). She posits that a community displays/contains the following five characteristics (in varying degrees):

• Historic consciousness — an understanding of where the community comes from
• Life goals—the things and values that really matter to the community
• Organizational structures—how decisions are made, how the community is arranged, and how members fit into that
• Relationships—the ways in which people connect and communicate and create understanding and trust
• Agency—the degree of control (or influence) an individual has within the community

We have also discussed the discipline of ethnography, and the ways in which designers can use the techniques of that discipline to engage and study specific communities. A thick description is something created by an ethnographer (or someone acting as one)—a detailed, rich and expansive description of people, actions, behaviors, objects, environments and other "stuff" observed in a culture.

Our first assignment was to observe the culture within one of the local coffee shops in Raleigh and create our own thick description. We are working in teams of four or five to bring together the observations of several people into one macro-description. I chose to observe Starbucks, and my team decided to make our observations at different times on different days. I went on a Saturday just after lunch, ordered an iced coffee, found a plush chair in one corner, and spent the next hour and a half scribbling furiously in my notebook, trying not to look too conspicuous.

It was fascinating (truly) to sit in a commercial space and just watch people (people watching is something I enjoy doing all the time) but this had a different quality to it, a more pointed purpose, a depth that regular people watching doesn't have.

After the observations were all finished, my small group came together and wove our separate descriptions together, looking for patterns, anomalies and points of interest. Rehashing and combining what we had observed led to insights and opinions we wouldn't have made through the initial observation.

Ultimately, what this assignment revealed is that observing people in an environment can lead to compelling information not easily garnered through a questionnaire or focus group. By carefully observing the ways people interact with objects, environments, products and each other, designers can look for the points of mediation within a complete experience and begin to see how design can slip into those points.

Tuesday, October 6, 2009

fall 2009: design as a cultural experience...

This semester we are talking about Design as a cultural experience. At the outset, I have many personal questions about the construct of culture...

How are artifacts read and understood (or not)? What are the cultural constructions societies agree on (or not)? Where is the place that design slips into the cracks of a culture? Or is it laid atop everything in multiple layers and overlapping levels? Can there truly be commonalities? How many people constitute a culture? How can cultures shift and change over time—how transient are they? Where does the notion of tradition rub up against culture—creating sparks of resistance and conflict? How does design shape culture—and of course, how does culture shape design?

Many directions and avenues to examine and explore. It will be interesting to see where the conversation takes us....