WU WEI - UX&SERVICE DESIGNPORTFOLIO

WU WEI | UX & Service Design Portfolio

WU WEI CONTANT +86-188 2908 6061 ww199499@163.com Rm. 403, No.26, Building 8, Qin Shui Li Ting, Qinyuan Str., Ningbo, Zhejiang, China

EDUCATION Xi’an University of Technology Industrial Design | Bachelor of Engineering 09/2013 - 07/2017 Monitor of the class Vice-minister of the organization department of the students’ association GPA 80/100

ACADEMIC PROJECT Construct 3D auricle model by reverse engineering technology and conduct man-machine study Group Member, 11/2016 – 01/2017 SKL travel products design Team Leader, 10/2016 – 12/2016

INTERN EXPERIENCE Shandong Start Measurement Control Instrumentation Pte. Ltd. Intern of Industrial Design, 07/2016 – 09/2016 Shenzhen Think Start Technology Co., Ltd Intern of Graphic Design, 07/2015 – 08/2015

AWARDS Design competition of SKL travel products 2nd prize | 2016 Visual creative competition of Xi’an University of Technology 2nd prize | 2016 Excellent Student Cadre of Xi’an University of Technology | 2014 | 2015

QULITIFICATION Certificate of Certified Intermediate Designer China Industrial Design Association, 01/Dec/2016

SKILLS Design Thinking, Collaboration, Design Research, Concept Development, Prototype 2D: Photoshop, Illustrator, InDesign, Sketch 3D: Rhino, SolidWorks, Keyshot, Pro/e IxD: Principle, Arduino, C, HTML5

00

CONTENT PORTFOLIO

01 WONDERLAND

02 Xi’an Bus Stop Redesign

03 Micro Electric

04 Xiaomi TV Redesign

05 Réveiller

Product design | System design | Game design

Communal facilities design | UX design

Service design | Product design | UX design

UX design | Interface design

Product design

Product design | System design | Game design

WONDERLAND JUN. 2017 - JUL. 2017 Team Work - Team Leader WONDERLAND is a entertainment facility that combines paper model and AR game.

Designed for two-child family, it aims to develop kids’ communication and cooperation capabilities through setting up goals and work in a team.

01

BACKGROUND RESEARCH

QUANTITATIVE ANALYSIS OF TWO-CHILD FAMILY

VR/AR met the wide space of development in 2016. Goldman said in its report VR/AR hardware revenue will be $80 billion in 2025 and change some fields like entertainment, healthcare and education.

It shows in the research with sample capacity of 30,000, done after the policy came into effect one year later.

Use an axis to show the relationship between VR and AR:

one-child family wishing the second

72.4% two-child family with disputes

RECENT HALF China has brought the one-child policy * to an end in January, 2016, and then fully allowed couples to produce a second baby.

It means that the era of two-child has come formally.

* The launch of the one-child policy is based on the population boom in China in 1970s, joined by little farmland and weak economy. It aimed to limit the quantity and improve the quality of population, and achieve sustainable development.

Vitual Reality (Oculus Rift)

Mixed Reality (Microsoft HoloLens)

Augmented Reality (Apple ARKit)

Reality

growth rate

3%

2016-2017 two-child family grew by about 3 per cent

The boom of two-child family can be predicted, however, many parents are unable to do well in dealing with the relationship among two children, since they themselves barely have sisters or brothers, the very important family ties. In this case, the solution to the problems can be rather significant now in China.

VR Have a good immersive experience, give the user a feeling of actually being there by 3D graphics and new interactive.

Used range is limited by environment and equipment.

Have some negative impact to children’s cognitive ability and physical safety.

AR Equipment can be used independently, with low influence by environment, have a wide used range.

User can interact with real environment, have more fun and safety.

Lake a strong sense of immersion.

The technology is under developing.

02

INTERVIEW RESEARCH

The interview target is divided into two groups: the families with a new member in recent years, these parents know the childish issues and solution; adults who have sisters or brothers, we may inquire how their relationship changes as they grow up together.

IN TWO-CHILD FAMILY, THEY SAID...

BROTHER 18 YEARS OLD

He enjoys imitating me and getting close to me.

The endless quarrel is stoped while we have a common interest.

We treat each other well while traveling.

FINDINGS

I used to focus on firstborn at the beginning because had no plan for the second one.

Game for two children playing together is hard to find on the market.

It would make the firstborn feel the sense of achievement to care for the younger brother.

I can merely probe myself since I am the singe child with no experience.

