Interactive design by Ayva

Page 1

2018

PORTFOLIO ZHANG XIAOHUI Interaction Design


Interaction design is people-oriented, valuing user's psychology.

Thus, before everything thing else, the designer needs to carry out profound investigation to understand and excavate user’s needs. Finishing a complete collection of works includes studying and understanding users’ needs, building a system of brainstorming, defining various structural procedures, and continuously clarifying the system through design. This process from abstraction to entity requires in-depth thinking, which I enjoy very much. It is exactly the reason why I am so much fascinated with interaction design. It has been almost three years since I graduated and found a job in the financial industry. However, my genuine passion just refuses to remain buried. In my mind, design is not only a matter of creation and creativity, but also an effective way to solve problems and satisfy needs. That precisely resonates with my personal aspirations. I am aware of the challenges waiting ahead on this path, but I will face up to them with all my might!

PERSONAL OPINION


ABOUT ME Introduction NAME:ZHANG XIAOHUI DOB: 1992/11/05 ADD: Shenzhen, Guangdong,China PHONE: +86 18603040097 EMAIL:Ayvazhang@163.com

Education 2011-2015 Hubei University of Technology (HBUT) - Environmental Art Design - Bachelor of Arts

Scholarship

Honors

2013-2014 National Scholarship、First-class Scholarship of HBUT - major ranking: 1st 2012-2013 Second-class Scholarship of HBUT - major ranking: 3rd 2011-2012 National Scholarship、First-class Scholarship of HBUT - major ranking: 2nd

2011-2015 Excellent Student Leader 、Outstanding Student Union Leader ,etc. 2011-2015 Role Model College Student, Excellent Student, Role Model Individual, etc. 04/2014 An appearance patent registered for Bicycle Light Design 12/2014 The “Innovation Cup” UEATW Competition - Third Prize


On-campus Experiences

Work experience

06/2013 - 06/2014 Vice President of the Student Union of School of Art and Design, HBUT 10/2012-10/2013 Software Assistant, Qifan Max Studio 07/ 2013 IDAA Interior Design Competition 07/2014 Social practice activities:Go to Liyang Wastewater Treatment Plant participate in investigate and propose specific solutions

2015.7-present Marketing Planner, CITIC Shenzhen Branch - deal with promotional issues, including brand design and promotion - marketing planning customer activity - completed independent creativity design projects - coordinated among multiple parties to promote project progress

Personal skills

Software application

8

Analysis and Thinking

9

Teamwork 90%

Design

8

8

80%

50% (Learning)

90%

Innovation ability

XMIND Communication and Expression

8

8.5

85% Software Application

85%

70%

95%


CONTENTS

01

GULUGULU Interaction design

Systematic solution for healthy water-drinking

04

SMARTRIP Interface design

Trip plan customization

02

YOGAIN Interaction design

Systematic solution to prevent postnatal depression

05

PEACE & PROMISING

Architectural Landscape design

03

Antour

Interaction design

Solution for safety of children taking cars

06

OTHER PROJECTS Landscape Design Interior Design


Project One Due

to high-speed rhythm of life and strong work pressure, young white-collar workers lead unhealthy lifestyles and habits, which have caused what is called “sub-health” . And “lack of water” is one of the most prominent causes of sub-health complications. Many white-collar workers believe that, to solve this problem, they need to develop healthy drinking habits and drink enough water in the office.

Interaction design 2017.9 -2017.11 Self-evaluation


Project Description

GuluGulu

is a systematic solution to the unhealthy drinking habits of urban white-collar workers, who are often in a state of water shortage and do not drink water on time.

GULU Kettle

mother-child structure

Save the time to get water Reduce the frequency to get water Remind white-collar workers to drink water on time

GULU APP

monitor white-collar workers’ drinking index

Monitoring the volume and frequency of water intake Set drinking goals Formulate customized drinking plans and reminders The virtual community drive users to develop healthy drinking habits

Target Users

Conception

White-collar workers Age 20 - 30

Preliminary ideas +feasibility analysis Idea refinement + system diagram design

Focus Area

Design Output

Health

Software: xxxAPP Hardware: Mother-child structure kettle

