Speculations: Ruilin Zhang & Kathlyn Cabrera

Speculations collage by Ruilin and Kathlyn

Transform, Climate, Gift, Serenity

The CAMP in 2028 is still the same retail mall. Climate change affects the weather in Orange County drastically, and today is much warmer than usual. There are few shoppers and the mall is quiet.

Some shops have changed or been added since 10 years prior. There are a few virtual reality cafes where people can come have coffee video dates with their loved ones across the world. Mobile phones have become obsolete as most people realized their addiction to their devices is unhealthy and have switched to AR glasses, a new tech that is still a bit clunky.

As self-driving cars have become the norm, parking has not been as large of an issue. People can reprogram their car to drive back home if they can’t find parking. Reprogramming can be a pain because the technology has not caught up to accommodate for this yet, and calling the car back over to pick up the person is another issue so there is still a need for parking lots and for the CAMP counselors (though they expect not for long with the way self-driving car technology is progressing rapidly).

The counselors have become well-known in the community and have been putting on community events and activities for shoppers for the past 9 years since the program was implemented. Their most recent was a going-away party for one of their fellow counselors who they all loved and were sad to see leave. Many people from the community showed up to see Jerry go. He has become great friends with some of the regular shoppers and together, they made a virtual scrapbook of their AR selfies for him to take and remember them by.

Personas: Kathlyn Cabrera

Persona - Kathlyn Cabrera

Scenario:

Tyler’s co-worker knew that he had been on the search for dog-friendly businesses. He recommended a dog-friendly coffee shop at The CAMP retail area called Milk + Honey.  Tyler decided to check it out on a Saturday morning, which is when he typically finds his creative writing flow with a warm cup of coffee in hand.  Milk + Honey is only a short distance away, but Tyler knew he had to drive so that Rupert, who is an old rescue dog, doesn’t get too tired on the walk over.  When he gets to The CAMP, the parking lots were full and he could not find parking 🙁  He uses the valet parking option hesitantly.

Storyboard:

Storyboard: Kathlyn Cabrera

Photos used are from Unsplash.com.

Narratives: Kathlyn Cabrera

“Oh, I’ve been a cashier here for some 5 years now, going on 6, but just part-time at this Safeway. Working in Financial District pays more – even though I do this commute from Hayward, it’s worth it. I also do performances at local theaters – musicals, you know? I sing, yeah, and I dance and act. That’s been my life since I was in high school. I was one of those theater kids, you know? I mean, I guess I still am, but the actors life is hard. I’m still not equity, no health insurance, and no guarantee I’ll get a gig, but I love it. It’s my passion and I know I have to do it because if I don’t, I’m not being true to myself, you know. My truest self is when I’m on that stage performing for all these people. That’s probably funny that that is my truest self, since I’m acting as a different character but really, that’s when I feel most alive. I recently did this one musical out in El Cerrito – Allegiance, have you heard of it? It’s a story about Japanese internment during World War II. George Takei wrote it. I played one of the Japanese prisoners, a minor role, but I got to learn how to hold one of those old-timey guns while also dancing! [laughs] It’s funny because all the male cast are gay, including me, so it’s just a bunch of gay men pretending to know how to work a gun [laughs]. Ah, crap you got me talking so much, I got distracted. I rang up red cabbage instead – that has to be voided. Gotta call my manager over, I’ll be right back, okay?”

Narratives - receipt

Geographies: Kathlyn Cabrera

Geographies

There is currently a wildfire in Butte County that’s significantly affecting the air quality in the Bay Area. During my walk around my neighborhood in Oakland, I noticed the smokey and hazy atmosphere, which I tried to capture in my sketch using uneven horizontal lines. I also chose to sketch a driver I saw wearing a mask to protect from the smoke.

Another occurrence specific to my neighborhood was the recent death of our beloved neighborhood cat, Mingus. I witnessed a man passing by Mingus’ usual hangout spot shout “God dammit, Mingus!” as he read the note posted by Mingus’ parents on their front door. There were also flowers left by neighbors on the front step in remembrance of the cat who used to be a regular sight on this street corner.