FATHER 32 YEARS OLD

MOTHER 35 YEARS OLD

LACK OF EXPERIENCE

GIVE THE ACHIEVABILITY

Most of parents lack the experience of getting along with brother and sister, don’t know how to deal with the relationship between two kids.

The sense of achievement can make up for the loss of parents' attention, and encourage kid to look after their brother or sister.

HAVE NO PLAN AT FIRST

NEED COMMON INTEREST

Some parents had no plan for the second kid, too pander to their firstborn, led them don’t know how to share.

Common interest can promote two kids’ relationship, improves their communication and interaction.

03

PERSONA ANALYSIS

Mr. and Mrs. Zhao

Cui Hua

Er Gou

parents, 36/34 years old married seven years, middle class

elder sister, 6 years old first grade primary school student

younger brother, 4 years old kindergartener

Busy, feel stressed out after the birth of second child, annoyed by disputes among the children.

She was the centre of the family, but be ignored after the birth of her younger brother.

He can’t understand why sister dislike him and often get bullied by her for no reason.

They wish a truce between two children, and help each other.

She thought parents prefer brother and hoped to be loved like before.

However, he wishes playing with sister more.

04

SCENARIO ANALYSIS

By the persona, we experience the feelings of the target users in specific scene by role playing. The flowing are one positive scenario and one negative.

The sister goes back home alone, parents get younger brother home.

The two children fight for TV remote.

Mom blames the sisiter and requires her to give in to her brother.

FINDINGS In this way, we found that the common target can encourage the relationship between the two children. At the same time, the appropriate guidance can more encourage the relationship between the children than blame merely.

The family have dinner together.

After dinner the two children play LEGO together.

Parents give praise to sister and they join together with happiness.

05

EMPATHY MAP ANALYSIS

HEAR

HEAR

HEAR

“You don’t love me as much as before.”

“Why don’t I have it, but my younger brother has it?”

“Elder sister bullies me.”

“You are firstborn, should compromise when having a conflict with your brother.”

“Sister, play with me.”

“Sister is amazing.”

“Elder sister should compromise when having a conflict with younger brother. ” “Go away. ”

THINK & FEEL

SAY & DO

THINK & FEEL

SAY & DO

THINK & FEEL

SAY & DO

I have to worry about two children after a hard day’s work.

Elder sister is so ignorant.

“You should concede when having a conflict with your brother.”

Tell stories to younger brother before sleep

Mom and dad don’t love me as much as before.

I hate my younger brother.

Bully younger brother Be angry with parents “Go away.”

Parents favor me.

Why my elder sister doesn’t like me?

Elder sister is amazing.

“Elder sister is amazing.”

“Sister, play with me.”

“Elder sister bullies me.”

SEE

SEE

SEE

Elder sister bullies brother.

Sister and brother fight for something.

Elder sister play with brother.

Brother has more toys than I do.

Mom told stories to younger brother before going to sleep.

Elder sister doesn’t play with him.

PAIN

GAIN

PAIN

GAIN

PAIN

GAIN

Sister and brother always quarrel with each other.

Parents don’t know how to educate two children.

Sister can understand her parents.

Two children get along.

Have a better communication with children.

Parents pay more attention to the younger brother.

Younger brother is ignorant and naughty.

Parents’ praise Be adored by younger brother Younger brother is obedien

Elder sister dislike him.

Elder sister can accompany him more.

06

DESIGN DEFINITION ANALYSIS

INSIGHT

OPPORTUNITY

Through the above research and analysis, we get a lot of interesting points. By summarizing, we can get the following three insights from different view: Sister experiences expectation gap after brother born Chinese parents used to put all energy on their only child, but after the birth of second, sister felt ignored because of parents were tied up with brother.

Younger brother hopes erlder sister enjoy playing with him Brother hope to play with sister although elder sister has a prejudice against him. Because of they have more common language than adults.

Parents hope to be guided educating two children better As one-child in their family, parents lack the experience of getting along with brother and sister. But they hope to education their children well even busy.

Give an opportunity that children can do something together to have fun

Make sister feel achievability and valued by taking care of the brother

Offer an easy method to guide two children get along with in peace

DESIGN DEFINITION edutainment system for two-child family with conflict, in order to enhance interaction between family numbers and improve their relations

Design a set of

07

IDEATION CREATIVE

At last, we choose AR game to encourage kids interact, and use modular design to make it fit to different games. After trying, we think paper model is good style to match with AR module and improve their operate ability.

08

