Harman UI Team | Concept, prototype, animation | Dec, 2013

Pulse is a portable bluetooth speaker from JBL, a sub-brand within Harman. Our UI team created interactive light effects reacting to the music, through the 8*8 LED matrix on this speaker. During the process I made many working prototypes on Mac using Processing, so our team could discuss to improve the design. Our work made it faster for software development on the real speaker. The animation shows three effects from our work.

Surface Speaker

Harman UI Team | Concept, prototype, video | Oct, 2013

Our original idea was to make a portable speaker with new ways of control. After discussion we decided to make a speaker with only one switch button, while users control it via different gestures. Besides, this speaker could recognize surface underneath and relate it to different playlists. For example, when put on the kitchen table, it would play music corresponding to your cooking activity. I used Arduino, mp3 shield, color sensor and digital compass to build several working prototypes, for idea exploration and final presentation as well. We also made a video to show user scenario, in which an existing product from Harman represents the possible physical form our concept could be.

Wave Sports Headphone

Harman UI Team | Concept, prototype, video | Sep, 2013

This is my first project we did in Harman UI team, we wanted to design a sports headphone with easy and intuitive control, not to interrupt running. Inspired by runners' actions, we came up with this sports headphone concept. I used arduino, sensors and a existing headphone to build prototypes, through which our team members and other users tested different control gestures. The engineers also help us make a hi-fi prototype for our presentation. Runners could control the playback through waving hands on the side of headphone, and change the volume by holding hands in different angles. Our team also thought about the proper product design as you can see from the cover image, and we also made a demo to show our concept.


Service Design | Concept, animation | Andrea Norman, Bisrat Begashaw, Haoyu Li | Apr-May, 2013

The overall aim of the project is to explore the future of transportation from Umeå Airport to the city, with a focus on the taxi service. We tried to know how the transportation system works and proposed solutions that help Umeå Airport to become a service-driven airport. And the video below shows our final concept.

In order to make taxi service more efficient in this small city, taxi companies encourage people to book in advance, so at Umeå Airport, around 90 percent of taxis are booked. At rush hour there are three flights arriving during 10 minutes, and about 120 people need taxis. But the bad service in this small airport always has problems to transport passengers quickly. In the first week, students in our class worked together to do service safari, observe passengers' behavior, and interview travelers, drivers and bookers. After research we found the biggest problem was passengers cannot find the right tax for the lack of necessary information.

Collaboration workshop
The airport arriving hall is not big enough for arrivals and the parking lot layout also needs to be improved. We hold a co-design workshop with airport, taxi company manager and taxi drivers, to rearrange the whole space.

1. Experience: The service should be convenient for all types of users, and easier to share taxis.
2. Layout: Make the airport transportation organized, efficient and safer.
3. Information: The information from airport and taxi companies should be useful and easily understandable.

Considering the passengers' safety and the transportation flow, we decided to move taxi parking area to left and rearranged the lanes for taxi companies. It has one free taxi lane and 6 booked taxi lanes for 4 companies, but the arrangement is flexible depending on the booking. For instance, one company could take 3 lanes if a lot people book taxis from that company.



Own work | Concept, prototype, animation | Feb, 2013

This is an interactive game inspired by a Japanese TV Show Human Tetris, in which players pose to fit in the cut-out shape on a lightweight form board. Using Processing on my laptop, I build several prototypes and invited people to test in our studio. Based on the feedback I decided to make an two-players game. Like the battle of street dancing, either opponent should pose to create challenges, and also imitate the other's pose. Microsoft Kinect is used to capture the outlines of players, and both of them have wireless control in hands to shoot a photo anytime they want.

Try Coffee

Intro to IxD | Umeå Institute of Design | Concept, user test, prototype | Daniel Blide, Haoyu Li, Ming-han Chang | Feb, 2012

This is a one-week project to learn basics about Interaction Design. Our task was to improve user interfaces of the coffee vending machine in our school, which does not work very well for the confusing information and operation process. All of us went through the steps to interview users, make paper mock-ups and test our ideas. I also made a interactive prototype afterwards, to show our final concept. It has a touch screen and a card reader, designed for users in this school and also external visitors. We could swipe our school card or credit card to make own drink, and even try the taste before paying. Please try the prototype below (with sound).

Interactive Prototype



Own project | Concept, prototype | Jun, 2010

The idea comes from personal experience when I had a bicycle accident in a night, then I decided to design a bike light for cyclists. Two problems were revealed through research: installing the light on the handle bar makes it difficult to fully illuminate the road and most users cannot regulate the light distance when cycling. The new bike light could be Installed on the front fork and vary its light intensity according to biking speed. I also made a working prototype and tested it on the rear wheel since it is easier to take a video.

Doctor and Patient

Own work | Graphic design | Nov, 2013

In the last few years, there are more and more conflict events against doctors in China. Many of these happen because patients cannot be cured as expect after they spent lots of money, then their relatives would vent anger to doctors, with suspicion and hatred. However, I found the clashes reflect deep problems in the medical system.The unreasonable control of doctors' career, inappropriate distribution of medical resources, pharmaceutical price regulation scheme, etc, cause the distrust between patient and the medical service. This distrust triggers a series of events, turning into retaliation against doctors.

About the Food

Own work | Graphic design | Nov, 2013

Genetically Modified Food is worldwide suspected, as well as in China, but many Chinese either know little about this technology or hold prejudice against it. From research I found many people just believe what others told them or do not know whom they should trust. So I made the poster to advocate a scientific and rational attitude towards this new technology, particularly appeal to the public media and activists not to spread rumors.


Own work | Concept, prototype | May, 2011

Based on the observation in our school library, I designed a bookshelf to change users' behavior. The side panel reminds people to put a book in a new way and it would not easily fall down. Instead of others books on both sides, it could stand with the support of back board, and it is much easier to take out and insert books.


Bachelor's Degree Project | Programming | Haofei Ouyang, Haoyu Li | Mar-May, 2011

For my bachelor thesis project, we built an embedded system based on electronic components and C programming language, in order to control a smart car. I coded to analyze data collected from sensors and send command to actuating device , while my partner worked on driving mechanics to make the car move in the right way. It could work in different modes related to three buttons on the car, and the demo here shows two ways of working.