Informations, Part 3: Joseph Hornig

A Sign I Find Effective

Katie Porter Sign

The black and yellow color choice definitely helps this sign stand out. It breaks through the noise by contradicting the typical mental model that political signs should be blue or red. The color choice is also employing threat detection – in nature, black and yellow typically signifies danger or poisonousness, as the two are often seen on bees, spiders, and snakes.

Black and yellow is also a common color combination for warning signs. In this way, the color choice is being used as a framing device – voters should act cautiously before voting for Katie Porter. The association with higher taxes is another negative framing device.

The framing is so persuasive that Katie Porter’s supporters felt compelled to add a clarification, hoping to alter the negative frame to a positive one (although in Orange County, it’s uncertain that proclaiming higher taxes on the rich will be seen as a positive frame).

The sign’s simplicity, symmetry, and the iconic representation of the equal sign all contribute to increasing the design’s visibility as well.

A Sign I Find Ineffective

Wagner Sign

This sign is completely illegible. It’s using uppercase, title case, and mixed case words; multiple typefaces; bold and italics; and inconsistent spacing and alignment. This is a textbook example of why highlighting methods should be used sparingly – this sign is noisy, ineffective, and impossible to read.

Exercise 2.1.3 – Informations: Omar Filippelli

These two signs are from a city 850 miles away from my home. I chose them purposely to avoid letting any personal political view bias my design critique. Also, I used a fast-view approach, as I drove through the streets. I wanted to see which sign had the fastest, bigger impact. Helping me decide as to who did the better, more effective sign campaign.

Tom Forese. campaign was clear and concise. The use of reversed type was simple and effective as well as the use of high contrasting colors. It contributed to my effective fast reading experience. it seems that without a picture this campaign is focusing more on people who already know Tom, or perhaps hoping that people will vote for the party or go to the website and do some research. This could be detrimental to the campaign as most people will be lazy to take such steps.

Justin Olson. This sign was impressive. This campaign managers are reaching to a wider audience than those who already know him. Hence, the use of the candidate’s face. This is a great implementation of Attractiveness Bias and Picture Superiority Effect, which won’t be necessary if he was reaching to the known crowd. These attributes plus others used by both campaigns, gives this sign the best chance of success. After spending a few days in Arizona this sign was the one I remembered the most.

 

Exercise 2.1.3 – Informations, Part 3: Joe Davis

A sign I hate and a sign that I don’t hate. I didn’t find a sign I loved, but I found one I don’t hate.

A SIGN I HATE

I decided to choose Sam Searcy’s campaign sign as the sign I hate for three reasons. First, the font size chosen for the majority of the sign is too small to read while driving, or even just walking by. Second, the propositional density of this sign is extremely low. He has redundant information that does not provide any substance. And third, the sign uses two hues of blue that seem clash.

I have included small versions of these pictures to give you the sense of what a viewer might see when driving by and plus “Keep your images small.”

Corrugated Sign with white background and Sam Searcy in blue on front

Overall, my biggest problem with this sign is how many graphics and lines of text the sign employs, only to tell you Sam Searcy is running for NC Senate. Surely, a simpler sign could convey the same info with a bigger impact resulting in a higher PD. 

 

A SIGN I DON’T HATE

One of the reasons I don’t hate the Harrison for Sheriff sign is their choice of colors. The dark brown background, the gold graphics, and clean white lettering help it stand out among the other political signage. This is good, because Harris is running for Sheriff, and this sign oozes Sheriff. Perhaps a little cliche in color scheme, but it gets the message across. Last name is in clean bold letters that are easy to read from a distance. There are contrasting colors that work well together, and the addition of the Sheriff’s badge makes the sign feel more official. It has one message, and it conveys that message with a minimal amount of fuss.

Exercise 2.2: Alexa Steinhauser

Alexa’s Apartment

Here is a map of my apartment space and the usual paths of my roommate and I when we get home from work. We have both common and private areas.

Alexa’s Apartment Building & Parking

Here is a map of my apartment building complex and the parking spots with adjacent tenant’s spaces. We can see how some spaces are closer than others to their particular building.

Alexa’s Neighborhood

Traffic tends to get increasingly worse after 3 pm. Surrounding my building is the I-405 Freeway and other major streets which get gridlocked during the later parts of the day. You can see which side of the street has more action versus going the opposite direction.

 

Project 2 – Mappings: Sahar Abdizadeh

Irvine Spectrum Center

Irvine Spectrum Center is one of the most well-known shopping malls in orange county. Aside from shops, it has many attractions for families and children to have fun.

Force1:

(The Giant Wheel):
Irvine spectrum giant wheel is one of the iconic elements that can be viewed from the freeway. It’s design and lightings attracts people attention. There are beautiful photos of this shopping center with the image of the giant wheel at night on the shopping mall advertising photos.

