Hello. My name is Hajin Choi.
I create interactions that facilitate communication between people, information, and system.
I create interactions that facilitate communication between people, information, and system.
I'm graduating in December 2010 with a master's degree in Human-Computer Interaction
at Carnegie Mellon University where I also earned the BFA in Communication Design.
I'm currently seeking for a job in the field of User Experience and/or Interaction Design.
at Carnegie Mellon University where I also earned the BFA in Communication Design.
I'm currently seeking for a job in the field of User Experience and/or Interaction Design.
My interest lies in Interface and Information Design because I'm excited about...
1) creating means for people to have effective, pleasant and enriching experiences in getting their job done and interacting with others, and
2) dealing with complexity and turning raw data and resources to something purposeful and meaningful.
I consider problems are opportunites.
Born in Seoul, Korea, have
called Pittsburgh home for four years now/Soft-spoken and extremely optimistic/Love walking aimlessly in nice weather while listening to music/Enjoy alone time as well as good convo with good company/Drink lots of coffee/Laugh a lot :)
called Pittsburgh home for four years now/Soft-spoken and extremely optimistic/Love walking aimlessly in nice weather while listening to music/Enjoy alone time as well as good convo with good company/Drink lots of coffee/Laugh a lot :)
I'm fascinated by how well-conceived designs,
coupled with technologies, can bring benefits to our everyday lives.
coupled with technologies, can bring benefits to our everyday lives.
When solving problems, I always try to grasp the holistic picture and the details using my analytic and intuitive mind with right balance.
Burn Your Calories
Interactive Information Graphics about Calorie Consumption During Workout
CHALLENGE
This project asked us to visualize information from a data set that interested us using a medium of our choice. I decided to deal with the information about the calorie consumption during workout and use an interactive medium to show the consumption happening over time.
QUESTIONS
How can I convey the numerical data in a more easy-to-understand way?
What would be the context that makes this information more relevant and meaningful?
What would be the context that makes this information more relevant and meaningful?
SOLUTION
From the initial interface design that focused soley on the graphical representation of the calorie information, I redefined the project, put the interface in a gym context, and envisoned it to be installed in front of the treadmill. The interface functions as a touch-based control panel as well as a information display. The number of calories burned is compared with the various kinds of food to help users get a better grasp on the numerical data and possibly motivate them toward longer and harder workout.
Before Workout
Before starting workout on a treadmill, the user is prompted to enter personal information for accurate calorie calculation and then select a type of food to compare with the number of calories burned during workout.
Before Workout
The keypad becomes available for entering numbers when the user taps in the age and weight fields. This pop-up helps avoid clutter and a waste of screen real estate.
Before Workout
As the user select each food, the type and the number of calories contained in the food is displayed.
Starting Workout
The interface consists of the two parts: control and display panel. The top portion of the screen has controls for speed and slope that users can manipulate during workout and the main portion shows the workout trail with numbers and graph.
During Workout
The color on the graph represents the relative intensity of workout and the white line tracks the change in speed.
During Workout
The user can zoom in and out on the graph to see the partial or the full view of his or her workout.
During Workout
The user can change personal information (top) and select a different type of food during workout (bottom). These panels appear as pop-ups.
PROCESS
This shows the initial design that focused simply on mapping the calorie data from workout to the food, with a dominant use of images and graphic elements.
These are some of the sketches that led to the initial (top) and the final design (bottom).
After sketching ideas on paper,
I created low-fidelity wireframes to refine ideas and find the layout that would group the components in a way that effectively uses the screen space and allows for intuitive and smooth interactions.
I created low-fidelity wireframes to refine ideas and find the layout that would group the components in a way that effectively uses the screen space and allows for intuitive and smooth interactions.
MY ROLES / SKILLS USED
Project definition, Low- and high-fidelity wireframing, Visual Design /
Adobe Photoshop, Illustrator
DURATION
Sep–Oct 2008
(2 months)
(2 months)
COURSE
Information and Interaction Design
INDIVIDUAL PROJECT
DOWNLOAD