SYSTEM DESIGN CREATIVE

SYSTEM MAP

BUSINESS MODEL CANVAS (PART.) CUSTOMER

SUPPLIER buy hardware

physical store

parents

provide free trial service supply product

paid download

send

request

firstborn

online supplier

paid download

craft

VALUE PROPOSITION

CUSTOMER RELATIONSHIPS

CUSTOMER SEGMENTS

Cheap AR Modulars Sell AR modulars for low profit even zero profit, in order to attract customers.

Launch different games regularly to keep and attract users

Parents Parents are the main buyers.

Profit by games Launch different theme paper model with games regularly, sell as paid downloads and physical books.

CHANNELS

Firstborn Firstborn is one of the major users, and have some ability to buy games.

Paid downloads Online subscriptions Physical stores

Second child They can affect the decision of buyers.

REVENUS STREAMS Hardware profit Game profit (doenloads and books)

second child

09

SKETCH MODEL CREATIVE & TEST magnetic connection

organism plastic art

translucent screen

We use paper and plastic sheet to make different size sketch models of AR module. And determine the suit size by testing on different basesďźŒ like camera, gun‌ On the basis of these sizes, we design paper model that was suitable for use by children.

By testing, we can determine 55mm diameter of the screen and 15mm width of ring is suit to AR module. Focus on children, mellow shape is more attractive and safe. And we choose magnetic connection, due to safety and convenience.

10

FINAL PRODUCT FINAL DESIGN Charging Base

Loudspeaker

Paper Modle

AR Camera

Transparent Display

Magnetic Connection

11

INTERFACE FINAL DESIGN

electric quantity

Use simple interaction with clear logic to help children operate. Use illustration style visually to exhibit the power and other information in the form of cartoon image.

honor

scan

GAME START

12

GAME DESIGN FINAL DESIGN

GENERAL RULES Lead two children to help each other, key links has to cooperate.

Emphasized the concept of sharing, weakened victory or defeat.

Following Monster Biubiubiu as example.

WORLD VIEW Basic principle: Elysium is a highly developed magical and technological world, it take magic power as the main source of energy, and the magic power can divide into ICE, FIRE, WIND and THUNDER. Background: Malcan is a clever and mini race, they live in this world happily and peaceful. One day, Nero appeared in this world, he turned half of Malcans into little monsters by curse. Peace-loving Malcans are not good at fighting, they had to retreat. At last, the rest of Malcans broke space barrier, appeared in this world, sought help from human.

Story line: Now, Malcans invent a weapon which can restrain Nero, but only kindest human children can unleash the power of the weapon. They give the weapon to players, hope players can help them to cure their people who become monster, and beat Nero.

GAME MACHENICS This is a tower defense game. Base on AR, it put little monsters in environment. Players can remove the curse by shooting, and different kinds of bullet have the different effect.

Multichannel enemy: There are multichannel enemy appear in the game, it need players collaborate to defense.

Static recover: Player can keep still in an area to recover hp, so other player need to prevent him from monsters.

Jointly attack: At sometimes, players can attack the part be assigned to cause a large harm.

CHARACTER SETTING

Popo

Big red

Little green

Big mouth

Thin purple

Little devil

Nero

survivor of Malcan

one of little monsters

one of little monsters

one of little monsters

one of little monsters

one of little monsters

boss, root of all evil

13

PLAYER FLOW FINAL DESIGN

preparing paper model book

read stories

entering

make paper model combine model with AR module

scan the QR code

AR module

unlock the equipment

open the page of scan

confirm the game

playing Player 1

attack the boss

reduce a little blood volume attack different part be assigned at the same time

Player 2

attack the little monsters

system prompt

cause a large harm

......

defeat the boss ( have better relationship )

14

BENEFIT FINAL DESIGN

BENEFITS WONDERLAND is a entertainment facility that combines paper model and AR game. Designed for two-child family, it aims to develop kids’ communication and cooperation capabilities, it mainly contains the following benefits: Every game aims at cooperation, can enhance interaction between two children and improve their relations; Every game has corresponding story and paper model, can improve children’s operate ability; Focus on children, mellow shape is more attractive and safe.

Communal facilities design | UX design

Xi’an Bus Stop Redesign NOV. 2016 - JUN. 2017 Graduation Project This project is my graduation project, it based on the situations of Xi’an, redesign the bus stop in Xi’an. This bus stop provide a barrier-free way for the elderly to get on or off the bus. Some of the facilities in bus stop are also designed for the elderly, like seat and stop board.