Force2: Parking

 I believe one important element that can affect people’s visits to a shopping center is the availability of parking spaces. Irvine spectrum looks so overwhelming when there are traffic created due to many people anxiously looking for parking spaces.

Force3: Children’s Attraction 

One of the attractions of Irvine Spectrum Center is the Carousel. Most children love riding or watching this antique designed carousel. It affects the ambiance. Hearing kids laughing and having fun creates a satisfying mood for children and parents.
Another interesting attraction I observed was Luckey Climber. I really love the design of this climbing structure for kids. It is both safe, functional, and beautiful.

Force4: Music

One thing that I notice in this place is the ambient background music which is continuously playing in all the areas. I personally music, and I think one thing that makes me want to stay in this place longer is the music.

Force5: Cafes

This area of the shopping mall is full of family activities. I was not surprised to see 3 cafes with plenty to outdoor sitting areas for parents to chill out while their kids are playing

Final Map

PDF

Exercise 2.1.3 – Informations; Campaign Signs, Tara Suan

Yes or No on 1631, which will it be?

Both these signs pack a punch with their design.  The No camp has got some fierce language on their side. Not only is it a no, its a NO. And it’s a STOP. This sign features strong primary colors, dominantly red, evocative of the Republicans, perhaps? Meanwhile in the yes camp its a cheerful, hopeful future in blue, green and yellow. I think both of these signs achieve a lot in the way of being “good” campaign signs.

However, what bothers me about them is they are both deceptive and meant to push people to opposite ends. That is how campaigns are won, but, it bugs me. 1631 is not just about sunshine and clean air. It’s a tax. And it’s also not unfair. Both these signs manipulate the public into voting and it’s super irritating. Of course, if I were voting in Washington I would pick a side and it would be the side that isn’t the fossil fuel companies spending millions to defeat this bill. So color me blue, green and yellow!

I tried to find a campaign sign that wasn’t good, but I didn’t see any. I also only walk and take the bus, so what I see is what I see. Have a look at this cute one. I don’t know that I agree with the bi-tonal “B-Right” but it’s a very memorable sign, with the subject’s winning name and the cute little lightbulb.

 

Informations, Part 3 of 2.1.3: Robin Kang

Election Signs

Hate

 

 

 

 

 

In my perspective, adding three names to an election signage this small is confusing and ineffective. This election sign is strategically posted near busiest intersections of Irvine; however, drivers have seconds to read the sign. This sign is ineffective because it lacks focus and creates noise. The designer should consider Signal-to-Noise Ratio in her/his design discipline.

Like

 

 

 

 

 

I cannot say I love this sign, but I can say that I like Don Barnes’s election sign. I like the usage of green, white and yellow colors. I can easily associate these colors with sheriff’s office. The sheriff’s star in the letter O is another way to drive the message- Don Barnes is running for Sheriff.  I like this sign because it drives clear and concise message.

Project One Principles

80/20 Rule: 80% of output is produced by 20% of its inputs. (Team 6)

Accessibility is standardizing design for all humans (Team 8)

Affordances: The relationship between individuals and the properties of artifacts that gives the individual insight into how to use the artifact. (Team 3)

Alignment: Create order and organization among elements (Team 7)

Anthropomorphic Form: People are drawn to humananoid forms or patterns as long as they are not too realistic. (Team 5)

Archetypes are conventions we learn from our culture(s) (Team 8)

Attractiveness Bias: People are likely to assume good things about attractive people than unattractive people, often based on facial symmetry and hip-to-waist ratio. (Team 3)

Biophilia Effect: The emotional, cognitive and physical benefits conferred by exposure to natural environments (Team 9)

Cathedral Effect: The influence of ceiling height on people’s focus and behavior by generating feelings of confinement or freedom (Team 2)

Chunking: Dividing information into 3-5 chunks makes it easier to process and memorize. (Team 5)

Classical Conditioning: A psychological approach that uses positive or negative stimuli to create an association or influence behavior. (Team 4)

Closure: Objects grouped together are seen as the whole (Team 7)

Cognitive Dissonance: A state of intellectual/emotional discomfort that results when expectations about something are subverted. (Team 4)

Color: Used to improve the aesthetics of a design, create visual interest, and assign meaning. (Team 4)

Comparison: A method to understand relationships and pattens between two or more elements. (Team 1)

Confirmation: A technique of verification to ensure the intended action is executed. (Team 1)

Consistency: When things behave the same, the systems are more usable and learnable. (Team 6)

Constraint: A restriction that guides a desired behavior or outcome by preventing unnecessary/unwanted actions. (Team 4)

Contour Bias: A tendency to favor contoured objects overs sharp, angled, or pointed objects. (Team 9)