Other things of note are the falling of leaves during this autumn day, the various types of plants I walked past, and the different transportation modes present – cars (some that are ride-share with Lyft/Uber/Getaround stickers), motorcycles, and ride-share electric scooters parked on sidewalks.

Mappings: Kathlyn Cabrera

Final Revision:

Mappings Kathlyn
Click image to view PDF

I gathered more feedback both on the design and the message behind the map from classmates and friends (thanks everyone!), which led to these adjustments. I added the alleys force back in, I added parking lot areas in the Wheels category, and I made the buildings colors stand out more. I also added the sun position at a specific time of day (1:00pm, during my lunch hour, which is when I’ve typically observed this area) to show where the building shadows are coming from.


Part 3:

Mappings-Part3-Kathlyn
Click image to view PDF

Based on the feedback I received so far, I chose to limit my site to a specific perimeter in this area to help focus my map. I then expanded upon two of my forces: tall buildings and traffic. I gathered detailed images of the buildings in my site and chose to distinguish between low-rise buildings (less than 10 stories) and skyscrapers. Jesse made a fun suggestion during office hours that I’ve played around with – that is to add shadows to the tall buildings/skyscrapers to further emphasize their towering presence in this area. I also broke down the traffic force between wheels and feet/paws to give a better sense of the flow in this area. (I was going to title them vehicles and pedestrians/pets but wheels and feet/paws sounds more fun, and encompasses a few non-vehicle wheeled transportation such as bicycles and scooters.) I did not include alleys and landscape architecture, because these are overlayed with the wheels and feet/paws information that it might be too much information on top of each other. I also chose not to include pop-ups because most of the pop-ups I know of were not located inside the perimeter I chose, and to be honest, I don’t even know how to begin mapping information that is reliant on time.

I’d love to hear any feedback! The changes on this were pretty drastic between parts 2 and 3, and I am open to even more feedback to iterate on. Thanks in advance!


Parts 1 & 2:

San Francisco north Financial DistrictThe site I chose is in San Francisco’s north Financial District area. For those of you who know SF, this area is closer to North Beach than Market St. and I chose it because it is close to where I work. I enjoy its relatively quiet atmosphere, away from the bustle of “actual” Financial District which is closer to Market. I like that there is no name for this neighborhood that I’m aware of, and it feels like an in-between place (between FiDi and North Beach) with a culture of its own.

My center is the green area, a park called Sydney G. Walton Square which is across from my office, where I walk by every day and occasionally sit to enjoy my lunch outdoors.

Force 1: Tall Buildings

Force 1, Tall Buildings

Force 1, Tall Buildings

The Transamerica Pyramid is the second tallest skyscraper in SF, and it sits in the periphery of my site area. Also in my site area are other tall structures, mixed-use commercial and residential buildings. The height of these structures are literal forces that jut out of the ground up into the sky.

Force 1: Buildings

 

Force 2: Hidden Alleys

Force 2: Hidden AlleysIf the tall buildings are like mountains, these hidden alleys in SF are like valleys. They are unexpected and oftentimes quaint in this upscale SF neighborhood. To me, they feel like hidden coves waiting to be explored.

Force 2: Alleys

 

Force 3: Traffic

Force 3: TrafficForce 3: TrafficDelivery trucks, food trucks, personal vehicles, share-riding vehicles, bicycles, scooters, skateboards, feet, paws – the list goes on. The pathways in my site area get quite a bit of traffic. SF is still a big city, and this is still the Financial District after all, however quaint and quiet this neighborhood can feel at times.

Force 3: Traffic

 

Force 4: Landscape Architecture

Force 4: Landscape ArchitectureNature in a city is usually carefully planned by landscape architects, and my site area is no exception. The “center” I chose is a park that was definitely planned – one obvious example is that it has walkways that lead to the surrounding office buildings. Most of the streets in this area are tree-lined and some of the brick buildings have vines covering their façade. The nature here is the way the humans in this area designed it to be.