01

BACKGROUND RESEARCH

Because of maintaining low birth rates and longer life expectancy in China, the aging problem worse in recent years.

BUS STOP PROBLEM

16.7%

people aged over 60 years old by 2016

As transportation demands increased, the aged used public facility more. Compared to other facilities, bus has higher used frequency as the main transportation mode of old people. In some time, the aged become the main user of bus. But the design of bus stop is not keeping up to speed.

It become a big problem to old people due to the lack of accessible design and universal design.

By convention, an aging society refers to one with more than 10% of its population older than 60.

According to the government statistics, the population of Chinese aged over 60 years old has reached 230 million by 2016, comprising of more than 16.7% of total population. And it will increase to 36.5% by 2050, become one of oldest countries in the world.

go out lonely

the aged grandchildren

physical strength decline

retire

social contact

20.0%

people aged over 60 years old by 2025

36.5%

people aged over 60 years old by 2050

Now the aged are much healthier in the past. But less old people live with their children, lonely because a big problem for them. So more old people choose to go out and participate in social life.

CHARACTERISTIC OF THE AGED FAILING EYE SIGHT

LOSS OF HEARING

In same distance, the text for young people need to double size to be recognized by old people.

And old people can temporarily blinded in glare.

Hearing loss mainly show in loss of high and low frequency. Make it difficult for the aged to react fast to the surroundings change.

MOTOR SYSTEM AGING

PHYCHOLOGICAL NEED

Old people strength and flexibility are declining, their range of activity is very limited. And their anthropometry data has a large change.

Because of retiring and physical powers declining, old people lack of way to realize value, become self-abasement.

02

QUESTIONNAIRE RESEARCH & ANALYSIS

MAIN USER

OTHER USERS

The elderlys

Students

Do you often use public seat at bus stop?

A. Often B. Occasionally C. Hardly

Most people often use public seat when it is provided, but some people think Xian public seat is not comfortable. And some old people choose to stand when seat is too cold in winter.

Do you think visual of bus stop is easy to recognize?

A. Easy B. Not easy C. Generally

In this question, the majority select 10-15min, and some of bus more then 30 min. Most of old people think waiting time too long.

Therefore, construction of Xian bus stop has some problem.

Office workers

Based on these users, I design a questionnaire and asked 102 people, it include 61 the aged, 19 office workers and 22 students.

After analyzing, I select part of the data to show.

59.8%

In general, how long do you waiting at bus stop?

A. 5-10min B. 10-15min C. 15-30min

Most of people choose it is not easy, include all the old people. It shows the serious problem of the visual of bus stop. And some interviewees think it is hard to recognize the information.

66.7%

73.5%

Which scene is most pain at bus stop?

A. Boarding B. Leaving C. Waiting with weight

The majority think boarding bus with crowd is most pain. It is easy to have accident at rush hours, more than one old people had fallen down when boarding.

50.9%

INSIGHT By questionnaire, I was told most of users are not satisfied with bus stop. It need better user experience when long time waiting.

The problem focus on boarding difficulty, visual system of bus stop and public seat.

03

OBSERVATION RESEARCH & ANALYSIS

PROBLEM OF SHELTER

PROBLEM OF BOARD

The bus stop with shelter can not work well in keeping the rain off from waiting to getting on. It has a negative effect on waiting experience. To weak old people, it will cause disease in rain day.

The place of stop board is too high or too low to read.

In layout, the choices of typeface and font size overlook the feature of old people. And the words is too close to recognize, eventually in night.

PROBLEM OF SEAT

PROBLEM OF LIGHTING

The seat have a great problem in human factor. Some is too hight to the elders, but the other is short to most male.

In addition, seat is metallic. It is cold in winter. To weak old people, it will cause disease with long time sitting.

In the bus stop without lighting, it is hard to see barrier and information clearly. And dark bus stop has a large luminance difference with in-bus, which will lead to old people blinding temporarily.

ANALYSIS

It is hard for the elderly to get on.

-30°

best area

90th %ile male

font size A=(25L/1000) px

10th %ile female 865

A

1600

1063

L

494

450

1200

effective area

It is hard to suit all the people.

450

>2800

1800 1200 15°

700

350

1690

1500

1410

barrier-free design specifications

It is hard for the elderly to read.

2000

04

HUMAN FACTORS

408

05

DESIGN DEFINITION ANALYSIS

DESIGN OPPORTUNITY PROVIDE ACCESSIBLE WAY TO GET ON The elderly sort of removes, too high level is a big safety problem when they get on.