Research and Analysis

Production Tools

Questionnaire design In-depth interview

PS、AI、Axure、 Xmind


Research&Analysis User Research Questionnaire content Aiming at the drinking problems of white-collar workers, the questionnaire covers four aspects, including personal information, drinking habits, office environment and views on drinking water. A total of 62 valid questionnaires were recovered. In order to better understand the users, interviews were conducted with three target users aged 25-30 focusing on their drinking habits and views.

Questionnaire Design Who

Age Gender Occupation

Where

Office environment Water fountain

Drinking frequency Water temperature The amount of water intake

81%

5%

How

Views on healthy drinking habits Factors affecting drinking frequency

20-30

42% Male

Famale

29.99%

21.28%

23.4%

Education

What is the frequency of drinking water?

What

Target user group

Years old

Is it required to drink a fixed amount of water every day?

Design

58%

Finance

Don’t demand that they drink a fixed amount of water every day.

Have regular drinking frequency, nd most people depend on the situation.

What are the main reasons that affect your frequency of drinking?

What is the attitude towards healthy drinking habits?

72%

63%

Forget to drink water because of busy work.

Have a poor attitude and understanding of healthy drinking water.


Research&Analysis User Interview

CHEN

DAI

RUBBY

Age: 25 Occupation: Accounting Average working hours per day: 8 hours Work drink capacity: about 3 cups Rest frequency during working hours: 1.5-2 hours Reasons for drinking less water: busy work; forget; crowded desk Whether a reminder will effectively make you drink more water: Yes, but I hope it wouldn’t be too often. Views on drinking water:

Age:30 Occupation: HR Average working hours per day: 8 hours Drinking capacity during working hours: 4 - 5 cups Rest frequency during working hours: every 2-3 hours Reasons why drinking less water: drinking fountains are far from the station Drinking water reminds you whether you will increase your drinking capacity: Yes, and it will be better if someone can helps to get me water . Views on drinking water:

Age: 24 Occupation: Game Planning Average working hours per day: 10 hours Drinking capacity during working hours: 1-2 cups or so Rest frequency during working hours: every 2-3 hours The reason for less water: I don't like to drink water and forget about it Whether a reminder can inform you to drink more water: Yes, reminder is needed Views on drinking water:

Aware of the harm of drinking little water, willing to develop healthy drinking habits, but there are many factors that are unplanned and uncontrollable.

Common Points

1.Busy at work 2.Often forget to drink water 3.Low frequency and volume of drinking water on weekdays 4.Drink sufficient water at non-working days 5.Need a reminder to drink more water 6.Understand the significance of good drinking habits 7.Hope to develop healthy drinking habits

Aware of the unhealthy drinking habits and willing to develop good ones.

I hope that I have a healthy drinking habit and that someone can remind me to drink more water or make accessing water easier.

Conclusion

Reasons why white-collar workers do not keep healthy drinking habits

Pressing work

Do not actively drink water

Less time for rest

Bad habits

Unaware of the significance

Prefer flavored drinks

(coca cola, tea, yogurt and others)


Research&Analysis Customer Journey Map Prepare to work

Tense work

Stage

before starting, pour some water and drink a little

Lunch break

Working time in the morning

too busy to drink water no water in cup, hesitate to fetch some water

Rest

Tense work

haven't drunk enough water wait till freetime

no drink much in the morning drink some water in the cup

Working time in the afternoon Tense work

start working feel energetic after getting some sleep and drinking enough water

add water to adjust mentality and continue working

no drink much in the morning drink some water in the cup

Rest

relax eat and drink to replenish

Off duty

Tense work

a little thirsty fetch water or not

drink some water then do some exercise

rest;so tired; finished two thirds of work, drink or not hold on a little longer

Feeling

Mood Painpoints Need

Prepare enough water to drink

Fetch water frequently, delaying the work

Drink water at freetime Drink water quickly And reduce activities As many as possible

Prepare enough Water to drink

Drink water at freetime Drink water quickly And reduce activities as many as possible

No drink much in the morning drink some water in the cup

An container big enough, to reduce number of fetch water

Reminder to drink water

Drink Some Water

