Andrew Lambert

This is my third and final submission. Since 4/15, I made changes to Fierce & Dynamic.

Here’s the link to my spreadsheets on Google Docs… I used one sheet per set: https://docs.google.com/spreadsheets/d/1Dc3NPyGepT0als0NsD1ibHjH0TJlo8l2Ft1kpaW3-DU/edit?usp=sharing

I’ve pasted out the contents of each spreadsheet below.

SET A: FIERCE & DYNAMIC
== Changes from v2 ==
My submission on 4/15 lacked internal consistency. I decided to pick one interpretation within my set that resonated to me as the most “fierce and dynamic”, and start from the beginning. It’s possible that the rules around interpretation have greatly limited my flexibility, but I decided to move forward with it anyway.

== Visual Language (VOICE) ==
Contrast of Space: white space should be balanced across the diagonal

Shape of Forms: long rectangles

Orientation of Forms: 45 degree angles

Size of Forms: minimum of 1×2 rectangles

Placement of Form: no symmetry between left and right sides of the composition, because of the diagonal

Space Between Forms: as a set, they should be aligned in the same direction; spacing should be consistent between adjacent forms in the diagonal. (this is not necessarily true of lines that run parallel to the main diagonal)

Other 1: interaction with the corners

Other 2: draw eye from bottom-left up to the top-right of the page

== Objective Rules (assignment rules) ==
#1: forms greater than 1×1 in size should be used, ensuring “fierce”

#2: forms of inconsistent size should be used

#3: in order to ensure “dynamic”, there should be no symmetry between the left and right sides of the composition. white space must feel balanced across the diagonal

== Interpretation of Visual Language ==
Word Associations: roar, strength, sharp, growling, fangs, hissing, traveling, fire, flow, movement

What did you interpret to apply your rules?: To achieve “dynamic”, forms need to move across the page. The forms should be grouped together and vary in some dimension (e.g., scale) to create dynamic. To achieve “fierce”, forms need to be long, and sharp.

Explain your process:
A1, Balance: First, I connected forms to draw a line. Because the line goes through the diagonal, the composition feels balanced. It’s a long line, so it is fierce. The forms are of different sizes; there is no pattern in sizing; and in a line as they move together through the page… therefore they are dynamic.

[A fun epiphany: The diagonal as an interpretation of dynamicism is supported by how we make two-dimensional graphs in math. Imagine the graph of y=1, a horizontal line. It does not change at all as x increases. This is NOT dynamic. Instead, the graph of y=x, a diagonal line, is more dynamic… there is a change in y with each x. This is what I’m using here. It’s really interesting to think about gestalt fundamentals behind two-dimensional mathematical graphs!]

A2, Balance – 3 Forms Using Scale: I re-used A1. The use of several different sized rectangles arranged in a neither ascending nor descending pattern leads to my strongest interpretation of “fierce” and “dynamic”.

“A3, Balance – 3 Forms Using Space: I started with my diagonal motif. To focus on space, I broke the rule of using forms of inconsistent sizes by eliminating scale completely. Consistent alignment and spacing contributes to balance of white space here.

The effect of breaking my rule was trading off the strength of my interpretation to optimize towards fulfilling the objective. Perhaps there are other interpretations that are less rigid than mine, where I wouldn’t have to trade off these two dimensions.

A4, Hierarchy Using Scale – Using at Least 3 Forms: Started again with the diagonal motif. I used two same-sized rectangles, and one with a different size. As the eye follows the diagonal up from the bottom left to the upper right, it will rest on the one differently sized rectangle.

A5, Hierarchy Using Space (No Scale) – Using at Least 3 Forms: To stay within my interpretation, I again started with the diagonal motif. Since no scale is allowed, I standardized the piece sizes. My plan was to make one piece different using space… specifically, I chose to give it greater spacing from the other elements that make up the diagonal. I chose the smallest possible pieces of 1×2 so that I could exaggerate the spacing between the “special” piece and the others. (With longer pieces, this would not have been possible.) I think the fierceness of my interpretation has suffered as a result.

