Press "Enter" to skip to content

→ Alice Sun / Blog Posts

Box2D & Typeface

More typographic experiment based on Daniel Shiffman’s Polygon example using Box2D. Typeface: Brown Bold Full Screen, Code

  • How to build a physical boundary out of textToPoints()?
  • reference: Patrik Huebner’s typographic example


Quant Self Intervention

Assignment 05: Quant Self Intervention

Design or prototype an intervention that would help you to change your behavior based on the data you’ve gathered or based on the service you designed in you Quant Self Service. Tech or community or social based interventions are fair game.

  • make your intervention tangible; make it visual or physical in some way.
  • justify how your intervention works and why it is convincing for you and why it might (or might not) be a useful strategy for others.
    You might consider: – paper prototypes, a slide deck, a screen dummy, video, etc – using your quant self service idea as a foundation to build your intervention on

Language Usage Tracking

The following application only focuses on writing thorough keyboard in either mobile device or pc. If you are a new user, it will ask the access to data about when you change your language, because it can be sensitive information. Once the user confirms, it lands to the Welcome (Get Started) page and will set up language types and devices to synchronize.


After the registration, the application won’t ask accessibility question unless the user desires to stop the process of collecting data. Instead of Welcome page, now it will directly land on profile page and shows the average usage of different languages, list of languages, and list of synchronized devices. This page also has a role as setting page, so any visual change, language and device reset can be done in here as well. In order to see more details about data, tap the left top button and it will land on Time Map page. The default view of Time Map page is daily based.

Time Map

Once in the Time Map page, the user can navigate to further information as weekly based, monthly based, or yearly based data. Each page’s graphic is color-coded according to language, which is adjustable element in setting page. Through these Time Map sections, the user can discover such aspects like: “I use more Korean during weekends”, “English is my main language while I’m not on vacation”, and “My usage of English is increasing every year”.

Overall Wireframe



Assignment 05: Reflection

A short paragraph or phrase on what you learned this week.

There has been some confusion on the order of documentation posts, so I merely spent time reorganizing and making some updates on existing posts. The previous comment by Joey on assignment #6 is now under the proper post as a copy. It is definitely my mistake to carelessly overlooked the assignment details. On another hand, I realized that my assignment #4 and #5 were in a combined form after looking at some other classmates’ work – and how I’ve been often thinking user research and design as one chunk of practice, but they’re not.

It’s important to conduct user research in isolated manner from the design work itself, especially to keep objective view in both areas. One of the best ways to increase accuracy is testing many users as possible – which wasn’t an option in my assignment #4, because I was the only user to form the persona figure. At the same time, I’m aware that this service is targeted towards very limited user pool: people who speak more than one language. However, I still decided to proceed the idea regarding that this class is more about “I” and personal data.

p5 & Typeface

Assignment 4 was based on one of generative font examples in Processing. The original version could directly input text but I wasn’t successful in transferring the part. Full ScreenCode

Second trial based on Daniel Shiffman’s Particles code and textToPoints() example – interactive with mouse hovering and clicking. Typeface: GT Sectra Super Full ScreenCode


Quant Self Service

Assignment 04: Quant Self Service

Develop a mini service concept around your own personal data.

  • Go through the process of and document creating persona, creating an empathy map, mapping your user journey (experience), sketching your service blueprint, and creating evidence of some of your service touchpoints.
  • State clearly (if possible) the opportunities you’ve identified based on your research and exercises and follow them through to make a convincing and thoughtful collection of experiences in your service.
  • make tangible some of your service touchpoints (for example paper prototypes, simple sketches, photographs/video). It is encouraged to prototype an aspect of your service or a video showcasing a scenario in which your service might operate to help make your idea more tangible.

Mental Model

  • Motives: Can the usage of certain language itself influence one’s mind or ways of thinking?
  • Expectation: Those who use more than one language have different occasions and tasks for each language.
  • Challenge: Hard to manually document every moment I change my language usage.
  • Currently using:
    • IP Tracking Extension (considering to stop it due to having less connection with language usage)
    • Reporter Application
  • Experience: The two tools are not working very harmoniously, and has low accuracy


  • The persona figure is solely based on myself.
    • Bilingual in Korean and English
    • Daily uses both languages
    • English for work, class, research and projects
    • Otherwise, mostly uses Korean but English rate is increasing
    • Has hard time tracking things daily
    • “Too tired. Don’t want to use the Reporter App”
    • “I forgot to put my Reporter App to Asleep mode!”
    • “Wait, this is Korean site but has Japanese IP address”
    • Uncomfortable how simple process became complicated
    • Fun to see unexpected aspects about my language usage
    • Curious about some IP address locations
  • DOES
    • Casually checks website’s IP location
    • Ignore report notification because it’s class time
    • Input my reports carelessly



