See the story of Send App here.
For my app, now called Send App, I thought about one of the lessons from the chocolate box exercise: invite your users to dive right in. I love words, and my future living will likely depends on their continued existence on the web, but I recognize that it’s a much better user experience when little or no preamble or explanation is necessary.
This feels particularly appropriate for the function of this app, which came out of my frustrations for the amount of googling required to send something (flowers, food, or a care package) to someone. I started by thinking about how I could prompt someone to begin the experience right away and get what they need.
In order to do so, the app would need only two pieces of information: what you want and where you want it. I found a couple of examples of sites or apps that do one or both of those things well, including Seamless, Instacart, and Uber (side note: I think Uber’s “Where to?” is a great little tidbit of UX Writing).
For my app, I settled on the simple directive “Send _____ to _____,” and set about using a combination of verbal and visual cues for the user to fill in the blanks.
For the visual identity, I wanted the app to feel simple and with the slightest touch of playfulness, since my primary use case involves people whose loved ones have faced a difficult experience. Here’s the muted but inviting (I think) color palette I decided on:
Finally, I mocked up the experience, from homepage to retailer landing page. Below, the items that I showed are in bold, with the rest of the pages and experience laid out after:
- Home [choose category, location]
2. Results Landing [optional filtering, select retailer]
3. Retailer Landing [browse items, click on items]
4. Item Description pops up [add item to cart, continue to browse]
5. Cart [check out]
6. Confirmation & Message to Loved One
Without further ado, the mockups are below or in interactive form on InVision.
Also, thanks to the creators of the many Noun Project icons I used. Credits to come.
I’ve been thinking about distance. I was planning to go forward with my idea about creating an app centered around long-distance relationships, but then I got a new inspiration. I called my parents in Boston a couple days ago, and discovered that my mom has been laid out with the flu and my dad had a bike accident and broke his shoulder and a rib. I’m in New York, busy with work and classes and thesis, and there’s not much I can do to help them out except send something or order something to be delivered to them.
I think that’s a more difficult experience than it needs to be, though. First, there’s the question of deciding what to get them (should I order flowers for morale? groceries for practical sustenance? a nice meal for delivery?). Then, there’s figuring out where to order from. Thankfully, I know the stores in my parents’ neighborhood, but what if I didn’t? How do I know who delivers and to where without checking each individual site?
For my new idea, I want to create an app that makes this process more seamless. I’ve started by mapping out the journey between a “loved one” (the person who is sick, has an injury, or has undergone some other difficult event), the “user” (the person who wants to send something), and the “vendor” (whichever store or service sends the gift). One charts, the steps, one designates pain points, and the other maps out emotions.
Notes from my week one presentation with Jeff, about how the perceived threat of terrorism is a driving force of foreign and domestic policy:
- Come in to week 2 with a driving force
- and 2 or more current conditions which are influenced by it.
- Do not speculate about the future, just tell us what we know about now and the past. How did it become a driving force? Explain the historical events leading to it. How does it influence the conditions which are influenced by it? What are the counter-forces at play?
Driving Force: Terrorism & Fear
- How do we define terrorism:
- no strict definition, but using it in the way that it is used in the general media
- but generally:
- acts th9at cause fear
- publicly causing harm
- political intent
- A brief history of Terrorism (knowing that there are driving forces to each of these events and that there were “terror” acts before these events)
- 1983 Beirut Barracks Bombing
- Two suicide bombers from the group called “Islamic Jihad” claimed responsibility. 241 US and 58 French peacekeepers, 6 civilians died.
- “Opening salvo in a war that we have waged ever since — the global war on terror.” – Mike Pence 2017
- US “would not be cowed by terrorists.” George HW Bush 1983
- 9/11 attacks
- 1983 Beirut Barracks Bombing
- According to the Global Terrorism Database by the University of Maryland, more than 61,000 incidents of non-state terrorism, resulting in at least 140,000 deaths, have been recorded from 2000 to 2014.
- Global Terrorism Index 2015, p.33 (http://economicsandpeace.org/wp-content/uploads/2015/11/Global-Terrorism-Index-2015.pdf)
2 Conditions Influenced by Driving Force
US Foreign Policy
- Preemptive warfare
- In contrast to “containment” strategy during Cold War
- “To forestall or prevent such hostile acts by our adversaries, the United States will, if necessary, act preemptively in exercising our inherent right of self-defense.”
- Invasion of Afghanistan in 2001, Iraq in 2002
- Justification of war: No distinction between terrorists and the nations that harbor them
- The rise of counterinsurgency tactics, such as drone strikes
- Digital Counterinsurgency
- Rise of military budget from $287 billion to $530 billion post-9/11
- Unilateralism/America First:
- In response to 9/11, withdrawal from Anti-Ballistic Missile Treaty and the Kyoto Protocol
- Echoed in Trump’s withdrawal from Paris Climate Accord (and all of Trump’s America-First ideology)
- Some cooperation among nations
- Anti-terrorism methods often “anti-democratic”
- Abu Ghraib (Iraq prison torture, exposed in 2004)
- Drone strikes
US Domestic security
- Ban on all liquids and gels except baby formula and prescription medication due to the 2006 transatlantic aircraft plot
- Rise of detention centers and a loosened policy on torture
- Abu Ghraib
- Contrast pre-9/11 geneva convention?
- Surveillance state
- USA Patriot Act (2001)
- Increased power for NSA, FBI, CIA, DHS
- USA Patriot Act (2001)
- Polarization of Immigration
- ICE – formed pursuant to the Homeland Security Act of 2002, following the events of September 11, 2001.
- Increased deportations
- Turning local police officers into immigration agents
- Secure Communities Program 2008
- Secure Communities requires local law enforcement to share the fingerprints of arrestees with Homeland Security. The prints are run through a database, and if the search turns up an immigration hold, the arrestee can be detained until federal immigration authorities arrive.
- Secure Communities Program 2008
- Tying immigration enforcement to corporate profits
- Rise in private detention centers in arizona profiting from the detainment of illegal immigrants
- ICE – formed pursuant to the Homeland Security Act of 2002, following the events of September 11, 2001.
- Militarization of local police
- “ Before 9/11, the usual heavy weaponry available to a small-town police officer consisted of a standard pump-action shot gun, perhaps a high power rifle, and possibly a surplus M-16, which would usually have been kept in the trunk of the supervising officer’s vehicle. Now, police officers routinely walk the beat armed with assault rifles and garbed in black full-battle uniforms.”
- Move from peace-keeper to soldier
Counterforces (with the full knowledge that some of these are driving forces as much as they as are counter forces)
- Globalism and the need participate in the larger world economy
- Assuming that terrorism in part results from unstable economic conditions in the places that breed terrorists, participation in the world economy can help boost economy
- Democratic ideals, both at home and abroad
- Assuming that terrorism in part results from unstable political conditions in the places that breed terrorists, spreading democratic ideals helps stabilize nations
- The US responsibility as the world hegemon
- Resisting the pull of “America First” ideology to work with other countries aids security and tempers anti-Western sentiment
- Domestic security
Here are descriptions of three people I care about for the first step of brainstorming a final project for Designing Meaningful Interactions:
This is Michael. He’s a 28 year old living in Somerville, Massachusetts. He likes tending to plants (like the fiddle leaf fig he found on a sidewalk three years ago and nursed back to health), perusing the internet for strange odds and ends, and drinking inordinate amounts of flavored seltzer. Michael has trouble getting out of bed in the morning.
This is a problem for many reasons. First of all, he’s second year law student, and that requires a lot of time and energy. He has a lot of reading and cares about doing it thoroughly, and he participates in a couple of extracurriculars. He has also recently has decided to commit himself to going to the gym almost every day, a task that requires him to find bits and pieces of time in his day and scrap them together into enough extra time to run on an elliptical or lift some weights. Michael has no time to spare pressing the snooze button every eight minutes for an hour.
This is also a problem for his girlfriend (me). Whenever Michael needs to wake up before I do, I, a light sleeper inevitably wake up too. We live in different cities, so I don’t factor in too much to this problem, but it would still be better for both of us if he could somehow find a way to get up quickly in the morning.
For Michael, I want to create something that makes it easier for him to get out of bed in the morning—possibly an alarm that forces him to leave bed or solve a puzzle to turn it off. I know many people have the same problem and could benefit from this tool.
This is Jessica. She’s a 31 year old who lives in Bedstuy with a hound mix named Florence Nightingale, enjoys discussing shitty reality tv with her younger sister (me), and has a Spotify playlist comprised of hundreds of songs that are all perfect for long drives. She can’t stop reading the news.
She is a producer at MNSBC, so it’s her job to stay informed, but the compulsion to check Twitter carries over into other areas of her life. Out at brunch together, I’ll often find her peaking over at her phone on the table. This obsession been particularly exhausting and emotionally draining in a year dense with (often terrible) news.
I want to create a tool that helps curb the desire to check the news all time—or prevents the checking altogether. Since the news is often been tied to negative feelings, I also would want this tool to include a therapeutic aspect, that helps relieve the stress that comes from following current events.
This is (a drawing of) Sara. She turns 29 next month, works at a nonprofit that is often at the center of alt-right conspiracy theories, has run two marathons, and likes to cook meals that make the apartment that we’ve shared for 3.5 years smell great. Recently, Sara entered into a long distance relationship with a man who lives in Texas.
The relationship is relatively new, and so they have been experiencing the dating phase from afar. But they’ve managed to do so creatively. Together, Sara and her new gent spent a night creating sourdough starters over Facetime, then they baked bread with it when they were together. They have done yoga classes and watched movies together while on Facetime and have texted up a storm.
For Sara, I would want to create something that makes a long-distance date easier, whether by providing the ideas, easing communication, or helping to create more of a sense of physical presence. (Full disclosure: I’m also in a long-distance relation—see above—and stand to benefit from this tool, too).
For our first assignment, we had to write about an everyday object we think has a good user experience, and one that is frustrating. Since the frustrating object came to mind immediately, I’ll write about that first:
I hate my coffee maker. In the three and a half years we’ve lived together, my roommate and I have begun the search to replace it at least 20 times, but our terrible little Mr. Coffee machine has somehow managed to survive.
Where to start with its flaws?
The coffee pot
Somehow, it is designed to spill every time you pour it. Instead of emerging from the lip of the pot in a neat stream, it leaks down the side of the pot onto the countertop.
The fix: Our solution has been to pour coffee over the sink. The better solution for the makers of this machine would be to test and iterate on the current design until they come across one that doesn’t spill. I’ve seen coffee pots that don’t spill; I know it’s possible.
The program interface
With my coffee maker, you can brew the coffee immediately or set a delay time to brew it later. The problem is that the buttons for these two features look exactly the same, are stacked, and only distinguished by text that has rubbed off in the last few years. As a result, we have woken up several times to cold coffee.
The fix: To further distinguish these buttons, I would make them more distinct either in shape or location on the interface. If the Delay Brew button lived to the right of the Brew Now button instead of below it, for example, it might better signify a delay in time.
The water place (I’m not sure what this is actually called)
The compartment that the water goes in has a small opening, and the “window” on its side is foggy, making it hard for the user to detect how much water she has poured.
The fix: For the former, we have discovered that the extendable nozzle of our kitchen faucet can stretch to the coffee maker, making it easier to get water into the compartment. Another solution for kitchens that don’t enjoy this proximity could be a detachable water compartment. The user could take it out of the machine, pour water from the faucet in the sink, and replace it.
For the foggy window, the easiest solution is to use a better material that will allow the user to see the water through it. Another fix could be including an LED in the compartment that the user could switch on if she’s having trouble seeing the water level.
A few months ago, I switched over to a conditioner in a container with an push-down nozzle, resembling a giant soap dispenser. It was a great decision.
The design of this bottle saves me no more than five or ten seconds per shower, but that adds up after a daily (or sometimes every-other-day, I admit) shower. I don’t have to pick up a slippery bottle and risk dropping it on my toes, and with one press of a pump whose rounded top invites pressing, I have the perfect amount of conditioner in my hand. It’s such a simple interaction, but I appreciate it so much.
Last week I interviewed Dave Herman, the founder and director of the City Reliquary, a small museum in Williamsburg dedicated to New York City artifacts. I had been there on a field trip in a class last spring, and I loved the weird objects and the stories that they told. I was also interested in the many communities that intersect around the CR—pre-gentrified Brooklyn, tourists, collectors, etc.
Here’s my drawing of Dave (I admit that I did a horrible job drawing in-person and asked if I could take a picture to draw from later, which is what’s here):
Dave spoke to me for a while about starting his first NYC collection, some objects in the museum, community, and other topics. I’ve condensed the interview into snippets:
1. Collecting tickets
2. First objects in City Reliquary museum
3. Objects in display context
4. New York City geology
5.Old crusty cake
6. City Reliquary community
Last week after class, I rushed over to Blick to get grayscale Tombow Dual Brush pens, and I’ve been loving them. Here’s are a few results of practicing with them, enabled by willing friends and loved ones (and a clay skull):
For our first assignment in Sketching Communities, we had to choose a community, sketch and observe it, and create a prototype of an object central to that community.
I belong to the community of fairly secular Jewish Americans. In my experience of this community, I’ve always identified more with the cultural markers—humor, movies, food, etc.—than the strict markers of religion, such as belief or ritual. New York has the second highest population of Jewish people in any city in the world (only after Tel Aviv), and, because of that, it has been responsible for the creating its specific brand of “ethnic” culture (think Woody Allen).
There are many different ways to be Jewish, and they’re all represented in this city, from the isolated Hasidic neighborhoods to the delis of the Upper West Side. I’m interesting in exploring some of these communities this semester, focusing on generational differences.
Going Back to the Roots
For the first assignment, I visited Eldridge Street Synagogue, one of the first synagogues in the U.S. and now a museum in Chinatown. It was interesting to see how Eastern European Jews a century ago had already begun forming their own identity—a hybrid of old and new—in objects such as a gavel for meetings and the synagogue “Constitution.” I sat in the sanctuary for a while and sketched. Though I didn’t create anything I liked, I enjoyed sitting there in the quiet drawing.
On my way back, I picked up a bagel and lox, a staple in my Jewish upbringing—and a staple of New York Jewishness—and decided to draw that. Every one of my Jewish contemporaries that I know has a particular way that they prefer their bagel sandwich, so for my interactive prototype, I created a customizable lox sandwich.
For my Nature of Code final project, I wanted to extend the first homework assignment I made six weeks ago, called “Six Degrees of Robert Johnson.” A play on Dan Shiffman’s “Six Degrees of Kevin Bacon” example (itself a play on other “Six Degrees of Kevin Bacon” and the original idea, “Six Degrees of Separation”), the project would illustrate the influence of Robert Johnson—symbolic or real—on rock music.
Johnson, the “King of Delta Blues” is a fascinating character. We know so little about the musician who died at the age of 27, and though he only released a handful of recordings, he has acquired a legendary status in music. He’s so legendary, in fact, that there’s a myth that he earned his guitar skills after he sold his soul to the devil. I wanted to show how his legacy has reverberated in the history of rock, as well as they ways that music evolves—through acts of appropriation.
In this last exercise, I had two main goals: add a larger data set and output a visualization of some kind.
For the data, I turned to two sources, a list of “500 Songs That Shaped Rock” and the SecondHandSongs API. Using the latter, I created a JSON document of all the artist who had created a version of the songs in the former. Though I only made it through the letter J in the list, I ended up with a list of about 10,000 artists.
Adapting Shiffman’s code from his own Kevin Bacon example, I added user inputs, a plug-in that autocompletes user inputs called Awesomplete, and two new classes: NodeViz and Edge to create visuals on P5.js canvas. The complete code can be found here and the Github-hosted page of the project is here.
In the future, I’d be interested in pushing the project further, adding a more complicated network visualization with Robert Johnson in the center with multiple chains of influence extending outward. Because of the size of the data and my less-than-efficient code, the program also runs fairly slowly at the moment. I want to either make that run more smoothly, or, as Shiffman suggested, visualize the process of the search algorithm in some way.