A6, Balance – Rhythm – Using Scale and Space – Using at Least 3 Forms: First, I created a pattern to achieve rhythm. I had to break my rule of inconsistent sizes to achieve this. I made sure to include 2 different scales in the pattern. I used space to arrange into a diagonal. As usual, the forms are long.

A7, Balance – Rhythm – Using Scale and Space and Emphasis – Using at Least 3 Forms: I started with A6 and replaced the middle set of forms with a single, longer form. Emphasis achieved!

================================================
SET B: DELICATE & WHIMSICAL
== Visual Language (VOICE) ==
Contrast of Space: 75%+ white space

Shape of Forms: small, connected forms of 1×1 squares in order to appear delicate and whimsical

Orientation of Forms: slight rotation, to appear delicate and whimsical

Size of Forms: Keep forms small. Avoid long forms (those look fierce), and avoid big forms (they aren’t delicate). If need to scale, then add another 1×1 square.
Placement of Form: angled squares overlapping each other appear flake-like, which fits whimsical + delicate

Space between Forms strive for white space between forms–when the flake forms come together, they look jagged. like a monster. NOT whimsical + delicate

== Objective Rules (assignment rules) ==
#1: the first form must be rotated at 45 degree angle

#2: the first form is two 1×1 squares that overlap

== Interpretation of Visual Language ==
Word Associations: airy, light, ephemeral, thin, floating, wispy, fine, playful, mischievous

What did you interpret to apply your rules? : My overall interpretation is that I need small forms which seem fragile and playful. I keep thinking of fun snowflakes.

Explain your process. :
B1, Balance: Start with the simplest case of the two rotated and overlapping squares. Rotation makes it look delicate. I use symmetry along a vertical line to achieve balance.

B2, Balance – 3 Forms Using Scale: I created 3 “flake” forms (which are defined as two rotated and overlapping squares). I added an additional square to one flake to achieve Scale. Then I positioned the forms to achieve symmetry along a vertical axis.

B3, Balance – 3 Forms Using Space: I started with Scenario 1. I created two more flakes. I chose to arrange these in a diagonal from the upper left to the bottom right to guide the eye. The effect is that the forms (“flakes”) are falling, which is a whimsical and delicate action.

B4, Hierarchy Using Scale – Using at Least 3 Forms: Reused Scenario 2. Hierarchy requires at least 2 forms to use the same principle (e.g., size, orientation, whitespace). The third form needs to be a contrast to the other two. The flake with 3 squares is different because it is bigger and on top, so hierarchy is achieved.

B5, Hierarchy Using Space (No Scale) – Using at Least 3 Forms: I started with a flake in the middle. The connotation of middle of the 10×10 square is “most important”. Because I needed to use at least 3 forms, I put one flake per corner. Because it is the only flake that does not occupy a corner, the middle flake is unique. Therefore hierarchy is achieved.

B6, Balance – Rhythm – Using Scale and Space – Using at Least 3 Forms: First, I wanted to establish rhythm, so I defined a pattern using 3 flakes. I placed them in corners and the center. Next, I thought about how to add scale to the pattern, so I added single squares between the flakes. My third step was considering how to add space to the pattern… I changed the angle of the single squares. The placement seems balanced. Ultimately, I created a composition that reminds me of leaves falling gently to the ground… leaves won’t fall straight to the ground, but will encounter some air resistance as it drifts to the ground.

B7, Balance – Rhythm – Using Scale and Space and Emphasis – Using at Least 3 Forms: I started from B6. To add emphasis, I experimented with removing the center flake. The effect of the removal was the top-left to bottom-right visual flow broke. So, I realized that the center flake was a critical piece to keep in there. I tried emphasizing this piece instead, by adding two squares to the flake. I rotated it slightly. This 4-square center flake is now emphasized. The result is that the center piece IS emphasized, but your eyes follow a curved, reverse-S-like flow from left-to-right. This flow feels delicate and whimsical… it’s similar to a leaf drifting to the ground. This is supported by how the squares are stacked… the effect is this form adds a third dimension. This facilitates the eye going from upper-left to lower-right without being disrupted by the size of the 4-flake form.

================================================
SET C: SAFE & EFFICIENT
== Visual Language (VOICE) ==
Contrast of Space: primarily white space, rather than squares

Shape of Forms: Square 1×1″