Force 4: Landscapes

 

Force 5: Pop-ups

Force 5: Pop-upsForce 5: Pop-ups

Off The Grid hosts food trucks on Vallejo and Front St. every Monday, Wednesday and Friday for the office lunch crowd. These food trucks come and go – they are temporary by nature. In the parking lot next to these trucks, there is currently construction rapidly happening for what looks like another pop-up building. A month ago, there was a pop-up in this same parking lot advertising Audi’s new electric car release. Pop-ups generate excitement because of their temporary nature, but in their wake is just a parking lot or an empty street corner.

Force 5: Pop-ups

 

Informations, Part 2: Kathlyn Cabrera

A Song of Ice and Fire Speculative World Map

A Song of Ice and Fire Speculative World MapThis interactive map represents the known world in A Song of Ice and Fire, a series of fictional novels by George R.R. Martin that was adapted into the HBO television series, Game of Thrones. The map is speculative, meaning it is based on what the novels and television shows have revealed about their fictional world so far, a.k.a. the known world. Much of the known world is in Westeros, as most of the story arc happen in cities in this region. We see a concentration of city/location labels in the western landmass (Westeros), while other landmasses are mostly unexplored with eastern and southern lands (Essos and Sothoryos) cut off from the map view because the storyline has not revealed where or if these landmasses end.

The map is hosted on Google Maps API which allows for interactive features such as zooming in and out (though the text does not auto-resize based on zoom in/out so you have to zoom in to read the font). We can also follow characters’ journeys, complete with timelines that can be adjusted or limited to avoid spoilers.

Principles in Action:

Surface Mimicry

Forest represented by dark green color and shrub textureDifferent types of terrain and physical features of the land are represented on the map using colors and textures. For example, the forest areas are a dark green color with a shrub-like texture that imitates the color and texture of trees seen from above. This imitation of visual appearance is surface mimicry and is a design principle used in many physical maps.

Hierarchy

Legend shows hierarchy of symbolsHierarchy using font and symbol sizesThere is a hierarchy in the font and symbols used to represent cities and towns. For example, the font and symbol used for King’s Landing, the capital and largest city in Westeros, are much larger than the surrounding towns.

Layering

Map showing Tyrion Lannister's character journey

The drawn map involves layers of information including physical features of the land, labels denoting cities, regions, and bodies of water, a compass for orientation, etc. There is also the interactive feature I mentioned earlier where we can follow characters’ journeys. The red line layered on the map appears when we check the box to track Tyrion Lannister’s journey, a character whose travels has taken him from Castle Black at the North Wall in Westeros to the city of Meereen in Essos in the east.

References:

theMountainGoat. A Song of Ice and Fire Speculative World Map, Version 1.0. Feb. 2012. http://quartermaester.info/

“The Known World.” Game of Thrones Wiki. https://gameofthrones.fandom.com/wiki/The_Known_World

Graphics: Kathlyn Cabrera

Bro Meow(x4) Soft-Serve

Graphic titled Bro Meow(x4) Soft-Serve
Click image to view PDF

A collaboration graphic of cats with laser eyes, sharks, fish and chips, soft-serve ice cream and so much more. Artists include myself (Kathlyn), Christine Benedict and Alex Rosales.

Objects, Part 2: Kathlyn Cabrera

My work office chair

Office chairThe office chair I use at work is horrible, for me at least. For reference I am less than average height at 4 ft. 10 in. and I often run into many problems with how chairs and tables are designed for the “average” height person. The desk I have at work does not go lower than pictured (it’s a standing desk so it does go higher), and the chair does not go higher than pictured which is not high enough for the desk and my torso length, therefore my arms are not at the ergonomically recommended downward angle when I type on my laptop and I have elbow/shoulder issues on my left side. I use a back pillow to push me forward a bit so I’m not slouched when sitting, and a footrest so that my feet are not dangling (as I mentioned the chair is at its highest setting and I’m small). With the help of the back pillow and foot rest I manage to get by for a few hours of sitting, then switch to an hour or so of standing, then sit again when I get tired. This is my most used chair since I spend more time sitting at work than anywhere else and I really wish it was better.

