1. HPL 3DP Center Website 

Year: 2020 
Team: Jiwon Jun, Andrew Fitzhugh
My Role: in charge of design (UI, wireframes, interactive prototyping) and user interviews



One of the challenges in the MJF’s 3D-printing process is a ‘Nesting’ job. It is a task for an engineer to organize multiple 3D models fitting into a print bed to prepare the files before printing. The nesting work is time-consuming and repetitive because a print orientation of each 3D model and distance between them needs to be optimized, and it is supposed to be done for every batch of printing. Although there are some software providing automatic nesting features, it still requires a manual job to specify settings to achieve better print quality.


An example of the ‘Nesting’ work

In this project, we aimed to design a system and web-based UI to apply a machine learning algorithm for an automatic nesting feature to our internal 3D-printing website. Based on the algorithm, 3D models uploaded to the website are automatically organized, and the website shows three nested results for the engineer to choose one of them to print. I teamed up with a senior software engineer and designed the webpage UI mockups and interactive prototypes for internal user interviews.


Process
Investigating 3D-printing workflows from start to end   

Understanding a user’s task flow and defining pain points

UI sketches

UI prototypes



2. C-Games

Company: Amoeba Design (2012)
Client: LG U+
My Role: Market research, UI strategy & design, wireframes, and user flows

From 2011 to 2012, I worked as a UX designer at Amoeba Design, one of the major Korean design consultancies. Our clients included Samsung, LG, and KT, and my role was designing screen-based UI strategies and wireframes for mobile phones, websites, and smart appliances. Here below is one of the projects I was in charge of as the main designer.

C-games is the first Korean cloud-based game streaming service, launched by LG U+ on August 2012. Using the service, people could purchase a ‘pass’ to play online streaming games. It was launched across multi-platforms including mobile phone, web, and smart TV. Our goal was to design a consistent and integrated user interface across the platforms. 



System structure & flow



UI wireframes of main screens



UI wireframes for mobile screen


UI wireframe for TV screen


Final Products 
The final look of the service was decided in collaboration with development and GUI teams.
Mobile

Web

TV



3. Smart Appliance

Company: Amoeba Design (2012)
Client: LG Electronics
My Role: brainstorming, designing wireframes and user flows based on the result of the usability test 

The project entailed upgrading the previous version of a user interface of LG electronics’ smart appliance applications. The primary goal was to make a prototype application for the next model, and my team was responsible for improving the UI based on a usability test. I participated in the whole process and designed wireframes of the applications.


1. Usability Test
Recruited Users: married women between the ages of 30’s and 50’s who have a refrigerator, laundry machine, and oven.

[Hardware application for the smart refrigerator]

Among the nine menus in this application, major menus are Food Manager, Recipe, and Smart Shopping. Through those menus, a user could manage food items in refrigerator, find recipe, and shop for grocery online. However, according to the test, there were three problems in the usage process.
1-1. Food Manager: the process of adding new food item to application was too complicated.
1-2. Food Manager: summary of expired food items was needed.
1-3. Recipe: the user wanted to check cooking ingredient that were not saved in the Food Manager.

[Hardware application for the smart washing machine]

This application was intended to allow a user to use the washing machine more conveniently by using the touch screen panel instead of old physical buttons on the machine. However, the result of the  test indicated that users had difficulties with these buttons, especially when they wanted to modify laundry courses. options.
2-1. Home: washing time information was required for laundry course selection.
2-2. Course settings: the user wanted to see all the laundry options at a glance.
2-3. Course settings: the user wanted to check the time required for the completion of the selected course as well as the time for waiting.
2-4. Washing screen: an intuitive way of adjusting reservation time was needed.


2. Wireframe Examples
[Hardware application for the smart refrigerator]


1. Food Manager: the previous UI displayed lists of saved food items and new food items add on the same screen. This confused users since the same food iconts were shown on both sides. It also took longer time for users to check the detailed information of each food item because they had to open and close the pop-up on each food item repetitively. Therefore, we decided to separate this structure. On the Food Manager’s main screen, we focused on checking the status of food items saved in a refrigerator.
2. Recipe: for quick check of cooking ingredients to buy, we decided to show the contents of the recipe and filtered ingredient list at once.


[Hardware application for smart washing machine]



1. Laundry Course: we arranged all the options on one page and displayed them according to the order that these were used most frequently, so that a user doesn’t need to search for hidden options. 
2. Home: we displayed the washing time information on the title of the laundry course according to the findings from the test.
3. Washing: originally, a user couldn't modify the reserved washing time after the washing started. However, by providing a handle on the status bar, we intended to allow a user to change the time setting more arbitrarily.


3. User Flow Examples