Orientation of Forms: 90 degrees

Size of Forms: size should be equal, unless scale comes into play

Placement of Form: centered, aligned along vertical axis

Space between Forms: strive for equal space

== Objective Rules (assignment rules) ==
#1: start with square in the center

#2: use as few forms as possible

#3: strive for equal spacing, unless we need to use space

== Interpretation of Visual Language ==
Word Associations: system, simple, structured, minimalist, elegant, ordered, grid, machine, pattern, economical

What did you interpret to apply your rules?: My overall interpretation was that I should keep my composition simple and minimalistic. I should follow a grid-like structure, and only use right angles.

Explain your process.:
C1, Balance: I started with a single square in the middle. In my interpretation, that’s simplest case of “safe and efficient”. Throughout the set, I achieved balance by using symmetry.

C2, Balance – 3 Forms Using Scale: I used symmetry to achieve balance. I increased scale as I went down to maintain balance. I broke the “simple square in the middle” rule

C3, Balance – 3 Forms Using Space: I aligned the 3 squares along a vertical axis for symmetry.

C4, Hierarchy Using Scale – Using at Least 3 Forms: I achieved hierarchy through contrasting one square with the other two through scale.

C5, Hierarchy Using Scale (No Scale) – Using at Least 3 Forms: To achieve hierarchy using space, I changed the relationship of space between one square and the other two.

C6, Balance – Rhythm – Using Scale & Space – Using at Least 3 Forms: First, I created a pattern of squares using Space, to achieve Rhythm. Then, I scaled some of the squares.

C7, Balance – Rhythm – Using Scale, Space, & Emphasis – Using at Least 3 Forms: I followed a similar logic to scenario 6. To achieve emphasis, I greatly exaggerated the scale of the center block. It occupies the most important space, so I chose to break my rule of a simple square in the middle.

Andrew Lambert

This is a re-post, where I include the contents of my spreadsheet in plain text. I did include the spreadsheet text on my original post, but only as a comment that is easy to miss.

Here’s the link to my spreadsheets on Google Docs… I used one sheet per set: https://docs.google.com/spreadsheets/d/1Dc3NPyGepT0als0NsD1ibHjH0TJlo8l2Ft1kpaW3-DU/edit?usp=sharing

I’ve pasted out the contents of each spreadsheet below.

SET A: FIERCE & DYNAMIC
== Visual Language (VOICE) ==
Contrast of Space: 45 – 90% white space
Shape of Forms: long rectangles
Orientation of Forms: 45 degree angles
Size of Forms: minimum of 1×2 rectangles
Placement of Form: no symmetry between left and right sides of the composition
Space between Forms: aligned in the same direction

== Objective Rules (assignment rules) ==
#1: long forms greater than 1×1 in size will be used, ensuring “fierce”
#2: in order to ensure “dynamic”, there should be no symmetry between the left and right sides of the composition

== Interpretation of Visual Language ==
Word Associations: roar, strength, sharp, growling, fangs, hissing, traveling, fire, flow, movement
What did you interpret to apply your rules? : To achieve “dynamic”, forms need to move across the page. The forms should be grouped together and vary in some dimension (e.g., scale) to create dynamic. To achieve “fierce”, forms need to be long, and sharp.

Explain your process. :
A1, Balance: First, I connected forms to draw a line. Because the line goes through the diagonal, the composition feels balanced. It’s a long line, so it is fierce. The forms are of different sizes and in a line as they move together through the page… therefore they are dynamic.

A2, Balance – 3 Forms Using Scale: I combined several pieces larger than 1×1 to form the sideways-Vs. I increased the size of each to achieve scale. Balance is achieved along a horizontal line through the arrowheads. The composition is NOT symmetrical between the left and right sides, along a vertical line.

A3, Balance – 3 Forms Using Space: Because I was manipulating space, I kept scale constant by creating three same-size forms. Then, I aligned them along a diagonal.

A4, Hierarchy Using Scale – Using at Least 3 Forms: I created three forms using rectangles longer than 1×1. Then, I made two of them the same scale, and one different. Hierarchy is about making one element stand out. I used size to make this happen.