Rest;so tired;drink or not Encourage them to fetch water and provide aid


Ideation Solution 1

Defind

Intelligent portable vacuum cup (Cup+APP) Tell the water quantity Remind users to drink water

Analysis Process

Disadvantages

Cultivate awareness and learn their physical status

Limited capacity Users have to fetch water frequently Cannot solve the problem

External reminder

Solution 2

Plant reminder (ornament+bracelet+APP) Remind Developing game

Disadvantages too busy while working; too little freetime

don't want to fetch water at freetime

Reduce customers' cost to drink water

take no action until feel thirsty

Others' supervision and assistance

Not related to water drinking, focus on reminding .

Solution 3

Intelligent kettle adopting parent-daughter structure (kettle+APP) APP to record data Set goal Remind Increase the water content


Ideation Information Architecture Derivation graph of the final solution Transfer data Transfer data and display information Carry water Remind

Personal information

Daughter container

Body index

Sensor on the cup margin Water drinking target

GULUGULU KETTLE

GULUGULU

GULUGU App

Water drinking task

Carry water

About friends Display screen

Help to fetch water Water drinking community

Remind

Community tasks

Parent container

Remind to send water Game

Charging function Water-proof

Remind each other


Ideation Storyboard Story 1

Story 2

Story 3


Design Product dsign-Sketch

Product Description Kettle adopting parent -daughter structure to reduce the number of users' fetching water, thus to save time. Pop-up of daughter structure to remind the users to a extent Vibration+BLN control+music to better remind the users Display screen to help users better understand their Physical status and the drinking-water target achievements

Source of inspiration Penguin


Design

Wireframe

1. Login or register

2.Set gender

3.Set height and weight

4.Set age

5.Set working hours

6.Setwater targets for working hours

7.Set reminding law

8.Revising reminding law

9.Details of reminders

10.Confirmation of settings

Scene 1 Setting Up a Drinking Plan The target drinking water volume is calculated according to the user's body information. When helping users understand their physical condition, their own suitable drinking water targets can be identified. This can be compared with the amount of drinking water when unhealthy drinking habits are applied. Ans users' awareness of drinking water shall be enhanced properly.


Design

Wireframe Scene 2 View the Data Report

1.Check the daily data

2.Check the weekly data 3.Check the monthly data4.Receive monthly award

1.After the data report based on "week, month

and year" as the time dimension set well, the users can clearly check the completion rate and the average drinking water volume. 2.The monthly reward link is set up to encourage users to drink water in the form of rewards, so as to form good habits.

1.Rank of friends' water drinking

Scene 3 Check Your Friend's Water Drinking Status and Rankings 1.It's more interesting to look at the friends' rank-

ings. 2.Friends help drinking function, which is to solve the drinking needs of friends and improve water consumption with rewards obtained by users at same time.

2.A request for water from friends

3. Check the nearby registered


Design

Wireframe Scene 4 Look at More Menus

Scene 5 Daily Drinking Reminding The mobile APP message push is combined with the reminder mode of kettle and breathing lamp.


Design

App Design


Design App Design


Design

App design


Project Two Studies

show that 50-75% women have experienced a "Baby Blues" along with their children's birth. Most women's symptoms are not obvious or transient. In personality, they may have an unstable mood, such as inexplicable crying or poor mood. In this case, however, it is usually considered that the young mother is not patient enough, or is classified as unskilled, withh many tragedies of postpartum depression occurring. Postpartum depression is a difficult task for mothers, which has a very high incidence of disease. But at present, obstetrics and gynecology doctors as well as parturients first concern about postpartum health, which largely ignores mental health.

Interaction design 2017.11 -2018.1 Self-evaluation


Research&Analysis User Research User Characteristics

Age of Baby

Personal view

Individual Age 31-35 years old

within 1 years old

Have a job or not?

Any depression happened?

49%

59%

Occasionally

28%

Whether or not if you concern about postpartum depression

Yes

A view of postpartum depression

Family / care / adjustment / mindset

Often

User habits

44% Baby

Baby

28%

Depression more or less. Family

Husbands

Wants to stay with whom at most

54%

The husband is the best cure

