Back to Home

FALL 2016 / INTERN PROJECT

Reshape Mobile App


As an intern at This Also, I had the unique opportunity to work on a concept project with a prompt given to me by my mentors. The three words that were given to me were "health" and "data visualization". More specifically, they asked me to explore how college students are staying healthy today with technology.


Through my research process I found that not only were college students generally unhealthy, but there are no good tools that solve this problem. One of the major problems with health apps today is that they all generally look the same and use the same concept when representing numbers. They all use the same boring charts and graphs.

Approach


After discovering an area in which to design a solution for, I asked this question: How do we make health data unique for each student so they become aware of their health? By representing health data in a unique way, I believe that we are able to create an experience that might change the way students view their health and become more aware of it.

The Idea


Reshape is a health app that generates dynamic "health shapes" by using the student's health for the day (distance, sleep, steps, etc.). With the shapes that are generated, the student can interact with their health through a drawing experience. In addition to the drawing experience, they can view the breakdown so that they can see exactly what aspect of their helth generated these "health shapes".

The hope with this project was to represent health in a different way so that college students can become more aware of their health. By adding the layer of interactivity, students can see directly how their health impacts their drawings.

Mobile Prototype


Try it out yourself on your iPhone at: https://dparkd.github.io/health-app/. For the best experience, save the app to your homescreen!

What I learned: Brute force your designs


Diverging in your process is the best way to explore unique and exciting products. Below are some of the boring and standard products that I though of at first. Brian (one of the directors) told me to brute force my designs which is basically to design crazy ideas that are separate from eachother during the ideation phase. Through this method, I was able to discover unique interactions.

What I learned: Don't ride the hype too soon


During the time of my internship, Origami made it's big launch and I really wanted to use it for my prototype. I spent more than 2 weeks building half of my prototype before realizing that it's almost impossible to accomplish what my app was going to do in Origami (I was trying to generate hundreds of shapes dynamically). Instead, I decided to use vanilla HTML and JS to create my prototype. Here is the code.