Hi, welcome to
Christine's design portfolio :)

I previously worked as a UX Designer at ASUS in Taiwan and interned at a startup, LifeCents, which is based in Washington D.C. in the United States.

I have a M.S. in Human-Computer Interaction Design and a B.S. in Computer Science.

A few of my happy moments at work are when I understand something complex, identify the core of a problem & find a solution that I genuinely believed in, and feel like I can see things clearly in a big picture ;)

Work at ASUS

I worked as a Senior UX designer (started as junior) in the User Experience team at ASUS Design Center, where we designed user experiences for various business units in ASUS.

For most projects, I created design proposals that included product strategies for the clients, delivered design files that included flows and wireframes, and handed them off to a UI designer and a team of developers.

The followings are a few examples of the projects I've done:

0 to 1 UX Design for ASUS HealthHub Home

Healthcare

Tablet-embedded device

Mobile app

Two hubs. One with a homepage showing vital signs and notifications and another showing the screen on an internet call.

the product

A hub that automatically collects data from at-home vital sign monitors (blood pressure monitor, blood sugar monitor, etc.), with a companion mobile app

Design Details #1

Main info architecture: browse by person
For a shared device, combining info across all members might be an intuitive choice, such as integrating schedules. However, combined personal health info, for example, showing everyone's blood pressure altogether, is less likely to be more helpful.

Design Details #2

Automatically save vital sign to user profile whenever possible
Since the vital sign devices are often shared by family members, users have to tell us whose blood pressure, for example, it is. However, when there's only one account, we save data directly to the profile and simply show a notification. So if there's an unusual sign, families will be notified on their phone in time.

Design Details #3

Automatically call emergency contacts in rounds
When the physical SOS button is pressed, there will be a 3-second countdown where you can press cancel (to prevent false triggering) and, immediately after that, it will start calling each emergency contact one by one, so that it helps to get in touch with any emergency contact as fast and automatically as possible.

work highlights

  • Without resources for primary user research for this unprecedented product, in addition to a tight deadline, I thought from users' perspectives to make assumptions of what problems it could solve for whom, then centered my desktop research on it to design as fast & user-centered as possible.

  • Designed the complete flow and wireframes of the hub, which includes the navigation with physical buttons and digital interfaces, multiple-profile homepage, onboarding, vital sign filing and browsing, video & voice call, notification, health info library, settings and more.

  • Later in the project, I caught an opportunity to conduct interviews and user testing with our target user groups. The research helped us refine the strategy for the HealthHub product line that includes B2B & B2C solutions, made the team more in sync, and helped me iterate the designs for better usability.

Visit Product Website →

Physical Interaction Design for ASUS PureGo OW100

Smart Kitchen

IoT Device without GUI

A ozone water sanitizer with the ASUS logo put on a cutting board with vegetables on the side

the product

An ozone water sanitizer that produces ozone water, by connecting it to water faucets, for better cleaning of foods, hands, etc.

Design Details #1

Communicate different sanitizing modes intuitively
3 ozone density levels are available for various cleaning purposes. After a number of discussions on how to communicate the concept of ozone density graphically, I proposed to the team a familiar pattern on appliances: the more lights are on, the "stronger" it is, which led to the final product design.

Design Details #2

A simple press of a button for all actions
Even under the restriction of having only one button to interact with, we still want to avoid having users trying to memorize when to use a long, short, or multiple presses. So every action -- including turning on/off, switching modes and more -- can all be done with a simple short press by design.

Design Details #3

Automatic mode switches are hinted
To prevent the accumulation of ozone in the air, it automatically stops after using continuously for 20 minutes, and, after another 20 minutes, it goes back to the original state. Because these actions are both done automatically, we want to hint users that the mode is going to change, with flashes and a gradual dim.

work highlights

  • When the team was stuck on how to express the different levels of ozone density graphically, I proposed an idea to the team (it consists of PM, ID designer, mechanical engineer, and firmware engineer), which solved the problem and moved the project forward.

  • Despite having multiple modes, an auto-shut-down feature, and the limitation of communicating with only LED lights and a physical button, I designed an easy-to-understand interactive flow with 0 issues reported during the test-use period in the company headquarter.

Visit Product Website →

UX Design for AISEHS Standardized Version

Smart Factory

Web app

A web app screen capture with an arrow that says redesign on the side, pointing to a rectangle that says "standardized version (currently under NDA)" on it, with a background image of a factory worker

the product

A SaaS solution that helps monitor potential safety issues in factories by utilizing CCTV systems, AI models, and web portals

