UX Design

SAMSUNG MILK VIDEO (2014 - 2015)

The Brief: How might we create a popular video service that aggregates the best short videos on the Internet?

My Role: Strategic UX design with head of product, interaction design collaborator with Samsung designers, full-stack UX + Visual design, co-producing with engineers at Pivotal Labs. Includes: wireframes, photoshop mockups, motion studies, specs & assets.

Our Results: Shipped high-designed product on time and grew monthly active users to 500,000 within 4 months of launch. Quickly analyzed user feedback in qualitative research sessions as well as quantitative user analytics to design and implement features to improve the service and improve user retention.

Milk Video is a short form video streaming service for Samsung phones. We took a small prototype and expanded it into a fuller experience with navigation, sharing, and social features. In a few short months we grew the monthly active user base (MAU) to about 500,000. Currently the Milk Video service is no longer in production as of November 2015. My role covered strategy, interaction design, and some visual design. I helped oversee engineering implementation by working directly with engineers at Pivotal Labs. Besides doing design, my daily work also involved writing user stories and making sure the product was being built to spec, and performing well.

Just an excerpt from one of the many wireframes for this project. 

Just an excerpt from one of the many wireframes for this project. 

 

HONDA RESEARCH INSTITUTE (2012 - 2013)

The Brief: Using an augmented reality 3D heads up display, how might we design experiences that save drivers' lives as well as improve the driving experience?

My Role: Stage user research sessions to discover user needs, conduct brainstorming and synthesis sessions with the team at Honda, and design and spec 3D augmented reality applications for drivers.

Our Results: Won A' Design Award for concept category, for our submission Projected Path. Awarded over a dozen patents and still growing. Proved efficacy of 3D HUD specifically through human-centered design. 

At HRI, our focus was on designing human-centered applications for the 3D heads-up display. Through the unique volumetric projection system, drivers can see images projected into the road, so that they appear to be at the correct focal distance, creating truly immersive visuals. Using this 3D feature, we designed many concepts for human-centered application with a focus on driver safety. Here is one of the designs that won an A' Design Award, an international design competition. It is called Projected Path.

Design of "Projected Path" an augmented reality safety feature for drivers; work done at HRI.

Design of "Projected Path" an augmented reality safety feature for drivers; work done at HRI.

 
Sketch of how the car shows visuals projected into the world.

Sketch of how the car shows visuals projected into the world.

I also wrote/compiled/designed a very small book at Honda Research Institute. It covered the work we did there, including theoretical explanations behind why we took the approaches we did. It now serves as a human-centered design guide at HRI for future work in the augmented reality space.

A page from the book I made about HRI, including the design methods we adapted for our use.

A page from the book I made about HRI, including the design methods we adapted for our use.

Below is an image of the hardware prototype of the augmented reality device. The prototype had a drivers seat and steering wheel in place to simulate the driving scenario. The visual on the right is produced without any alteration; it is a true 3D augmented reality image. You can see the depth of field of the text at Rhishab's feet.

Another one of our major concepts was the Safety Grid. This concept came about through interviews with drivers we deemed "expert" through a series of qualifying tests such as amount of extracurricular driver education, courses, and recreational driving such as race-track driving activity these people have done. This expert driver basically conferred to us his mental model of maintaining a safe sense of general awareness at all times. He would keep track of all the cars around him mentally, forming a sort of 360 degree memory at all times. This concept could also easily be called Awareness Grid, since it focuses on awareness of cars all around you. Furthermore the system rewards drivers for clearing the spaces around him or her, thereby having clearance in the four primary quadrants should s/he need to swerve for an emergency.

 

MICROWORK (2015)

The Brief: Take 20 hours over the course of 2 weeks to create a design strategy for distributed micro-task work application Microwork.

My Role: UX design strategy, interaction design.

Our Results: Starting from a very complex problem space that lacked a user-facing design strategy, we narrowed the product focus down to something very specific and tangible that would provide value for users. That would be a way for any mobile phone user to earn small amounts of money for doing simple human-cognition/computing tasks. Separating the user-facing side from the production/company side was a big step towards the success of Microwork. Today Microwork is in open beta and actively using the UX strategy we created.

This is a very short 20 hour UX design consulting project I did for a new Bitcoin startup, Microwork. They had a novel concept for crowd sourcing small tasks using their original Smart Contracts, and paying in Bitcoin. Their web interface was not yet targeted towards either the task creator or the task worker. I helped re-design the front end concept by focusing on a mobile application that workers can quickly accomplish many tasks and earn money, even while out and about using their mobile phone. This was a short contract in which he needed a holistic design consulting service. I helped brainstorm a product strategy with him, and delivered an outline for the interaction design which he used going forward to implement with his engineers and his graphic designer on staff afterwards.

Client Testimonial:

"I had been looking for a 1%-er for the longest time, I was seeking someone that got the big picture, could see a huge vision and had the understanding of design and experience. We started with something very complex but when Lee was finished it was simple, beautiful and elegant."

Microwork_Wireframes.png
 

COUNTERTOP: THE ORANGE CHEF CO (2014)

The Brief: How might we create a "magic" scale that not only weighs food but shows exactly all the nutritional content inside it? Can this also help us cook recipes and plan meals?

My Role: UX design, interaction design, visual design, strategy.

Our Results: Took a popular but niche iPad app and expanded it to iPhone to grow in user base. Invited more people to use the app without buying the physical scale priced at $100, the Prep Pad. Since we invited users to download the iPhone app without requiring the Prep Pad and iPad, we grew our user base exponentially in a short amount of time. Then with this user base we designed and implemented various entry points into enticing people to buy the Prep Pad in order to enhance their user experience.

An app for a smart kitchen and a smart life, Countertop is an app for iPad and now iPhone. I did a lot of the design for the iPhone, translating the concept from a large tablet to a small phone. The app pairs with the scale device you see there, that looks like a cutting board, and enables users to weigh food and measure the nutrients they will eat.

 

SHOYU - PERSONAL WORK (2014)

The Brief: What if there was a social application centered around augmented reality telepresence and sharing?

My Role: UX design.

Our Results: Created a working augmented reality prototype to share with venture capitalists/investors.

An app for augmented reality telepresence. Teach, share, and play with each other via AR and a very user friendly interface. I designed this with engineer friend Arthur Alaniz and designer Michelle Mansfield in 2014 as a side project.

 

YOUNG AMADEUS - PERSONAL WORK (2012)

The Brief: How might we empower classical musicians to memorize music better when they can't practice their instruments, such as during travel?

My Role: Designer, collaborator with engineer friend.

Our Results: Created a compelling user experience for classical musicians that is still unique today. By drawing on personal experience as a music school student and designer, we created a truly human-centered application. We prototyped a short demo of the work on iOS.

Young Amadeus is an app for musicians to work on memorization or ear training / transcription while they are away from their instrument. Classical musicians must learn music often, quickly, and thoroughly for concerts, so this added practice will give them that added boost to their memorization of a piece. Designed in summer 2012.