Assignment 04: Reflection

A short paragraph or phrase on what you learned this week.

The main reason of making a service about detecting language usage was because it was something that I was searching for in the beginning of this class. There are many related research papers and article about relationship between language and mind development, but it was interesting that there wasn’t any automated tool to measure it. My idea for the assignment 4 has many flaws, and has incomplete quality. However, at least the moment when I merely imagined about this tool gave me the feeling of satisfaction somehow. On the other note, it’s tiring to collect two different sources of data (that don’t perfectly suit my purpose of tracking), but at the same time there were many unexpected aspects I found about myself. For example, during weekends my usage of Korean increased along with the number of added photos – which implicates that I take far more selfies when I’m with my Korean friends, compared to when I’m not.


Questions and Topics

What will be the ways for technology to increase or decrease the gap among people?

Research Topic:

  • Income and lifespan inequality
    • across different countries
    • and inside a country
  • Areas to look into (from class feedback)
    • pattern of income inequality; when are the moments that the gap got widened or narrowed
    • middle-class and their age
    • how many generations does it take for poor to be rich (economic mobility)?
    • role of education
    • relationship between time and income inequality?

Reference: Hans Rosling’s Talk

The quality of life in overall countries got dramatically elevated, however, with significant amount of inequality. It is visible by how bubbles that represent different countries are located in scattered shape in 2008, compared to 1830.

It gets more interesting when he takes apart some cities in China and starts locating them next to other countries. In 2009, China had relatively lower lifespan and income level than Italy – while Shanghai alone was in comparable status. Then, he takes Guizhou apart and locate next to Pakistan. Furthermore, within Guizhou, the poorest rural area was comparable with Ghana.


Data Storage and MongoDB

This is the modified version of week 2 project, with few changes. The online submit form looks the same, but now the data gets stored in MongoDB. Also, reflecting last week’s feedback – now when the answer is submitted the section scroll directly goes to bottom of the page.

The process got bit delayed due to constant authentication error.



Trends and Critical Uncertainties

This week’s discussion about a list of trends and critical uncertainties was done with Laura Weinman Kerry, with focus on global migration because it was both Laura’s and my previous topic as well. While Laura researched more details about citizenship and national identity, I looked bit more into the issues with international economic transfer, such as outsourcing and fair trade among countries.

Globalisation and the Economic Transfer

  • Outsourcing
    • Immigration vs. outsourcing: Effects on labor markets: shows either immigration or outsourcing of a labor-intensive fragment of production may serve to raise the wage rate of national labor in a developed country (regarding Anti-globalizers’ concern that they will lower the wage rate). (positive perspective)
    • Skilled Immigration and Economic Growth: Skilled immigrants have achieved great success in founding U.S. engineering and technology startups, which have in turn contributed greatly to the country’s economic growth over time. (positive perspective)
    • Back-sourcing?
    • Outsourcing and financial performance: A negative curvilinear effect: the existence of organisations can be attributed to market failure that induces transaction costs; there are other industry factors such as the need for local responsiveness versus global integration (The Multinational Mission: Balancing Local Demands and Global Vision by C.K. Prahalad, Y.L. Doz); heavy reliance on internal sourcing leads to poor performance, and it is at its worst when firms apply it by default (Domberger, 1998)….Firms that become hollow or virtual lack a solid basis for competing and can neither innovate enough nor learn much (Chesbrough and Teece, 1996; Kotabe, 1998). (neutral~negative perspective)
  • Fair Trade
    • Re-embedding global agriculture: The international organic and fair trade movements: Fair trade aims to ensure that the poorest actors in a supply chain benefit more from the overall financial value creation as a development tool…. large corporations may capture the most lucrative share, threatening the sector’s progressive social and environmental foundations (Buck et al., 1997). (positive perspective)
    • Fair Trade and Harmonization: Prerequisites for Free Trade?, Volume 2: The conflict in each policy area tends to center around complaints by countries with high standards against the countries with low standards….international harmonization has been seen from the beginning not only as a desirable end in itself, but also as a necessary condition to adoption of higher labor standards in any one country. Suggestion: it should be possible for the International Labor Organization (ILO) and General Agreement on Tariffs and Trade (GATT) to agree on the principle that comparative advantage in trade should not be based on the violation of the most fundamental workers’ rights, but not including other more technical labor standards relating to wage differentials and occupational safety and health. (neutral~negative perspective)
    • Black Gold: 2006 documentary film that focuses on the coffee growers of the Oromia Region of southern and western Ethiopia. (positive perspective)