My home office chair

Home office chairI researched this chair before buying and it cost me a pretty penny at IKEA. The backrest is angled for good lumbar support. I don’t sit at my office chair at home as often as at work, therefore I have less complaints about this chair’s comfort level. Although I have a similar problem with my home office as my work office setup. I have to use a footrest since I raise the office chair to a high setting to have a better angle when typing on my desk. This is really more of a problem with desk height than the chair.

My cozy corner

Cozy cornerI designed my room for maximum comfort and created a “cozy corner” for myself with many pillows and a shag rug for times when I just want to cozy up on the floor. As you can tell from the office chairs, chairs are not made for me. As a kid, I used to sit on the floor often to do homework and play and I like sitting on the floor more than chairs so I knew this cozy corner was a good idea. The foot of my bed + the pillows act as the backrest for this sitting area. I positioned the TV across from the bed + pillows and I sit here when I want to watch a movie. I also sit here when I read or if I want to get in a more comfortable position with my laptop.

Objects, Part 1: Kathlyn Cabrera

Love: my quip toothbrush

Quip electric toothbrushOne artifact I love is my quip toothbrush. This electric toothbrush brings me joy because the vibrations that are used to clean my teeth more thoroughly than manual brushing are also used as a nudge and a constraint. Once I press the “q” button at the base of the brush head, the quip toothbrush is designed to vibrate in four 30-second increments with a short pause in between for a total of 2 minutes. The four 30-second increments are meant to brush each quadrant of my mouth (upper left, upper right, lower left and lower right) and the pauses between the 30-seconds nudge me to switch to another part of my mouth. After the total 2 minute run time, it uses 3 quick vibrations to signal its automatic shut off which is a constraint that gives me an accomplished feeling once I reach 2 minutes, as this is the recommended brush time for most people.

Since quip is a startup innovating tooth brushing, a few other cool quip features include a subscription to a replacement brush head refill sent automatically every 3 months, and the base/cover can be mounted to bathroom mirrors with an adhesive that doesn’t lose its stickiness which is perfect for traveling!

Hate: my box fan’s speed control knob

Fan speed control knobOne artifact I hate is my box fan’s speed control knob. I am often left confused by the knob on this particular box fan because when I turn it on, the fan immediately jumps to its highest speed setting because the numbers go from 0 then to 3. It then takes me 3 clicks to turn it to the lowest setting of 1, which is typically my preferred setting. My mental model for fan speed controls (and most controls) is that they should gradually increase in strength and number from their “off” setting, therefore 0-1-2-3 makes more sense to me than 0-3-2-1. I keep forgetting that the control knob is different for this particular box fan and keep getting surprised by the sudden strength of the wind it emits when I turn it on.

Histories: Kathlyn Cabrera

Rietveld Schröder House

The Rietveld Schröder House in Utrecht, Netherlands is a custom made residence designed and built by furniture designer Gerrit Rietveld. Rietveld was influenced by the Dutch style of art and design called De Stijl popular during the time in 1924, which featured “clean horizontal and vertical lines and the use of all primary colors, alongside white, grey and black.”

Rietveld designed the house for one specific family. Truus Schröder and her three children wanted a simple and unique home with a relationship with the surrounding nature. Schröder worked closely with Rietveld during the design process.

I was lucky enough to visit the house, now a museum, back in 2012. One feature that stood out to me most is that the house is highly customizable. Many of the walls in the house can be moved like sliding doors to create a room/space or have an open layout. This video illustrates this feature best.

Another design feature that I vividly recall is the corner window. “Both the large window and the small one perpendicular to it swing open, dissolving the corner to make it feel like one is outdoors.” With no obstructing structural element, the window gives an excellent view of the surrounding nature. This second video illustrates this best.

Schröder lived in the home until 1985, and it was turned into a museum after. No other family lived in the house, therefore the design elements were intentional and specific for Schröder and her family’s needs. Learn more about the Rietveld Schröder House.