The most influential one

28% Husbands

especially the cares What kind of recovery is most concerned

54% Form

33% Physique

care is very important,

from husband.

The family should be accompanied

and concerned enough.


Research&Analysis

Conclusion Analysis

Field interview (pregnant woman)

The key to improve postpartum depression Family and friends accompany Enrich life Relax appropriately.

Interview place: Baby swimming pool, Starbucks Respondents: 2 mothers who have just produced less than half a year Interview content: Views and feelings about postpartum depression

User Interview (issue related people) Yes

or

01

No

02

03

Is there a big change in the wife's mood after production?

Feelings after pregnancy in pregnancy

Has there been any understanding of postpartum depression before? Are you worried that this would happen to your wife?

01

A little while

Do you think the your personal space is smaller after having children?

Just well

02

Do you usually go shopping with your wife?

Views What do you think of postpartum depression?

Postpartum depression or maternal mental state has not been adjusted well. But when the mental imbalance occurs, family members' understanding and companionship are the most important things.

Postpartum wives are more likely to be irritable. At this time, husband should understand and comfort her indeed. Only in this way can we alleviate postpartum anxiety and depression.

Most of the causes of postpartum depression are from the newcomers' lack of adjustment and anxiety. Because they have to take care of babies, they will suffer from insomnia, hair loss and so on. If the family does not pay attention to her mood, it may make the disease exposed to her.

03

This is a hard time for my wife. I should be considerate and help her as much as I can. All the puerperal energy of her is on the baby. There is less chance for the couple have a talk for caring. In pregnancy, there are some wife's colleagues also pregnant. Everyone would communicate in a timely manner so that the other half feels at ease. So she hardly felt any anxiety or depression.


Ideation Demand Derivation We focus more on the two major needs of women: the one hopes that the postpartum body can be restored and the one hopes that the husband or friends can keep accompany. The design of the scheme focuses on the combination of the above two points closely.

After my pregnancy, I was out of shape and wanted to exercise.

Slimming

I don't want to leave the baby for a minute. I just want to play with my baby.

“ ”

It is boring to exercise alone. And I want to be accompanied by someone.

Accompany

Appropriate Exercise

Swim

Accompany

Baby

Run

For the first time, I have no experience in taking the baby. If there are other moms have experience, I would like to learn from them indeed.

Accompany

Partner

Yoga

Natatorium

Yoga Mat

Pregnant

Yoga Instructor

Friends

Unpregnancy

Chat

Phone talk

Off line

On line Mobile equipment

Yoga

Monitoring Equipment

Health

Monitoring of physical indicators

Pregnant also

Meet Field

During exercise, it would be so nice if body indicators can be monitored.

Mobile Equipment

Monitoring equipment

Display equippment


Ideation System Diagram

Demand

Accompany

Function Interactive entertainment Chat Dating Index detection

Health Physical state

Slimming

Relation

Product

Exercise to lose weight

Mobile Equipment PAD TV Phone

Feedback data

Intelligent Glove Tracking user data Providing voice hints

Excersise blanket Interaction with users

Pressure induction

Selection pattern Tracking and conducting Interactive instructions


Ideation Storyboard


Design Product Instructions Interactive process of the yoga blanket

Action voice hints + blankets of light flashes

Step

01

1.Moving extremities 2.Place the target position 3.Press 4.Light hints after gravity induction 5.Correct action feedback

Action decomposition

Stand on center point of the blanket (center point color distinction)

Step02

Step 03

Ditto

Ditto

Completion of an action

New action guidelines

Voice to prompt action synchronization in the display device screen

Product Effect Diagram Interactive process of the yoga blanket Intelligent Glove

Mobile Equipment

Action guide display effect Pressure induction

Tracking user data Providing voice hints

Turn on: light diffusion Turn off: the effect of the light closing Charging and charger Pairing state False hints

Excersise Blanket

Foldability Magnetic attraction Splittable


Design APP Architecture

Fans and following-up Personal circle information Privacy settings Training record Device connection

Check friends' information

Daily data

Consumed calorie

Weekly data Annual data

Status released

Account management and binding

Heart rate Length of exercise