Depth of Processing: How information is retained in long-term memory (Team   7)

Desire Lines: Integrate how users are actually using a product into its design. (Team 6)

Discoverability: The ease with which one can determine possible actions, and how to complete those actions, when a system or object is unfamiliar. (Team 4)

Exposure Effect: Occurs when people begin to like something (neutral or positive) after they’ve been exposed to it many times (Team 5)

Face-ism Ratio: The ratio of face to body in an image that influences the way the person in the image is perceived. (Team 10)

Fibonacci Sequence: A sequence where two previous numbers summed together form the next sequential number, whose ratio is often naturally occurring. (Team 10)

Feedback: Any means through which the result of an action is communicated back to the user who prompted it.(Team 1)

Figure-Ground Relationship: Manipulating the separation of a visual focus and the rest of the visual field to produce either an emphasis through contrast or ambiguous interpretation. (Team 2)

Five Hat Racks: The five methods that can be used to organize information — categorically, through time, through location, alphabetically, and through a continuum. (Team 3)

Flexibility-Usability Tradeoff: As flexibiity increases, usability decreases (Team   7)

Forgiveness: Use good affordances to help users avoid making errors altogether, minimize unintended consequences, and where possible fully recover from errors. (Team 3)

Framing: Emphasizing the positive and/or negative aspects of an idea or situation in order to influence the thoughts and decisions of users. (Team 6)

Gamification: The principle of gamification is the method of designing an experience that would not usually be experienced in a game like way. (Team 8)

Garbage In-Garbage Out: Bad input produces bad output. (Team 1)

Golden Ratio: The ratio between two quantities is the same as the ratio of their sum to the larger two quantities. (Team 4)

Gutenberg Diagram: The Gutenberg Diagram is a principle that describes the Western reading orientation where the reader begins from the top left and ends at the bottom right. (Team 6)

Hick’s Law: A principle, described in the form of a formula, stating that the more choices available, the longer it will take the user to make a decision. (Team 3)

Hierarchy: Complex relationships are organized into simple and visual structures. (Team 6)

Highlighting: Differentiating a small, specific area of content to increase scan-ability and call attention to points of emphasis. (Team 6)

Horror Vacui: The busier and more cluttered a design, the cheaper the product feels. (Team 6)

Immersion: A state of mental focus so intense that awareness of the “real” world is lost, generally resulting in a feeling of joy and satisfaction. (Team 8)

Interference Effect: Objects and things that cause a conflict in the thought process and increase cognitive load are known as the “interference effect.” (Team 8)

Inverted Pyramid: A way information can be presented so that critical information can be presented first followed by additional information in descending order of importance. (Team 3)

Iteration: The methodical and intentional reworking of a system or piece of a system to work towards a continuous, improved outcome. (Team 1)

Law of Pragnanz: humans subconsciously interpret complex figures in the simplest forms possible. (Team 3)

Layering: the idea of grouping the related information together in order to manage complexity and strengthen relationships in information. (Team 10)

Mimicry: The imitation of familiar things in order to take advantage of that familiarity and recognizability. (Team 4)

Mnemonic Device: A way to make information easily remembered by connecting something unfamiliar with something familiar through the use of imagery or words. (Team 9)

Nudge: The technique of using gentle reminders to lead a user to a desired action, typically utilizing defaults, feedback, incentives, structure choices, and visible goals to reduce friction and reinforce desired choices. (Team 2)

Ockham’s Razor: Simplicity is preferred over complexity. (Team 10)

Orientation Sensitivity: The ability to parse visual information along the x and y axes more easily, as well as the ability to discern a different element against a background of common orientation. (Team 10)

Performance Load: The amount of effort required to complete a task. (Team   4)

Progressive Disclosure: Showing the user only the most relevant, useful information, as the user needs it. (Team 7)

Propositional Density: The notion that objects and environments can be more interesting and memorable when it contains more deep meanings relative to the number of (visual) elements depicted. (Team 3)

Prototyping: Create mocks to explore the design of a product, test it, and refine it. (Team 1)

Proximity: Using distance between objects to help group or organize information visually. (Team 2)

Recognition-Over-Recall: Using cues to induce familiarity, reduce cognitive effort, and increase precision. (Team 2)

Red Effect: Women are percieved as more attractive and men are regarded as more powerful if they’re wearing red (Team 5)

Scarcity: The idea that an object’s level of desirability increases as its supply decreases (Team 5)

Self-Similarity: Property in which individual pieces are similar in composition to the sum of the pieces. (Team 9)

Signifiers: Communicating appropriate actions and behaviors. (Team 7)

Stickiness: Refers to the virality of ideas entering society’s cultural consciousness based on simplicity, surprise, concreteness, credibility, emotion, & story. (Team 2)