A5, Hierarchy Using Space (No Scale) – Using at Least 3 Forms: Because I was manipulating space, I kept scale constant by creating three same-size forms. I placed one of the three forms different from the other two, which are parallel.

A6, Balance – Rhythm – Using Scale and Space – Using at Least 3 Forms: First, I created a pattern to achieve rhythm. I made sure to include 2 different scales in the pattern. I used space to arrange into a diagonal. As usual, the forms are long.

A7, Balance – Rhythm – Using Scale and Space and Emphasis – Using at Least 3 Forms: I started with A6 and replaced the middle set of forms with a single, longer form. Emphasis achieved!

================================================
SET B: DELICATE & WHIMSICAL
== Visual Language (VOICE) ==
Contrast of Space: 75%+ white space
Shape of Forms: small, connected forms of 1×1 squares in order to appear delicate and whimsical
Orientation of Forms: slight rotation, to appear delicate and whimsical
Size of Forms: Keep forms small. Avoid long forms (those look fierce), and avoid big forms (they aren’t delicate). If need to scale, then add another 1×1 square.
Placement of Form: angled squares overlapping each other appear flake-like, which fits whimsical + delicate
Space between Forms strive for white space between forms–when the flake forms come together, they look jagged. like a monster. NOT whimsical + delicate

== Objective Rules (assignment rules) ==
#1: the first form must be rotated at 45 degree angle
#2: the first form is two 1×1 squares that overlap

== Interpretation of Visual Language ==
Word Associations: airy, light, ephemeral, thin, floating, wispy, fine, playful, mischievous
What did you interpret to apply your rules? : My overall interpretation is that I need small forms which seem fragile and playful. I keep thinking of fun snowflakes.

Explain your process. :
B1, Balance: Start with the simplest case of the two rotated and overlapping squares. Rotation makes it look delicate. I use symmetry along a vertical line to achieve balance.

B2, Balance – 3 Forms Using Scale: I created 3 “flake” forms (which are defined as two rotated and overlapping squares). I added an additional square to one flake to achieve Scale. Then I positioned the forms to achieve symmetry along a vertical axis.

B3, Balance – 3 Forms Using Space: I started with Scenario 1. I created two more flakes. I chose to arrange these in a diagonal from the upper left to the bottom right to guide the eye. The effect is that the forms (“flakes”) are falling, which is a whimsical and delicate action.

B4, Hierarchy Using Scale – Using at Least 3 Forms: Reused Scenario 2. Hierarchy requires at least 2 forms to use the same principle (e.g., size, orientation, whitespace). The third form needs to be a contrast to the other two. The flake with 3 squares is different because it is bigger and on top, so hierarchy is achieved.

B5, Hierarchy Using Space (No Scale) – Using at Least 3 Forms: I started with a flake in the middle. The connotation of middle of the 10×10 square is “most important”. Because I needed to use at least 3 forms, I put one flake per corner. Because it is the only flake that does not occupy a corner, the middle flake is unique. Therefore hierarchy is achieved.

B6, Balance – Rhythm – Using Scale and Space – Using at Least 3 Forms: First, I wanted to establish rhythm, so I defined a pattern using 3 flakes. I placed them in corners and the center. Next, I thought about how to add scale to the pattern, so I added single squares between the flakes. My third step was considering how to add space to the pattern… I changed the angle of the single squares. The placement seems balanced. Ultimately, I created a composition that reminds me of leaves falling gently to the ground… leaves won’t fall straight to the ground, but will encounter some air resistance as it drifts to the ground.

B7, Balance – Rhythm – Using Scale and Space and Emphasis – Using at Least 3 Forms: I started from B6. To add emphasis, I experimented with removing the center flake. The effect of the removal was the top-left to bottom-right visual flow broke. So, I realized that the center flake was a critical piece to keep in there. I tried emphasizing this piece instead, by adding two squares to the flake. I rotated it slightly. This 4-square center flake is now emphasized. The result is that the center piece IS emphasized, but your eyes follow a curved, reverse-S-like flow from left-to-right. This flow feels delicate and whimsical… it’s similar to a leaf drifting to the ground. This is supported by how the squares are stacked… the effect is this form adds a third dimension. This facilitates the eye going from upper-left to lower-right without being disrupted by the size of the 4-flake form.