Portrait

Fans

Mine

Historical data

Cumulative days

Interested users Message sent

App architecture diagram

Data

Secret circle

Friends rankings

Selection pattern

Parenting Yoga Historical course

Historical course action Historical data

Family model

Adult Game

Begin to exercise

Game 1

Course action

Game 2

Historical completion degree

My information

Game 3

Yoga Game

Yoga

Game

Single mode

Yoga

Game

Check the reply Message delet

Information of circle

Double mode

Add friends


Design Wireframe


Design App design effect diagram

Start Page

1.Homepage

2.Selection pattern

Interface of secret box

3.First choice of the course page

4.Entering the course page (not for the first time)


Design App design effect diagram

Course Scheduling

1.Course under way

2.Course pause page. A moratorium on the course: 1. speech instruction 2. use the button on the glove 3. select pause through manual touch on display


Project There Lots of tragedies about children deaths from

high temperature and smothering inside cars reported by domestic in recent years have caught my eyes. According to the research, such accidents were frequently seen not only domestically but globally. Taking as an example America which is with relatively complete statistics, there are tens of children falling into victims of these accidents each year with an average of one every nine days. So frequent tragic events make people painful.

Interaction design 2018.1 -2018.2 Self-evaluation


Research&Analysis

User Research Questionnaire Design

Regarding children’s travelling safety, a questionnaire was carried out among families with children, which involved the basic information of family members, children’s travelling habits and children’s safety education from the family for the intention of finding out the sources causing the accidents on children from the angle of the living habits of family, guardians and children. 83 effective questionnaires were collected. Will you leave your child in the car for a short time?

48%

How many times do you take your child out every month

52% 1-10 times

No

Ages of the children

53%

1-5 years

Where will you put your child?

87%

In safety seat

What extra functions are safety seats expected to have

41%

To remind me of the state of my child

When will you leave your child in the car? “Absolutely not” “When shopping in the store” “When my child is sleeping well and I can be back soon” “When buying breakfast outside the car” “I will not at any time”

What do you think causes the death of children left in the car? “Children and guardians’ awareness of the severity” “Smothering caused by anoxia”

“weak safety awareness and fluke mind”

Conclusion

1.Safety seats are essential when children aged 1-5 take cars. 2.Part guardians have been aware of the danger of leaving children alone in the car, but they fail to learn about the seriousness clearly. 3.Most guardians are weak in safety consciousness.


Research&Analysis User Interview Basic Information

Habit

7 years old boy

Using safety seat before 5 years old Using watch for children in daily life

Focusing on cultivation Of safety awareness

Still using safety seat Using watch for children in daily life

Paying less attention to Safety awareness

4 years old boy

Daily Education

Personal Ideas Never left the kid in the car

The custodian is the source Of problem, the kid has no Ability to escape himself

Conclusion Custodian is the source for tragedy and the key for reducing loss

Other Data and Literature Age the kid

≤87% No awareness

No Awareness

No Sense of Duty

Gender

Custodian

Reason for forget

Outcome

Note

1

Male

Mother

locked the car accidently

Rescued successfully

none

2

Male

Mother

left the key on the car

Rescued successfully

red face

1.7

Female

Coulpe

kid was sleeping inside the car

Dead

1hour

4

Male

Unknown

kid was sleeping inside the car

Dead

5hours

of the responsible persons in the accidents are responsible social people. The profession includes teachers, dentists, police officers, nurses and even rocket scientists.

2

Male

Grandma

left in the car for shopping

Rescued successfully

2hours

The most key error:

4

Male

Unknown

forgot

Dead

≥5hours

3

Female

Unknown

kid was sleeping inside the car

Dead

9hours

1.7

Female

Father

handling affairs outside

Dead

several

10

Unknown

Father

kid was sleeping inside the car

Dead

unknown

1

Unknown

Father

the car was locked automatically ofter gentting off

Rescued successfully

unknown

≤50% Unconsciously

≤10% Unknown

65%

Many people are confident that "I definitely will not do such stupid thing."However, blind confidence eventually led to tragedy.

The reasons:

1. Prospective memory is disturbed 2. Poor memory 3. Irresponsible