Symmetry: A sense of harmonious and beautiful proportion and balance. (Team 10)

Uncanny Valley: The effect when anthropomorphic forms have features that resemble the human form too much, so much that it becomes unappealing and creepy (Team 5)

Veblen Effect: Pricing something higher raises demand due to exclusivity. (Team 8)

Visibility: The usability of a system is improved when its status and methods of use are clearly visible. (Team 8)

von Restorff Effect: Things that are different stand out and are remembered. (Team 8)

Wabi-Sabi: A traditional Japanese philosophy that embraces imperfect and weathered aspects of an object. (Team 9)

Wayfinding: The process in which people understand, orient, and guide themselves through a physical environment by use of information and visual ques. (Team 9)

 

Many thanks to Tiffany Tam for coordinating this list.

 

Exercise 2.2 Architectures: John Molendyk – 1 More

I was going to change out my last map, as it is too similar to the path view I created. I had the idea for the map of the mall just a little too late too swap it out, I thought I would just add it here since it is after the deadline.

This is map of the Laguna Hills Mall, or what used to be of it. As you can see, it is partially demolished and has several areas that are closed, yet some stores are open, among them a number of restaurants.

The mall has lost 3 of its anchors and has no prospects. Macys was just Scary Town for the past weeks, and the farmers market takes over the parking lot  previously used by Macy’s as it is empty now.

This was my mall as a kid and I think I even sat in Santa’s lap for the first time in this mall. It was a big deal for Lake Forest and Laguna Hills so it is sad to see the development stalled, but it also seems somewhat unfeasible that another mall is needed when there are two much better venues for shopping with a few miles in either direction on the 5 freeway.

Exercise 2.1.3; Informations, P3| Campaign Signs- Renee Reid

DISLIKE
This campaign poster stood out for me as being really unfortunate. First, the pixelated stretched picture of the candidate is so distracting.  Then the black lettering on the dark purple background made that part of the poster almost impossible to read. Finally, the call to action is to “Vote” by sheer dominance on the poster, which is great and all but the candidate’s name gets lost in the poster and doesn’t stand out amongst all the copy and picture. Someone driving by would probably miss her name entirely, which defeats the purpose of the poster.

The principle that is not being represented in this campaign poster is Consistency.  The inadequate use of consistency in fonts, sizes, and colors makes this poster harsh on the eyes and brutal on the brain to comprehend.

LIKE

What I like about this poster is the ease of understanding the candidate’s name and the pleasant color combinations used on the poster.  I enjoy not seeing the standard Red, White and Blue. The contrast used to emphasize the candidates last name is such a nice touch. And I  appreciate the poster is using a darker blue on top of a lighter blue, it creates a subtle but distinctive poster.  Finally, the call to action is the candidate’s name, nice and big so motorists can read and know the name of the candidate easily while driving by.

The principle of framing is being used in the poster with the candidates last name as a way to call attention to the most critical part a voter will see on the ballot. By using a darker color and making the last name larger the poster frames the name as being the important thing to remember.

Exercise: 2.2 Architectures – Omar Filippelli

As the soccer game progressed and my physical abilities declined, these were the positions I migrated to. Top of the chart (Yellow) reflects first half hour (+ -), my best moments of the game.

Saturday, I decided to clean up the entrance porch of my house. I estimated removing more than 100 spiderwebs. I noticed a clear territorial division between large-legged spiders and their smaller counterparts. I thought this could work for the assignment, so this is my hand drawing.

As I went to pick up the mail there were a few of my neighbors walking in and back from the mailbox. This rendering depicts possible mailbox routs by house number.

Architectures 2.2 : Renee Reid

My Area

Map of area around my home Areas I walk and drive during the week/weekend

 

 

 

 

 

 

My Home

My dwelling space and where I spend my time when home.

 

 

 

 

 

 

My Street

A closer look at the main street near my spot where pedestrian and motor traffic are present

 

Informations, Part 3: Sahar Abdizadeh

I like this sign because it has a clear message. The massage is rendered in red, which attracts people attention. I can easily figure out what the designer wanted me to focus on. Scale and color contrasts are used to attract attention to the most important elements.

I hate this sign, because it does not provide me with any information. I can not understand what it is about. It requires me and extra step to figure out what the message is.

Architectures, 2.2: Cindy Wang

Map 1 – My House

A hotspot of where most of the residents spend their time.

A map of the pathways that are most common that the residents take.

Map 2 – Street View of My House

The black and orange squiglies represent the neighborhood cats that wander everywhere. There is traffic on the main road, and not much pedestrian traffic.

Map 3 – Aerial View of the Entire Neighborhood