REDESIGN STOP BOARD EASY TO READ The elderly is hardly to recognize information too small or too close, especially in the dark environment.

PROVIDE SUIT SEAT TO DIFFERENT USERS Ergonomic should be considered to different user crowd, for example the elderly, kid and adult.

DESIGN DEFINITION

Provide an

accessible bus stop for the elderly and another user crowd, in order to solve inconvenience and safety

problem when they use.

06

IDEATION CREATIVE

combine different height seat and barrier-free path different height seat

drain lines

organism plastic art

07

PROTOTYPE CREATIVE & TEST

Time

PAPER PROTOTYPE TEST

Detail of route No.

PROTOTYPE A

Eoute No. Terminal and arrival time of bus

Major passing station

Name of station

PROTOTYPE B

Route No.

Time

Touch button Detail of route No.

INSIGHT

Route No.

Major passing station

Terminal and arrival time of bus Route No.

The problem of Prototype A is that it is difficult for the elderly first using touch screen. However, we can use dynamic effect and video to guide them.

Prototype B use icon to guide user operate, but it lead detail information appear by three lines. Part of content outside the best area, and block too much information.

And it is necessary to add a down button in order to people who sit on wheelchair.

08

VISUAL SYSTEM FINAL DESIGN

VISUAL SCHEME Use different color to help people to recognize direction.

#C2BCB6

#93B536

The east of Xi'an is Terra Cotta Warriors

The south of Xi'an is Qinling Mountains

#6F98C9

#FFB700

The west of Xi'an is Weihe River

The north of Xi'an is Loess Plateau

English font

Helvetica Medium

Chinese font

09

FINAL PRODUCT FINAL DESIGN

INTRODUCTION This bus stop based on the situations of Xi’an bus, solve the problems when the elderly take a bus, and take a good experience to all users.

For surface, it be used low saturated and low reflective material to prevent the elderly from visual stimulation. And for accessible part, it be used high specific heat material to give user more comfortable experience when environment is too cold or too hot.

10

DESIGN DETAIL FINAL DESIGN

Provide 350mm and 450mm height seats. It make different height people can have a comfortable experience. And can guide the elderly can sit near the place to get on. As for material, it it be used engineering plastics to prevent too cold or too hot because of environment.

1500mm

The way from sidewalk to bus stop conform to barrier-free design specifications, and the height of bus stop is same as bus. The elderly and disabled users can get on or off the bus easily. To other users, it is also a convenient experience.

1500mm

1.5m width of passage and 1.5m radius of turning circle can make people who are wheelchair-bound pass easily.

11

FINAL INTERFACE FINAL DESIGN

The big word size and clear typography can help users get main information quickly.

Guide users long press to appear the detail of route No. by shadow and dynamic effect.

To people who sit on wheelchair or have other barrier, it provide a button to move down the interface.

12 02

BENEFIT BENIFITS FINAL DESIGN FINAL DESIGN

BENEFITS 1. It provide a barrier-free way for the elderly to get on or off the bus.

2. It has different high of seats to suit to different user groups.

3. It is easy for people to get information from stop boards and other signs.

Service design | Product design | UX design

Micro Electric DEC. 2015 - JAN. 2016 Individual Project Micro Electric is a set of service system.

Through this system, users can enjoy convenient charging service without portable battery. Meanwhile, it bring a lot of passenger flow to cooperative store. To achieve multi-party cooperation and win-win result.

01

CHALLENGE RESEARCH

RESEARCH OF BATTERY LIFE FROM 2008-2015 phone battery growth from 2008-2015

battery life growth from 2008-2015

250%

15%

power consumption of the phone from 2008-2015

MORE THAN TWICE

Phones have entered the era of daily charging, since smart phone become popular around the world. If people use phone frequently, it can only be used for four to five hours. Beside phone, people have to bring portable battery or changer to charge the phone. This greatly reduces the experience of smart phone.

By comparison between iPhone 3G and iPhone 6s.

Although battery technology continues to develop, the usage time of smart phone does not have an enough growth. Portable battery beacom necessary when people go out.

So I have a idea

In recent years, the portable batteries above 10000mAh have become the mainstream of the market. But the large volume is the main burden when go out.

In this case, how to lengthen the usage time without heavy burden is an urgent problem to be solved.

“Leasing Portable Battery�, and then start research.

02

SWOT ANALYSIS RESEARCH

S

W

S

W

S

W