Research&Analysis Analysis of Accident Reasons Closed Space

High temperature and hypoxia

Dehydration & Coma

Damage to brain and kidney for 15 minutes at high temperature

Respiratory system and heat resistance are inferior to adults

Organs stop running when the body temperature reaches 40 ℃

Dead

Never leave the kid in the car Alone ! 15 min is the golden period for rescuing!

Die for "Heat stroke" when the body temperature reaches 41.6 ℃

Cold weather is safe? No!

Only left a while with window opened

Deep colour areas are dangerous

Environment of temperature at 34℃

No!

Getting equipped with solar film is safe

10min

30min

60min

24℃

27℃

36℃

46℃

22℃

26℃

29℃

38℃

48℃

24℃

28℃

31℃

40℃

50℃

26℃

30℃

33℃

42℃

52℃

28℃

32℃

35℃

44℃

54℃

30℃

34℃

37℃

46℃

56℃

32℃

36℃

39℃

48℃

58℃

34℃

38℃

41℃

50℃

60℃

36℃

40℃

43℃

52℃

62℃

38℃

42℃

45℃

54℃

64℃

The temperature in the car can reach 46℃ after staying one hour outdoor with outdoor temperature below 20℃.

Temperature (degrees F)

5min

Foil car and non-film car temperature change chart

150 130

Car 1 Car 2

110 90

No!

The highest temperature of that day was 30℃, the temperature on The ground at 12:00am was about 43.4℃.

a black-blue car with window closed a light grey car with window closed

Inside temperature External temperature 20℃

Conclusion

0

10 20 30 40 50

Time(minutes)

Car 1: Dark blue, windows closed Car 2: Light gray, windows open approximately 1.5 inches

Leaving a seam cannot improve the temperature condition Inside the car much.

60 45 30 15 0

37.8 38 Initial

43.7 41.7

15min

49.3

54.2

44.6

48.1

30min

45min

60.1 51.7

60min

TIME(min) Foil car

Non-film car

The temperature in the car is growing rapidly with direct shining of sunlight, and it reaches the maximum at the 60th min.


Research&Analysis Customer Journey Map Before departure

Get off 0min

Asleep/at a loss Get on the car with Guardian sit in child seat Required to stay in the car

TIME DIMENSION

3min

Feel a little hoe

5min

10min

15min

30min

Feel uncomfortable

Cry and call for help

Get into shock

Rescue

Forget kid in the car

Receive notification

Get back to the car And save kid

Pain pint:locked in the car and uable to save themselves Chance: call for help in the car

Get in the car Adjust the safey seat

Get off in emergency Lock the car window

Forget kid in the car

Forget kid in the car

Pain point:bad memory, unable to get to site and save in time Chance:remind and assist personnel on-site in saving and rescuing

Call the policy Adopt personal And contact guardian Ways of resue

Pain point:lack of knowledge and give up rescue Chance:contact the guardian, analyze emergency and assist in the rescue

Successful rescue


Ideation Demand derivation


Ideation Solutions

car key

head light car window

safety belt hint

Guard rescue Third party rescue Push notice to guardian Force to take kids off the car Check kids in the car

Defect different car brands and systems and low feasibility

Get attention from strangers and police

Defect not effective in daytime

Remind to take kids off the car Check kids in the car

infer the final solution

safety chair hint

Push notice to guardian Force to take kids off the car


Ideation System graph

Safety seat

Monitor kids' physical condition

Remind

Positioning

Send out sos

Guardian cellphone app

Monitor kids' physical condition

Monitor kids’ physical conditions

Get notification

Call for help

App reminds guardian

Controller Area Network

Distant unlocking

Guardians response to situation

Operate the car system

Car


Design

Product design

APP tructure Heart rate

Health data

Body temperature Breath rate Sound horn

Custody Model

Call for help

Flicker light Call for help

Monitor car interior

Door lock Cellphone App

Remote Control

Window lock

Temperature Distance

Left front wind Right front window Left rear window

Car light Horn

Safety Seat-Annex Monitor kids’ physical conditions Remind

System Message

Guardian cellphone app Get notification Distant unlocking Automatically enter monitoring mode