work highlights

  • Collaborated with the client to define the feature spec of the standardized version of the product, whose previous version was originally customized for one factory only, to make sure it can accommodate the needs of different customers (factories) as much as possible.

  • Designed an experience that simplifies complex AI settings yet remains its customizability, in addition to designing a new experience for SI (system integrator) users to manage their customers.

Visit Product Website (new designs not updated) →

More Projects

Healthcare

Education

Smart Kitchen

Mobile app

Device w/ small screen

Web app

IoT Device without GUI

Product concept & UX Design for a B2C healthcare product

  • Reframe the concept of the product after participating in user research and proposed to the team, which helped move the project forward.

  • Designed the cross-device experience, including the features according to the concept and the main flow and wireframes of the app and the device.

  • Collaborated with a fellow UX designer to redesign the main structure of the app of another product into an app for multiple devices, including this one.

New feature design for a programming educational robot

  • Simplify the experience of AI-related advanced features for school-aged children.

  • Designed an interactive guide to build connections between a complex ecosystem of different devices and apps.

  • Collaborated with our UI designer, developers and QA engineers to build and test the features.

Design audit for a B2B healthcare product

  • Identified and prioritized usability issues & presented to the product team and the leader of the business unit.

Maintenance for PureGo PD100 (pesticide detector)

  • Collaborated with our UI designer, firmware developer, PM and QA engineers to solve trouble tickets of the cross-device experience.

0 to 1 Product Design for a B2C healthcare product

Reframed the concept of a new product (with the main flow & wireframe designs), which helped move the whole project forward.

Feature design for a programming educational robot & its application

Simplified the experience of AI-related advanced features for school-aged children.

Design audit for a B2B healthcare product

Identified and prioritized usability issues & presented to the product team and the leader of the business unit.

Maintenance for PureGo PD100 (pesticide detector)

Collaborated with our UI designer, firmware developer, PM and QA engineers to solve trouble tickets of the cross-device experience.

Work at LifeCents

I interned as the only UX designer for LifeCents, a personal financial education platform start-up based in Washington D.C., in the summer of 2019.

During my internship, I conducted a design audit, collaborated with the team to prioritize the user experience issues I discovered, and redesigned the dashboard of the web app to solve a problem that's critical to a content platform.

Dashboard Redesign for LifeCents

Financial education

Web app

The redesigned dashboard of a web app in front of its old dashboard

the product

a personal financial education platform (B2B2C)

work highlights

  • Redesigned the dashboard that showed all the "next lessons" from different "courses" together into showing lessons in courses, in order to give users a better understanding of where they are with the educational contents of the platform, which was a problem when the page that was designed to display all courses and lessons could not be implemented.

  • Validated that users could have trouble understanding the structure of the content and their progress in it & the design improved the experience by conducting cognitive mapping & user testing with people in our TA group (since it was a burden for the team to gain access to actual users through our B2B clients).

Visit Product Website →

Other things I've done
that I genuinely enjoyed :)

During the Intro to Game Programming class in college, I designed this garden maze game inspired by the episode "Prey" of British TV series Endeavour, which I was enjoying watching at the time.

I developed it using Unity3D (and its free assets) and had so much fun in the process. Here is the "trailer" I edited for the game ;)

I had one of the most memorable times in my life in the 2 years I got to collaborate with my HCI grad school cohort to meet people from all walks of life and learn about their daily life and what they were thinking and feeling.

We've met custodians, janitors, people who goes to and who works at food banks, people with physical disabilities, independent musicians and more, whom I am forever grateful for sharing their stories with us.

My HCI grad school cohort and I talking to a custodian at a recycling center.A woman on a wheel chair behind a refrigerator's door in a kitchenA person sitting in front of multiple screens that shows music making software

While I was in ASUS Design Center, there was an opportunity to share anything I'd like with all the designers, in which people usually share their personal interests. But since I had this opportunity, I wanted to share something that are not just fun to listen to but also helpful for my audience, which consists of different types of designers.

So I recommended a few books that actually helped me get prepped for my work as a designer while commuting in the morning and shared my observation on why they were helpful for me so that they can find more of this kind of books.

A powerpoint title slide that says "The books to read before work to warm up in the morning"A powerpoint slide that shows a book called local designA powerpoint slide that concludes the reasons I like to read "Local Design" in the morningA powerpoint slide that shows a book called “The Work that Creates Words”A powerpoint slide that shows a book called “Houses with a story”