Don’t need to carry charger, plug and play.

Need to wait while charge.

It's crowded at rush hour.

Don’t need to carry charger.

User can't use phone during charging.

Don’t need to carry charger, plug and play.

Only be used within range.

O

T

O

T

O

T

Low learning cost, easy to be accepted.

Lots of similar products.

Satisfy the market segment.

Lots of similar products.

Combine with store service, have a good experience

User community is limited to starbucks customers.

03

PACKAGE RESEACH RESEARCH

charger laptop

chocolate headphone wallet

wallet

backpack

perfume

gel pen

cosmetics key chain

cosmetic bag

battery heating pad

My handbag is

too small to fill up

more things, like portable battery.

notebook headphone

I prepare a lot of things in backpack, but I often

forget to charge my portable battery.

04

STAKEHOLDER MAP RESEARCH

SUPPLY AND DEMAND OEM SUPPLY recycling station

service supplier

logistics

advertiser

DIRECT

user

cooperative store

INDIRECT

DEMAND

bank

USER

Rent

Emergency charging Mobile charging experience

SERVICE SUPPLIER

Development and maintenance Marketing

Rent User data

COOPERATIVE STORE

Human Space in the store

Passenger flow

BANK

Payment system

Service charge

government

05

SERVICE BLUEPRINT CREATIVEZ

first use

before use

after use

Physical Evidences

cooperative store waiter / kiosk

kiosk

kiosk

kiosk

kiosk / battery

portable battery

kiosk / battery

phone / kiosk

APP

APP

Customer Action

find the kiosk

select the port type

select pay by card

swipe card

take portable battery

charge portable battery

return portable battery

scan QR and install

sign in

prepay

waiter introduce

show the port type

show type of payment

show page of payment

remind to take

show status

show refund

hint APP is deposit-free

show page of sign-in

show page of prepaid

Back stage Interactions

train waiters

prepare the battery

record number

battery monitoring

deposit refund

upload information

connect to bank

Support Processes

cooperation processing

Front stage Interactions

visual attraction

connect to bank

bank processing

bank processing

APP store processing

bank processing

06

SERVICE BLUEPRINT CREATIVE

returned use

lease to buy

Physical Evidences

APP

APP

kiosk

kiosk

kiosk / APP

kiosk / battery

APP / power bank

kiosk / battery

cooperative store waiter

portable battery

APP / battery

Customer Action

open the APP

seek the kiosk

select the port type

select pay

by APP

scan QR code

take portable battery

charge cellphone

return portable battery

buy charger from APP

charge portable battery

charge cellphone

Front stage Interactions

remind low power

show the map

show the port type

show type of payment

show page of payment

remind to take

show state

remind to insert

provide charger

Back stage Interactions

battery monitor

fix location

prepare the battery

pay from prepayment

record number

battery monitor

record returning

delivery

Support Processes

map service

logistics processing

appear purchased

record information

07

USER FLOW CREATIVE

preparing

Phone

renting find the available kiosk

remind low power

returning

pay by QR code

remind using up

return

no

waite returning

yes Before renting, finding kiosk is the important step, have to be emphasized.

Kiosk

see the kiosk

have available battery

Payment experience is key step in renting process, need to consider in different scenes.

no

yes

find the available kiosk

show the nearest kiosk

select returning

select the port type

mode of payment

pay by card

get the portable battery

Need a friendly method to remind returning.

insert

appear success

08

KIOSK INTERFACE FINAL DESIGN

Font page ( select the port type )

Scan to pay

Find nearby kiosk

Select the payment type

Enter the password

09

APP INTERFACE FINAL DESIGN

Rental history

SideBar

Front page

Page of scan

Pay success

FINAL DESIGN

260mm

10

PRODUCT DESIGN

400mm

800mAh

Apple - Lightning

Android - Micro USB

The main hardware is divided into two parts: portable battery and kiosk.

The portable battery is made of frosted plastic housing, and has a good handle. The colors are divided into white and green to distinguish different ports. The kiosk is made of sheet metal, suitable for public use.

11

BUSINESS CANVAS FINAL DESIGN

VALUE PROPOSITION

KEY ACTIVITIES

VALUE PROPOSITION

CUSTOMER RELATIONSHIPS

CUSTOMER SEGMENTS

Bank Service supplier OEM Logistics Advertiser Recycling station

Network building Hardware maintenance Marketing

Low cost of carry Needn’t carry a big portable battery when it’s not needed

Registered User Special charger