The reason why the line near the gas station is extra thick is because that station is ALWAYS busy, since it has the lowest gas rates for the entire area. The McDonald’s also always has traffic that spills onto the street, so that’s why I chose red for that particular street. The neighborhood borderlines against a golf course. The other major road that leads into the neighborhood is less frequently used.

Architectures: Sofanah Alrobayan

MAP 1 – OFFICE

This map shows the paths Poppy, the office work dog and I take on a typical work day.

MAP 2 – COMMUTE

This map details the two routes I take to and from work and home.

MAP 3 – HOME

This map shows the paths I take at home, at night coming in from work and in the morning as I leave to go to work.

Exercise 2.2 (Zooming in, zooming out)

I’m really bad in using Illustrator but I learnt a lot about layers and mapping and my neighborhood from doing this exercise (and also from Project 2). These maps are still ugly but they are a big leap from where I was just one week back.

Here goes:

This is my living room and work area (many times a day)

This is an overview of my grocery run (many times a week)

and this is about my unhealthy snacking habits and healthy workout routine (not enough times a week : )

(Samosa = a fried dish with a savory filling, such as spiced potatoes, onions, green peas, and sometimes lentils too. It is a ‘three-dimensional triangle’ and is usually accompanied by chutney. It. Is. Very. Tasty.)

 

 

 

 

Exercise 2.2 John Molendyk: Architectures

This is a map of my home and the places where people who spend time here relax within it.

This is a map of the entrance to a walking path that goes through my area and past my home. It’s know as the serpentine walk and it connects several areas of the community to the services both internal and external to the community.

This is the city view of the road to Laguna Beach on the way through El Toro on El Toro Rd.

Exercise 2.2: Architectures, Kathy Emsoff

Here is the first floor of our house, our lot, and a slice of our neighborhood.

First floor traffic patterns
This is the first floor of our house and some of the typical traffic patterns for me and my husband. You can see he’s more active in the kitchen, but I’m generally the only one that goes in the front room.
Backyard with plants, hardscape, and a koi pond.
Here is our lot and a few of the plants and landscaping features.
Neighborhood with lines for cars and people traffic patterns.
Here is a slice of our neighborhood showing houses, traffic, and a large green space.

 

Exercise 2.2: Architectures – Christine Benedict

Shown here are three different scaled images around the Balboa Park playhouse. Spoiler alert for future assignments…  I love the Park and there’s so many different areas I can talk about!  View the full pdf here.

Walking and Running through north Balboa Park
Shaded map showing several roads, large shaded area of the zoo, parking areas, museums and two different routes for walking and running
Common paths I use to walk and run through a portion of Balboa Park

 

The Old Globe Theater, Patrons and Performers
Areas of the theater open to the air, indoor public, indoor private and trails of area in use by patrons and performers
The Old Globe Theater in the the Park with various access areas and those frequenting them.

 

Snack Order Window at the Old Globe
Windows shaded to show order window, pick-up window, signage, menu, condiments and snacks for sale
Order and pick-up windows at the snack area outside the playhouse

Map Tracing – Tutorial

black & white map of UC Irvine campus, showing roads, buildings, and parks

Want to leverage Google Maps and Illustrator so you can spend less time tracing roads and more time adding qualitative features? In this tutorial, I’ll show you how to use Google Maps styles, Illustrator layers, and the image trace feature. The entire process took me 10 minutes, but if you’re new to Illustrator expect to spend around 30 minutes.

Step 1: Find your map!
We’re using Google Map styles for this tutorial 🙂

1. Go to mapstyle.withgoogle.com
2. Click “Create a Style”
3. Search for your location on the upper right, then zoom in to your desired size. DO NOT zoom in or out from this point forward!

map of UC Irvine campus

Step 2: Apply styles, take screenshots
Now we need to capture each type of feature (roads, buildings, etc) separately in black & white.

1. First up, roads! Click on the three vertical dots to the right of “Create map style” and click “Import JSON”. Paste this code and click IMPORT JSON
2. Take a screenshot of JUST the black and white parts of the map, without the sidebar or any of the “Google Maps” logo and info.
3. Now click the three dots again and paste this code for buildings. Don’t forget to take your screenshot! (If your buildings include residential houses, see note below.)
4. Repeat for parks, if applicable. Here’s the code
5. Repeat for water, if applicable. Here’s the code

NOTE: If your buildings are houses, they may not show up with the code I provided. I haven’t found a way to make houses high-contrast in map styles, so we’ll do it the old-fashioned way:

screenshot of adjusting the "levels" dialogue in Photoshop

1. Refresh the page, and zoom your map back into the spot/distance where you were before.
2. Adjust all three sliders at the top left to remove roads, landmarks, and labels.
3. Take a screenshot.
4.
Open the screenshot in Photoshop. Go to Image > Adjustments > Desaturate

