top of page
Anchor 1
Vine

Manage sound in public environment

Wearable & App design

 

About Vine

Vine is a wearable and app concept design that manages the noise by measuring and monitoring the surrounding sound, combining the measurement with individual's physiological parameters, and then prompting the users to control their volumes through wearable vibration.

Wearable also senses the mood of the users and display it using different colors on the screen.

Collaborator:

Xiupin Li

Timeline:  

   

Sep. 2016 - Dec. 2016 

My Role:

 

Concept Generation

Wearable Design

Interaction Design

Challenge

We conducted survey for 100 students in China Agricultural university to learn about their life habit and sound environment in dormitory. The results revealed that most college students are disturbed by the noise produced by their roommates but cannot find a suitable way to solve the problem.

Persona

We wanted to figure out who was our target users, which can helps us design a user-centered product.

We made this persona based on our survey results.

About Vine
Challenge
Persona
Color Test & Card Sorting

In order to know user's reaction to different colors, we used markers, toner to create some colors cards, and then let 10 testers to choose cards which can represent excited, calm, sad and sleep.

Color Test
Wearable Concept Design

After knowing our target users and colors representing emotions, we designed the wearable. Through ideation, wireframe, two iterations, we decided our final design. Sensors embedded in wearable can detect person physiological parameters like blood pulse and body temperature, if they show a high correlation with sonic wave, it means that users are being influenced by surrounding sound. Wearable would remind roommates through vibration.

App Concept Design

First, we discussed and designed the work flow, setting our feature sets. Then, we sketched the wireframes and tested users. Finally, we designed our high fidelity prototype. I was responsible for the wearable sync page design. 

Wearable Design
App Design
Home Page

We designed the ripple on home page to reflect surrounding sound environment in certain degree. There are two different mode, the white one is wake up mode and the black one is sleep mode. You can change to sleep mode manually or set alarm to change to wake up mode automatically.

You can also turn on some music by tapping the music button on right head of screen. 

Sign up/profile page

Users can create account on sign up page.

On profile page, users can add their roommates, change their linked wearables or move out the group. By tapping user's photo, they can edit their information.

Wearable sync page

Mark your wearable:

If you want to link the wearable to your phone, just follow the instruction on sync page. You can also link your wearable more than one time in different rooms. 

Identify your roommates: 

When joining a group, you need to identify your roommates. Please follow the instruction on identify page.

Taste Buds
Photography

© 2018 by UX/UI Design Porfolio. 

bottom of page