Heavy users They get used to go out without portable battery, when they need to charge, they will seek kiosk nearby.

KEY RESOURCES Rent network Brand

Attract passenger flow Attract users to store and will turn them into customer.

Battery recycling Centralized innocent treatment and recycling.

REVENUS STREAMS

REVENUS STREAMS

Development and maintenance of hardware and software Marketing

Rent Charge retail

CHANNELS Cooperative store APP Logistics

Occasionally users They only rent portable battery when they need to charge emergency.

12

BENEFIT FINAL DESIGN

BENEFITS Micro Electric is a set of service system, it place in populated areas through cooperate with nearby store.

Combine with hardware and software, users can enjoy convenient charging service. Meanwhile, it bring a lot of passenger flow to cooperative store, to achieve multi-party cooperation and win-win result.

UX design | Interface design

Xiaomi TV Redesign APR. 2016 - JUN. 2016 Team Work - Team Leader This project is based on the pain point of Xiaomi TV and future trends of technology development, redesign the Xiaomi TV. The major improvements are focused on interaction of voice and gestures, make it more convenient and friendly.

01

MARKET RESEARCH RESEARCH

TV market in China

For smart TV, interactive experience is important. A good way of interacting can provide good experience different from traditional TV. Therefore, the following table compare different interaction mode of TV on the market, including xiaomi TV. 41.0 Million

40

30

Remote

20

13.7 Million 10

9.9 Million

Voice

Gesture 2012 Traditional TV

2013

2014 Smart TV

2015

2016 TV box

The line chart show the transformation from traditional TV into smart TV is an inevitable trend.

Traditional TV content is single and lacks function.

Smart TV content is rich, have more convenient interactive way.

The box is cheaper, but functions not equal to smart TV.

Compared with international brands, local brands have less innovation on interaction mode. Most of brands do not support gesture, and do not have a good voice-operated experience.

We chose

“INTERACTION MODE� to go deeper.

02

MARKET RESEARCH RESEARCH

Xiaomi OS Status bar

Letv OS Navigation bar

Status bar

Navigation bar

Featured

Featured

Trending now

History

Application Today's recommendation

Letv OS has a brief architecture and a clear logic, it helo users easy to use it.

Status bar

Navigation bar

All of the smart TV OS choose remote as main interaction mode as well as they adopt modular design. They take recommendation as main content to guid uses.

Feature of Xiaomi OS is input preview and extendable application.

Poplar movies

Popular episodes

Whaley OS New arrival

Status bar Today's recommendation

Today's recommendation

Input

Hulu WEB

Top 25 clips

Today's recommendation

Feature of Whaley OS is navigation bar living in side, which is convenient to switch the theme of classify.

Popular shows

Hulu website mainly use intelligent recommendation, contents are presented by large image, have strong visual impact.

03

INPUT TECHNOLOGY RESEARCH

VOICE Siri MI Echo Cortana

GESTURE “Hey Siri” or hold down the home button “Bye” or press the home button

Hold down the home button on the remote Just say : I want... ...

Setting a wake word. eg: Echo Within six meters "Alexa, turn on do not disturb" Get things done with Cortana.

Cortana works across your devices.

Make and receive hands-free calls.

Scenario Playing the motion sensing games, complex operation on TV and the everyday life of the deaf-mute

Create and interact with shapes, manipulate A toe-tapping embodied experience

Use your gaze to move the cursor Use simple gestures to open apps Simulation game

Use the palm as the mouse to operate the interface

Play sport Dance with friends Operating the game

Leap Motion Hololens SUMSUNG Xbox Scenario

Play the motion sensing games and complex operation on TV

04

USER RESEARCH RESEARCH

INTERVIEW 1

PERSONA Wang Wei

Li’s story

29 years old, teacher

Li is a busy programmer. He often works late, and when he got

He feels akward when talk to machine.

home, his family was already asleep. But he still need to work

He likes to accept new things.

overtime to prepare for tomorrow's work. When working late at

Usually sleep late and afraid afraid of affecting

home, he likes to have some TV shows to find a sense of

family rest.

companionship.

I hope to enjoy a more personalized

INTERVIEW 2

smart home with my family.

Zheng De 71 years old, retired The remote control interface is complex.

He often forgets where the remote.

He often spends a lot of time searching for programs.

Name Li Hua Age 35 Education Master Position Programmer Status Family member

Married Two years old baby, wife

Frustration

Goals

Affect the familys’ rest

Make searching easy.

Don't know what to watch

Control the TV without remote.

Can’t find the remote