================================================
SET C: SAFE & EFFICIENT
== Visual Language (VOICE) ==
Contrast of Space: primarily white space, rather than squares
Shape of Forms: Square 1×1″
Orientation of Forms: 90 degrees
Size of Forms: size should be equal, unless scale comes into play
Placement of Form: centered, aligned along vertical axis
Space between Forms: strive for equal space

== Objective Rules (assignment rules) ==
#1: start with square in the center
#2: use as few forms as possible
#3: strive for equal spacing, unless we need to use space

== Interpretation of Visual Language ==
Word Associations: system, simple, structured, minimalist, elegant, ordered, grid, machine, pattern, economical
What did you interpret to apply your rules?: My overall interpretation was that I should keep my composition simple and minimalistic. I should follow a grid-like structure, and only use right angles.

Explain your process.:
C1, Balance: I started with a single square in the middle. In my interpretation, that’s simplest case of “safe and efficient”. Throughout the set, I achieved balance by using symmetry.

C2, Balance – 3 Forms Using Scale: I used symmetry to achieve balance. I increased scale as I went down to maintain balance. I broke the “simple square in the middle” rule

C3, Balance – 3 Forms Using Space: I aligned the 3 squares along a vertical axis for symmetry.

C4, Hierarchy Using Scale – Using at Least 3 Forms: I achieved hierarchy through contrasting one square with the other two through scale.

C5, Hierarchy Using Scale (No Scale) – Using at Least 3 Forms: To achieve hierarchy using space, I changed the relationship of space between one square and the other two.

C6, Balance – Rhythm – Using Scale & Space – Using at Least 3 Forms: First, I created a pattern of squares using Space, to achieve Rhythm. Then, I scaled some of the squares.

C7, Balance – Rhythm – Using Scale, Space, & Emphasis – Using at Least 3 Forms: I followed a similar logic to scenario 6. To achieve emphasis, I greatly exaggerated the scale of the center block. It occupies the most important space, so I chose to break my rule of a simple square in the middle.

Andrew Lambert

10 Associations for Emotional Inputs A – Fierce & Dynamic
– roar
– moving
– changing
– intense
– determined
– sharp
– change
– activity
– progress
– ferocious

10 Associations for Emotional Inputs B – Whimsical & Delicate
– playful
– light
– easy to break
– intricate
– fragile
– careless?
– graceful
– subtle
– tender
– goofy

10 Associations for Emotional Inputs C – Safe & Efficient
– protected
– riskless
– balanced
– minimalist
– succinct
– existing
– well-organized
– economical
– powerful
– able

Andrew Lambert

I described my Unexpected Object, the “ketchup-in-a-body-lotion-dispenser abomination” in last week’s blog post: https://blogs.ischool.berkeley.edu/i265s16/2016/02/19/andrew-lambert-3/ Pictures of the original are below, and you can also see the modified object in-context.

Next, I decided to place my abomination in-context to see how people interpreted it. I bought some French fries and took them to unsuspecting participants in the student lounge. I sought to compare people’s associations between ketchup packets and my abomination. I offered people the following scenario: you’re going to eat these French fries. Here are some ketchup packets. What are your associations with ketchup packets? Next, I revealed my abomination. What are your associations with this?

I was successful because people thought what I was created was “gross”. However, it was gross for a reason different from what I thought. People didn’t seem bothered by the spa brand, because they didn’t have strong associations with it. (Perhaps a Dove body lotion container would’ve had a stronger association?) Instead, they were “freaked out” that the ketchup had been removed from its “sterile” and “hermetically sealed” container (the ketchup packets) and transferred into a new one. One participant explained that he he finds it “gross” when his wife moves food and sauces into new containers.

After the study, I threw the ketchup-covered abomination in the trash so I wouldn’t risk contaminating my backpack with it. Let us never speak of this unholy creature again.

Andrew Lambert

“Ketchup-in-a-Body Lotion Dispenser” Abomination

I began by brainstorming different objects that have universal interpretations. I identified the characteristics, properties, and emotions that supported these interpretations. I started to think about different senses, and how I might change an object’s characteristics to influence its interpretation.