5. Go to Image > Adjustments > Levels. Drag the left slider almost all the way to the right (until the houses are dark but the background is still visible) then drag the white slider to meet it. Save your file!

 

black & white map of UC Irvine campus, only showing roads
Screenshot of roads
black & white map of UC Irvine campus, only showing buildings
Screenshot of buildings
black & white map of UC Irvine campus, only showing parks
Screenshot of parks

Step 3: Bringing it all together!
Let’s set up your layers and import those screenshots.

1. Open Illustrator and create a new document. I chose Web > Minimum. You can always adjust your artboard size later. Be sure to save your file!
2. Name your first layer “roads”. (If you don’t see the Layers panel, go to Window > Layers.)
3. Drag and drop your Roads screenshot into Illustrator. Lock this layer by clicking the empty square to the left of the layer name. I like to lock any layers I’m not working with, to avoid accidentally altering the content in them.
4. Create a new layer, name it “buildings”. Drag and drop your Buildings screenshot into that layer.
5. Repeat for parks
6. Repeat for water

screenshot of Illustrator layers
What your layers should look like.

Step 4: Image trace
This is where the magic happens!

1. Hide every layer except “roads”. Unlock it.
2. Click on the screenshot to select it, then go to Object > Image Trace > Make and Expand
3. Do the same with your other layers
4. That’s it!! All of your map elements are now vector shapes. You can go into each layer to adjust colors, remove background areas, etc.

NOTE: You may need to adjust positioning of your layers. Refer back to a regular Google map to make sure that each layer is lined up correctly. Select-all on each layer (MAC: cmd+a, PC: ctrl+a) and nudge using the arrow keys.

black & white map of UC Irvine campus, showing roads, buildings, and parks
My map, with each layer color-coded.

Exercise 2.2: Architectures, Tara Suan

Map 1: The Condo I’m staying at, paths of my roommate and I done in Illustrator.

Map 2: My office floor, routes of my manager and I in PowerPoint

 

 

 

 

Map 3: My commute, with heavy traffic areas and regular stops hand-drawn. Oy vey.

Exercise 2.2 Architectures: Q

In case the legend is hard to read full PDF can be found here.

Below is a highly zoomed in corner of my dining room table showcasing the wood grains and stains.

 

 

 

 

 

Next is an outline of the entire apartment in order to show the path taken by my roommate’s cat on a recent evening.

 

 

 

 

 

Finally, we zoom out to the neighbor where I am sad about the lack of parks and trees on my walk home after getting off the work shuttle.

 

 

 

 

 

 

– By Q aka Alex Duong

Information, Part 3: Rui Lin Zhang

Love

This sign cleverly applied a few design principles, such as colors, and highlighting that help the politician to deliver the right message he wants to send out. It has a good color contrast (the rule of highlighting) to expose the politician’s name and the role he is aiming for. The shape of State of California adds the politician’s commitment for what he is running for: the State Assembly.

Hate

I wonder why the politician chose to enlarge and expose his/her first name instead of his/her last name. This is a violation in naming convention in political campaigns. Secondly, I had a hard time figuring out what role this politician is going after as the tiny text of his/her target position is so easily missed in the very bottom of the sign (A lack of visibility) . All I can see is a pretty common first name with a blank blue background that has a lack of information.

 

 

Architectures: Rona Matsumoto Cabrera

Activities Done in my Apartment

Languages Spoken at an English Cafe*

*English Cafes are cafes where people can interact with foreigners or English speakers to practice their English.

Traffic Density by People & Cars

Architectures: Serena

For my first map, I illustrated my entire house and the pathways of animals inside and outside. Then I focused on my desk alone, and the ways objects are rearranged to accommodate different activities. Finally, I zoomed all the way in on my keyboard to examine frequency of certain keystrokes during various tasks.

View the full PDF here.

map of my house with color-coded animal paths in and around it
My house, with paths of the animals in & around it. Larger dots indicate more time spent.
four maps of my desk, corresponding with different activities
My desk, rearranged for four different activities.
map of my keyboard, color coded with frequently used activities
My keyboard use, during three different activities. Larger dots indicate heavier use.

Architectures: Alex Rosales

I chose to create “Poop Maps” in Illustrator for this assignment. At the neighborhood level and street level, the poop emoji indicates areas where I have noticed unattended dog poop (or something else!). At the apartment level, this is related to where my roommate and I had discovered mouse poop during the “Great Mouse Crisis of October 2019”.

Neighborhood Level (Hayes Valley, San Francisco)

 

Street Level (Fell St. between Octavia St. and Gough St.)

Fell St.

Apartment Level

My Apartment

 

Project 2 – Mappings: Robin Kang