Don’t disturb family at night.

Scenario Play games Watch basketball games Listen news at night

Spend more time with family.

05

OPPORTUNITY RESEARCH

Find the content quickly

Operate convenient and efficient

Intelligent interactive experience

It is a large problem effect user experience that most of TV OS have a long recommendation list.

Remote is not sufficient to meet the demand whose get used to the convenient operation of phone.

Artificial intelligence can instead of doing somethings, which is low user experience.

06

WIREFRAME CREATIVE

Front page

Browsing page

Search page

Detail

Player

Emphasis on the architectural design of the page. Properly show partial content on the bottom edge calling an action of scrolling down.

Content is grouped by category. And using scroll list to appear more information unit, at the end of list you can enter subpage to browse more content.

Search page can be popped up from the all interfaces.

By utilizing clear title and paired with poster, better helped user with choosing the ideal show.

In player, user can play, pause and fast forward by voice.

Emphasis on the architectural design of the page. Using the same methodology of what consists a minimum unit of a shown content. Interaction is optimized for voice and gesture, and emphasis on the ability of search.

Front page (scroll down)

Search page

Presenting section title clearly. Using the same methodology of what consists a minimum unit (which is image with title) of a shown content.

Using fuzzy search mechanism, recommend relevant content according to the search content.

07

Front page

FINAL INTERACTION FINAL DESIGN

Search page 1

Search page 2

Detail

Player

08

JOURNEY MAP FINAL DESIGN

search history daytime

system check

pause

browse

adjust the volume exit

tag search

previous page sleep

play

adjust the brightness

home page

SEARCH

PLAY

ADJUST

AFTER

There is a voice that accompanies the night work

Listen to the sports events

Start working and listening to the TV

Increase in the volume Reduce the brightness Change the channel

Turn off the TV Go to bed

WORRIED

Affect family rest

It's troublesome to find the remote, and voice control affects family

Volume is too high

It is not convenient to use voice and remote

Nothing

ACTION

Turn on the TV automatic open night mode

Use gestures to search for sports news

Decrease the volume by gesture

Go to the front of the TV, use gestures to adjust

Go to the TV, use gesture to turn off

RESULT

The TV is turned on in low volume

Find the latest sports news

The show began to play in low volume

Come to an ideal Continue to work

Finish the work Close the TV

night time

START TARGET

09

BENEFIT FINAL DESIGN

Optimization and improvement In this project, we redesigned the interaction of Xiaomi TV for the inconvenience of remote operation mode.

Based on the pain point, we mainly optimized the interaction for voice and gestures: Use gestures operation; Can pop up a voice assistant at any time; Intelligent operating system.

Product design

RĂŠveiller AUG. 2015 - SEP. 2015 Individual Project RĂŠveiller is a coffee maker with sleep monitoring function. It can wake up the user by sound and smell of making coffee in the morning. And the sleep data can be reflected in the coffee concentration. By this coffee maker, user can start a day full of energy.

01

CONCEPT CREATIVE

OPPORTUNITY User can’t get useful information or help from sleep monitoring equipment.

Nowadays, there are more sleep monitoring product on the market, because of people’s attention. However, most of product merely provide data, although users can’t understand and get help. So most of people give it up after using for some time.

COMBINE SLEEP MONITORING WITH COFFEE MAKER Wake user up by voice and smell when make coffee in the morning. And respond sleep quality by concentration and color of coffee. If user sleep not well in the evening, a cup of espresso is necessary, and if user have a good sleep, a cup of water is suitable.

Smell

Espresso

Colour

Refresh

Water

After testing, we think it is easy to distinguish different concentration of coffee from color. And smell of coffee can help people wake up easier.

02

DESIGN DNA CREATIVE

03

IDEATION CREATIVE

IDEA Use translucent coffee bean pot design to make it easier to see the remaining amount of beans.

Combine coffee bean pot with water inlet to enhance user experience in adding water process. Put cup in three sides surrounding to prevent coffee from knocking over.

04

FINAL PRODUCT CREATIVE

water inlet

coffee valve

coffee outlet

water saving

05

BENEFIT FINAL DESIGN

Transform boring data to visual sense, auditory sense, smell sense and taste sense. Help users understand their own sleep and have better condition.

Combine coffee bean pot with water inlet, and design it to funnel-shaped. Enhance user experience in adding water process.

Coffee cup put in three sides surrounding, it is safe when user don't wake up feeling refreshed in the morning.

WU WEI

ww199499@163.com