Skylight


Design Product use scenarios 1.Guardian's prompt feedback

1. Sit in the seat, buckle up, monitor kids, and xx starts working .

2.Monitor kids' status during the trip .

2. Guardians leave and promptly feedback.

1. Sit in the seat, buckle up, monitor kids, and xx starts working .

2.Monitor kids' status during the trip .

6.Turn on monitoring mode.

3.Guardian to get off, unsolved deduction, that is not to take away the child alert.

3.Buckle off. Send out alarmings if kids are not taken away.

4.Remind to confirm.

4.Remind to confirm.

7.According to kids' conditions, guardian adjusts the parameters such as temperature and window in the car.

5. Click “handle now” and take away kids.

5.Guardian click twice “I know” , and leave kids in the car.


Design Product use scenarios

3. Guardians fail to feedback.

1.Sit in the seat, buckle up, monitor kids, and xx starts working.

4.Remind to confirm.

4. Monitoring stops.

2.Monitor kids' status during the trip.

3.Buckle off. Send out alarmings if kids are not taken away.

5.Without any confirmation, “I know� is selected.

6.Turn on monitoring mode, monitor kids health conditionand remind guardians every 30 min.

1.For accidential termination, immediately notify guardian and continue monitoring.

2. For abnormal changes of kids' physical condition, if guardians feedback is not offered, automatically sends out alarm. .


Project Four The first step of DIY travel is to plan trips. The process is quite complicated and

time-consuming. Especially for those who never leave the country before, they should face problems in communication, cultural interaction and safety issues. I encountered a pack of problems while travelling in foreign country for the first time, therefore, it can be said that the project is built based on real needs.The project proposes a series of simple measures to solve problems in foreign travels to make traveller' trip relaxing and interesting .

Interaction design 2018.3 Self-evaluation


Research&Analysis

SMARTRIP

app is designed as a travel planning application; all functions are designed to help plan trips and solve potential problems in travel for users.

User Research The questionnaire is designed based on users' travel habitsďźŒcovering four aspects: personal information, travel habits, problems before and after travelling and solutions.

166 questionnaire

Interview 4 users Ask friends 9.38%

Package tour 73.68% Favourite Travelling Way

Find travel guides online 82.81%

DIY 73.68%

It depends 26.56%

Certainly

Can Make Trip Plan Or not

68.75%

What are difficulties while making trip plans?

How to Make A Trip Plan

10%

68%

Possibility To Travel With Friends

Safety 70% Trips 71.43%

Possibilities To Choose Diy Travel

10%

How to handle? Learn more about the destination Analyze guides of your friends and some Netizen Research online Call to confirm

62%

86%

84%

93%

92%

100%

Possibilities To Make Plans 10%

Main Concern While Making Trip plans

48%

74%

100%

37%

72%

83%

90%

100%

Credibility Of Guides Found Online 10%

47%

57%

64%

100%

77%

Credibility of guides Found Online 10%

52%

63%

73%

87%

100%


Research&Analysis

Competitors Analysis Trip Planning

Social Functionality

Guide Inquiry

Tools to order Accommodation and Transportation

Additional services

Design Points 1.Realize the function of trip planning and route inquiry.

2 . Integrate tools to order accommodation and transportation.

CONCLUSION

The more additional functions on app, the more complicated its functional structure will be. Broad and shallow structure frame can not highlight the main functions immediately. To quickly solve users' problems in trip planning, we designed the navigation column to be simple and clear, allowing user to know the product's function and structure immediately .

3. Weak, delete or change functions including travel guides sharing and adopting.


Research&Analysis Customer Journey Map

Stage

Determine To travel

Feelings

“Need to Prepare A trip plan”

Plan trip

Do research

Ask friends

Do research

“Go where? With whom?”

“Find some Information About The destination Online”

“Someone went There before, Why not Asked her?

“Find more Information Online ”

Determine The trip

Travel

“Get everything Done finally”

“Set out”

Encounter Problems While Travelling

“Lost” “Raining” “Solve the problem, “The tourist spot Keep going on” Was closed suddenly”

Emotions

Needs

Pain Points