WOODBURY TOWN CENTER (PREVIOUSLY ALL HANDS CAR WASH)

Woodbury Town Center is a community plaza surrounded by new residential developments in Irvine, CA. The plaza is owned by the Irvine Company and is a part of City of Irvine’s master building plan.  It is situated at the corner of a busy intersection between Irvine Blvd and Sand Canyon Ave.

Force 1: Traffic and Parking

The Woodbury Town Center has total of nine parking lots and seven entry points. The center’s major traffic flows from Irvine Blvd. side of entry point and Sand Canyon Ave. entry point. On weekends, parking lots by Ralphs, Trader Joe’s and restaurants are mostly full, making people park in other parking lots and walk towards Ralphs and Trader Joe’s.

Force 2: Locals

Woodbury Town Center attracts many local families.  There is a playground for kids in the center, near all the restaurants where children can play while parents socialize and watch the kids. I see many multigenerational families of kids, parents and grandparents in this part of the center.

Force 3: Water fountain

A large water fountain is located in front of LA Fitness, in between restaurants and the playground. The falling water sound creates tranquil atmosphere by blocking out busy noise from all around traffic.

Force 4: Variety of Restaurants

All the restaurants, except one- Fish District are located in one section of the plaza. From sandwich to sushi, a wide variety of available restaurants.

Force 5: Hidden Alleyway

I found a hidden alleyway next to LA Fitness by accident. As I was taking photos of the water fountain, I saw a small alleyway in the photo. In my exploration, I found amazon’s locker in the alleyway.

#6: Create a map of each of your five forces
Force 1 map: Traffic and Parking

 

 

 

 

 

Force 2 map: Locals

 

 

 

 

 

Force 3 map: Water Fountain

 

 

 

 

 

Force 4 map: Variety of Restaurants

 

 

 

 

 

Force 5 map: Hidden Alleyway

 

 

 

 

 

5 Forces Combined: Final Map

 

5 Forces Combined: Final Map Revised

After reviewing all comments and suggestions, I have made an update to my final map.  A legend is added as a quick reference guide to Woodbury Town Center.  Varying levels of color transparency represents high and low volume.  Also, the representation of people feels more natural in the final map revision. Download PDF

Project 2: Mappings | Renee Reid

The area in which I am focused on is considered midtown San Jose.  It’s a great area that I have chosen to live in, in part because of the forces below.

Transportation 

Transportation is a significant force in the area because it is a high commuter city since the majority of the residents work in the tech space in and around the Bay Area and there is also a large college close by, San Jose State University.  The below picture is one side of the San Jose Diridon Train Station. This major transportation hub includes buses, Amtrack, the  Altamont Corridor Express ( ACE) Train, the Cal Train, the major train line that goes up to San Francisco, and the VTA Line, which is a light rail that goes in and around cities in Silicon Valley. In addition, commuters can also access ride share scooters for their travels.

Parking 

Parking in and around this area can be very challenging because of all the different rules that change from block to block and street to street. Some areas require a permit others allow only parking on some days or for a certain amount of time. This can be extremely confusing and frustration for residences as well as people just coming to visit or shop in the area.


Stores and Restaurants 

The presence of restaurants and storefronts both small and large name brands throughout the area is a force that helps to influence the foot traffic all around the midtown area.  The restaurants and stores including a coffee shop, cleaners, a CVS and more allow for easy access which again influences the number of people walking in the area.

Wholes Foods, San Jose. Also includes a Brewery and outside seating area.
Local Coffe shop with outdoor seating area, next to cleaners and other storefronts.

 

 

 

 

 

 

 


Apartments 

Throughout midtown, new apartments are going up on what seems to be like every corner. These new dwellings all have businesses or office space available at the ground level which adds to the culture of the area. Businesses such as new restaurants and exercise studios are usually the first tenants in these mix dwelling apartments.

Modera the Alameda Apartments- Open Sep 2018
New Apartment Construction 1 block from Modera the Alameda Apartments.


Park and Green Space

There is a huge beautiful park and tall tree’s line all the streets which creates such a suburbia feel amongst the midtown hustle and bustle of people rushing to work, school and moving about.  People are often seen walking their dogs, playing frisbee or fetch with their dogs as well as flying kites with kids and children playing in the area under the watchful eyes of a parent or adult.

Cahill Park, San Jose

 

 

 

 

 

 

 


FORCES

PARKING
BUSINESS/STORE FRONTS
APARTMENTS
GREEN SPACE
TRANSPORTATION

 

 

 

 

 

Final Map

My final map included feedback from my peers which helped to present the force of Parking in a more precise representation. Instead of single cars that looked like traffic, I grouped the cars together to represent cars parked behind one another. This helped to open up the map more so that the other force Green Space on the streets could be emphasized better.


 

 

 

 

 

