Web app, Digital, Adaptive website, Mobile app, UI/UX
Design process
Web app, Digital, Adaptive website, Mobile app, UI/UX
Based on Bloom.fm's unique interface, I redesign the ios7 version which includes the flat design style, brighter colour scheme, icons / CTAs with better usability.
UI/UX
To improve the usability, we discuss with the marketing team and find out the part that user usually drop out. The main sections are introduction process which now offers the opportunity to "borrow" tracks and go to the library section so the users are familiar with how it works and where it sits.
Following the geometry style and the theory of sound system, how traditional equaliser works etc. The 2D gradient cut circle fits perfectly with the sound wave while in motion, and creates a visual enjoyment at any shape.
A series of branding and marketing material for Bloom.fm's campaign and social media.
Posters to raise awareness about the destruction of the rainforest and to highlight the damage it is to doing to the world as a whole, featuring a serious tone of voice.
Creative // Ya sheng Cheng; Copywriter // Stephen Etheridge, Ya sheng Cheng
Website
Creative // Ya sheng Cheng; Video // James Shorrocks, Ya sheng Cheng; Copywriter // Stephen Etheridge, Ya sheng Cheng
A self-initiated project featuring the concept generation process of ways to get people to use the Wifi which Virgin Media set up on the tube stations. First, I define the research contents of the project. After brainstorming, I found out that the geographic factor of being in the underground system will differentiate this project/app with any others. During the AR scenario research, it shows that AR could acts as a trigger in the beginning or continue as a part of the interaction.
UX research/ concept design
Focus on the interconnection between user experience and physical experience;
Simple game mechanics (which will cause addiction) & sport related.
The sharing playlist feature contains a series of steps with accordingly variety of functions. The users can share a private or public playlist, and the receiver can either clone or modify the playlist in the inbox depends on its property.
UX design
WIREFRAME
A project to help people keep their privacy when giving away their mobile numbers. Aiming for young audience, I created the vibrant UI design and illustration while heavily participated in the user journey.
Mobile app, UI/UX
'Squirtle' is a game that asks users to control their emotions in order to get to the end of an animation within a given time. Changes in arousal, as measured via galvanic skin response (as used in lie detectors), causes the animation to run backwards making the task more difficult. Looking further, the installation aims to challenge our conventional conception of human-computer interaction and our relationship with digital systems.
Combining challenging game mechanics with well though level design //
After some user inquiry, I focused on the trigger and defined it as comic style pornography since this style caused most arousal of emotions. It also made the game mechanics – door the user to stay as emotionally stable as possible – more challenging, as the audience's participation was another emotional stimulation.
Considering UX and level design, I delivered the wireframes about the process and variation parameters. The first half of the game was set up to be easier using a cheat value, while the second half was harder so the video would bounce longer within the climax of the video.
Users keep coming back to challenge //
The work was shown at the Business Design Center at Islington in 2010. During the exhibition some users wanted to conquer "Squirtle" so they keep coming back and bring their friends to challenge it. The target group fell on young adults, and most of them were male.
GALVANIC SKIN RESPONSE DEVICE (AS USED IN LIE DETECTORS) MOCK-UP//
USER SCENARIO
Synesthesia is an interactive performance/installation exploring alternative digital music interfaces and the relationship between colour and sound, creating a relational experience between the artists, users and the audience.
Cross-sensory metaphors within an unlimited interactive experience //
We developed a color/sound intersection system which utilizes video color tracking, sequencing, and sample modulation to generate audio loops. Like the term Synesthesia – a condition in which stimulation of one sense leads to automatic experiences in a second sense – we turn the captured video into a piece of sound. While the 4 colours present 4 basic sounds, the vertical position presents the pitch and the saturation presents the volume. To make the experience stand out, we provide the oldest way of making an image – paint, to bring users closer to the installation without any entry barrier.
COLOUR CALIBRATION & MATERIAL TEST
ALT//LANGUAGE is an integrated campaign for an exhibition at London's Shoreditch Town Hall. The campaign contains digital media, print media and social media with QR code technology applied. The concept illustrates the issues of the exhibition: is it digital or physical, audio or visual, art or interaction? Visit the website at altlanguage.com