Opportunities

determine the destination, accompanies and time.

require true information about the destination,

information online are mixed and disorderly and sorting these information out is labor-intensive and time-consuming

provide ideal destination and tourist spot, arrange transportation and accommodation accordingly simplify the information by inviting the local to share useful experiences

require true information about the destination,

Continue The trip

timely get the solution thus the trip won't be delayed

cannot make right judgement in strage place thus may continue making mistakes

people familiar with the place would provide timely guide and assistance

Trip finished

“Finish the trip, Go home”


Ideation Information Architecture Will finish

Existing trips

Change trips Delete trips

Finished Finishing

Trips

Starred recommendation Users' recommendation

Recommended trips

Concerned recommendation Add destination

Add trips

APP

Select city

Transportation Hotel

Fill out critical information

Smartrip

Restaurant Number of travellers Information setting My concern

Personal information

My fans Points accumulated Record of travel

Mine

Trips scores

Setting Log out

Haven't commented Have commented


Ideation Information Architecture

Select a country

Select a city

Select the date and The total time

Match keywords of trips

Confirm the order And the trips

The number of traveller

Accept

Restaurant preference

Two parties receive awards

Comment

Finish the trip

Start the trip

Change Changed

Hotel preference

Transportation pattern

Generate the trip

Confirm

Send to the local for comment

Generate the trip

Feedback


Ideation Wireframe

Task 1: check the itinerary

Task 2: add a trip

Task 3: modify the trip

Task 4: score the trip


Design App Design Effect Diagram

3.Registration Page

1.Startup Page

2.Landing Page


Design App design effect diagram Task 1: check the itinerary 1home page 2.Check the daily travel itinerary

3.Check the daily detailed itinerary

Find similar recommended trips Slide upwards to get a daily detailed trip

4. Check the scenic spot information

5.Check the travel directory


Design

Task 2: add a trip

Click: select the scenic spot Long press: pop-up frame, an introduction to the basic situation of the city

3.Choose the date of the trip And the long time

1.When users have no idea of traveling, click here to do the next step, that is, the system automatically recommends. 2.The user can select any city to replace it with the selected interface on the map.

4.Key information such as select hotel, Restaurant and so on

2.Add the target city

1.Add a destination (country)

6.Whether to see The recommended travel

5.Confirm the travel information


Design

Task 4: score the trip 1. Trip modified entrance 1

2.Trip modified entrance 2

1. Trip score entrance 1

2.Trip score entrance 2

Task 3: modify the trip

3. Trip modified page

4.Interest points modified, such as attractions, Restaurants, hotels, transportation, etc.

3.Check the application Details of the score

4.Age display of modified Feedback information


Project FIVE The sanitarium should belong to the medical institution and not to the hospi-

tal. Nursing homes use therapeutic factors (including natural healing factors and artificial physical and chemical factors) as the main means, and adopt an integrated comprehensive healing method that integrates healing factors with medical technology, mental health, and life services.

Environmental art design

2015.4-2015.6 Graduation design during undergraduate period


Design PEACE & PROMISING The main idea of this sanatorium design is to reflect the principles of architectural style in a simple, generous, and convenient manner, so that the architecture and the green are mutually integrated and complement each other, creating a relaxed, healthy and friendly healing environment. The sanitarium design fully considers human nature, places the relationship between man and nature at the forefront, integrates design and architecture with nature, and provides an excellent place for people to come to treat and cultivate.

1

2

3


Hand Painted

In the early stages of designing this holiday sanitarium, we seriously considered the functional range required as a sanatorium. So our entire sanitarium is divided into four areas, from left to right: (1) Rehabilitation center. (2) Sunshine corridor. (3) Accommodation Center. (4) Administrative Center.


Model Making


Final Effect


other projects

The following are the projects related to environmental arts that I have

done during my college days.

Landscape Design & Interior Design

2011-2015


other projects

1.Kitchen Design

2.Street Park Design

3.Library design


Design Expansion

1.Star

2.Salvation

Handmade


Interest&Hobbies

Flat Poster

Painting

photography


THANK YOU PORTFOLIO ZHANG XIAOHUI Interaction Design


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.