PRINT VERSION

 

Informations, Part 3: Kathy Emsoff

HATE

I’m biased because I don’t support Ted Cruz, but I also don’t like his yard signs and branding. I think the image of the State of Texas is overused and the icon in the middle looks like fire, so I’m not really sure what that is supposed to represent. Also, his tag line “Tough as Texas” is good, but it occupies real estate that could be used to say what he is running for. On the plus side, the large, bold text in black and red on a white background is very eye-catching, contrast-y, and very readable. Also, I included the picture of this whole yard because it’s just funny to me. They have a Beto sign, who is Cruz’s opponent. Then, they have a sign for the Governor, but it’s facing a different way. Why?

LOVE

I love this sign for Mayor Adler. What’s his first name, anyway? Who cares. His last name is unique enough for ballot recognition and leaving it out leaves room to remind everyone that he IS the Mayor. This strategy takes advantage of the exposure effect. Mayor Adler is the Mayor and I think this will persist in peoples’ minds when they go to the polls. Visually, I love this sign as well. I like it that they used secondary colors that are complimentary. The diagonal banners create a sense of motion that support the tag line of “Forward”. (Full disclosure: I didn’t take this picture. The one I took didn’t come out and I’m currently traveling for work, so I grabbed this one off the internet here.)

 

Vote for me (but why?) Ex 2.1.3

I saw a few elections signs but none of them had a complete message to convey. All of them wanted me to do something but did not really make an effort to tell me why I should be doing it. Political candidates seem to be saying similar things. (Some are more unoriginal than others.)

Peter Choi wants us to vote for him, I’m not sure why.

Katherine Lee wants us to elect her. I’m not sure why should we be choosing her. The Smog Check sign, next to Katherine Lee’s, gives me a better reason to choose them, at least I know the price I’ll be paying.

And then there is Johnny Nalbadian, who seems to be unabashedly unoriginal.

As compared to politicians, interest groups seem to be a little better, at least they give some space to their cause/interest.

Stepping back and thinking about these election signs from the point of view of design principles that we’ve learnt, I’d say that all of them fail the “attractiveness bias” test. Even if a voter does not know anything about the candidate, a beautifully designed poster can never hurt.

But, it’s the ACLU posters that really stand out.Single minded headlines like “Dissent is patriotic,” “Fight ignorance not immigrants” and “There is no planet B,” use the principle of stickiness to their advantage. They are simple, carry an element of surprise, are specific and concrete, and trigger emotions among the passersby. These hand-made posters seem to communicate things more effectively than the printed sings from politicians.

 

To close this, I’d say the design of a poster, like any design, needs to view things from the audience point of view. Sure, politicians want us to remember their name, and choose them, but it’ll help them if they first thought about what voters want : )

 

Project 2 – Mapping: Annie Luong

I picked Pacific City mall in Huntington beach as my site because it is only 10 minutes from my house. The site is taken from the old name of Huntington beach city, which was an ocean front village. It sits across from the Huntington Beach pier and offers a mixture of restaurants, gym, coffee shops, and shopping stores.  

Force 1: Retail-tainment

As we can see the old type of malls, which only offer shopping stores like Macys, Jcpenny, are slowly dying and out of favor. There is a rise for a new future type of mall, called retail-tainment.

 

 

This new type of mall offers its guests with entertainment, shopping, and locals event options. Shoppers come here not only for shopping, but can also enjoy the food, spending time socializing with others while enjoying the amazing views of the beach. It is a whole new experience that people are rapidly embracing.

 

 

 

Force 2: Green building

The Pacific City mall is built as a green construction. This natural environment can be observed throughout their landscaping, to accent outdoor decor. Mixing between shopping stores and restaurants, there are beautiful green arrangments, wooden walkways with plant pots, give people the relax feeling while visiting.  Additionally, the usage of natural materials like wood is very prominent through the complex.

 

 

Force 3: Location

Sitting just across from the beach is a prime spot not a lot of places can beat this location. You can sit from the restaurant, enjoy the sunset while having your fish taco, or hanging outside drinking coffee, where there is plenty of outdoor furniture provided that help you relax and enjoy the scenery.

 

 

 

 

 

Force 4: Environmental awareness

The building has trash can everywhere, which also has fun signs to remind people to keep the place clean. They also offer priority parking for electric vehicles as an incentive. We can see how they embrace the environmental awareness.

Force 5: Local

Since the outdoor mall is in the beach city, we can see there is an influence of the ocean vibe everywhere, from the deco design to how the local dress up. From the photo, we can see the design of the lights was inspired by ocean waves.

The local people are all in relaxed, chill outfits, taking their time drining their coffee, enjoying the sights of nature.  

Final map:

Link PDF