My original object was a bottle of body lotion from Ojai Valley Inn & Spa, a luxury hotel in southern California. I’ve used this lotion to moisturize and rejuvenate dry skin. The lotion is opaque, white, oily, and smells like soap. Because of the lotion’s function and associated with soap, I know that it is not edible. The packaging is nearly transparent and has the classy logo for the luxury hotel. The smell and packaging remind me of a clean and fancy hotel room.

To create an unexpected experience, I thought about how I could alter these properties. I wanted to flip the interpretations of “classy” and “clean” into something opposite. How could I make my object disgusting? I decided to remove the body lotion and replace it with ketchup. Why ketchup? Ketchup is a condiment to compliment the taste of food. In restaurants, we come for the food, not the condiments. I don’t know of anyone who has eaten ketchup independent of anything else. The idea makes me gag. I hate when I get ketchup on my hands; the red stuff reminds me of blood. And it’s sticky. I want it off my hands immediately. I certainly wouldn’t want to use it as a body lotion.

The process of putting ketchup into the body lotion container was… disgusting. I got some in before I quit out of repulsion.

Andrew Lambert

PART 1
1. What does this object mean to you?
My modem… it’s actually not my modem. It’s Comcast’s. They wanted to send someone to install it and charge me a fee. “Installation” just means plugging it into cables. I think I had to argue with them to eliminate the fee. When ending your Comcast subscription, people often complain that Comcast will purposely lose the modem after you return it so you have to pay extra. I love and hate things about the modem.
It’s this black box (literally and metaphorically) that gives me Internetz, which is my lifeblood. It has flashing lights that I have no idea how to interpret. I kinda like the simplicity of it being a black box, but maybe it could be friendlier and easier to understand. The lights are really annoying at night, because I can see the light from my bed. It keeps me awake. So I usually hang the modem awkwardly from the top of my desktop computer tower, which blocks the lights from my view.
Sometimes the Internetz stops working, so I pull the power and plug it back in. So then it works.

PART 3
1. What if we looked at all objects, people, thoughts, and things in the world this way?
If we looked at everything in the world by breaking it down into scientific, formal, representation, and interpretative steps, then we would be able to separate goal from execution. For example, trying to make a modem into a black box is a valid design direction–people like me just want our Internetz and don’t need to be exposed to all of the complexity. However, modem still exposes some complexity comes off as annoying and unfriendly to me.

2. When would we need to look at the world this way?
Breaking down experiences into scientific, formal, representation, and interpretative is crucial in a design context. We have a certain intent for a kind of experience we want to create, but sometimes we aren’t able to represent it such that others interpret it in how we intend. Instead of talking about how a design is “good” or “bad”, we can speak of it in terms of the gap between intent and execution through these steps.

3. Has the meaning of this object changed?
Yes! I didn’t realize the “black box” metaphor that the modem is trying to accomplish until I went through the representation step.

Andrew Lambert

I was excited to try the miracle berry… I was primed for surprises. Perhaps being primed reduced my likelihood of being surprised. I didn’t find that many foods of the foods I tasted were very different.

The foods I tasted included lemon, dark chocolate, and banana.

The most noticeable change for me was with the lemons. The taste went from being repulsively sour to excessively sugary. I was reminded of eating yellow Gobstopper candies that have way to much sugar in them and make you feel like you’re going to have a sugar crash. I wanted to get away from that feeling right away because lacking energy wastes my day.

The dark chocolate tasted the same. My associations were bitter, melting, cacao, sophisticated, and lingering. I don’t like the lingering after taste; it reminds me of having cotton mouth. (cringe)

The sea salt and vinegar chips were weird. They tasted accented, sharp, rough, and reminded me of Hawaiian BBQ chips. It brought back memories of drinking white wine while eating Hawaiian BBQ chips in Dolores Park. The flavor was addictive; I wanted more!

If my perception of taste changed, I’m sure I would eventually figure out new roles for different foods in my life. For example, maybe lemons would be for dessert now. The surprise and anticipation value would wear off eventually. Thinking in a similar vein, I wonder how long it would take someone to move to a place with entirely different cuisine to adapt to only eating that food. Would someone ever be fully able to completely rewire their associations to a new culture and cuisine?