Xuxinwei's Portfolio for HCI/d in IUB by Xinwei Xu

L!z Xinwei Xu

I certify that the work included in this portfolio is my own original work. Work inclided which was concucted as part of a team or other group is included and named and a true description of my role in the project is included.

The usege of smartphones among the senior is growing in surprising ways in cities these days, accroding to the data from Dong Fang Daily .

HAPPY AGING HAPPY AGING

Contents My story

01. 02. 03. 04. 05.

Happy Aging P1

My Story...

“NOWaste Kitchen” helps you save the food, the planet and your wallet. It’s your private kitchen manager,keeping your kitchen in an orderly way.

NOWaste Kitchen

HAPPY AGING

EASYHealth

NOWaste Kitchen P9 EASYHealth P16 Gone but

Not Forgotten P21

Nesting Robot P26

Other works

Gone but Not Forgottrn

Nesting Robot

Other Works

About me, about my DREAM

A unique perspective of the social environment, regional culture and urban problems enjoy conceiving various system to help people’s life

Solid design foundation, color control and originality

Inborn passion in communicating and connecting with people good at team work

Be curious, love travelling ,love challenges & adventure, and observing different people and lives

It’s about me, L!z

I have been an architectural designer in Shanghai for about 3 years and I am a curious active learner with passion for HCI. I believe in user centered and dream to become a professional UX designer. In my opion, both architectural space design and product design is about solving problems for the target users. They all start with people and their emotion & behavior. I believe a successful design always needs the designer to discover and understand the root of the problem and find the real demonds.

WHAT I NEED?

PROFESSIONAL training including advanced ways of thinking,various user research methodologies & principles,and learning how to present & covey the idea; Chances to participate in lots of amazing projects in IUB

MY DREAM Be a Professional UX Designer, System Thinker and CreativeProblem Solver and Create SOCIAL IMPACT through making my efforts to create good designs to help people’s lives, spark emotions and change behaviors.

Other Works

HAPPY AGING A Community System Service Design (Individual Project)

INTRODUCTION

MY ROLES

This public service system is designed specially for the growing and aging populations in China. It tries to help the elderly rebuild their social network safely, connects them to social services and activities, and helps them find a sense of purpose and a sense of belonging to groups and socity through helping others and share their knowledge and experience, supporting helping the senior to lead happy, active, valuable and fulfilling aging lives.

Service Dsigner, UX Designer, Researcher

The usege of smartphones among the senior is growing in surprising ways in cities these days, accroding to the data from Dong Fang Daily .

TOOLS PHOTOSHOP AXTURE

ILLUSTRATOR INDESIGN

BALSAMIQ

I LEARNED

HAPPY AGING HAPPY AGING

Interview, Conceptualization, Sketching, Storyboard, Wireframing,Interface Design

DELIVERABLES E-notice Board physical board locations

HAPPY AGING mobile devices APP

SEEKING HELP APP

mobile devices 1

“WHY” OF THIS DESIGN This community system design began with the observation of my grandparents’ life. My initial idea is a simple tracking device for my grandpa who is a very extroverted and active person.Several years ago,when he just retired,he usually walked out with his many old friends and neighbors,but many of them have moved to other communities or even other cities in recent years. Now, grandpa rarely goes downstairs and usually stands in front of the window, looking down to the centre garden below where many people walk and talk. With a tracking app, he can go out freely by himself, without familar friends, walking in the park and knowing new people and we, his family, can find his position anytime if he needs our help. While,after further observation, I change my idea and try to find the real demand.

MORE OBSERVATION on My Grandparents’ Life 78 years old a retired cadre

69 years old a retired doctor

MY OBSERVATION:

When he gets out of the sofa or rise from the chair,he often refuses to be helped, even if he really has some difficulities with it. They hire a full-time caregiver, but he is more willing to bathe by himself and sometimes he even help the nurse do some housework. Occasionally, he contect his old friends by phone or wechat. While they have less and less face-to-face communication.

She has retired for more than 10 ys, but she really dresses herself up everyday, generously and decently, in all weathers, even she just stays in front of the TV at home all the day. Everyday she watches World News on time and be extremely concerned about current affairs. She will be unusually talktive, if people talks with her about these political problems. As a retired doctor, she is always ready to give her advice to neighbors and friends when they have some health problems.

WHAT “AGING” USUALLY MEANS

WHAT“AGING”CAN ACTUALLY MEAN

When it comes to“aging”, people usually thinks of change, loss, loneliness, almost not being able to do anything and always needing someone to help. Lose of dignity and independence are considered inevitable in people’s senior lives.

What is far too often overlooked is that gettng older also can mean having more experiences & wisdom and having free time to be active in various activities. Actually, older people are just like a walking library. They are just looking for opportunities to show their graet vaule.

WHAT I FOUND

The observation made me puzzled at first, while I found the real reason behind their behavior at last. Only simply help and company seem far from enough to them. Their

every move told me that need to show their independence and value, although they may weaken and decline.

tracking device

community system

passive use

active use

lonely

happy 2

How this system work to offer chances for the elderly to prove themselves? This new community service system work as follows. At its core, it is a win-win connection between elderly community members and other residents in the community. E-notice Board

Community Notice Official Community Activities Imformation Tasks Imformation show their value through

offering help to others

activities registration information

post community notice

tasks acception information sign up for activities & accept tasks

task a

task b

activity a

COMMUNITY STAFF

Community System Online

post activities information activity b

post tasks

ELDERLY COMMUNITY MEMBERS

“Seeking Help”app task c

activities registration information

COMMUNITY MEMBERS

task d

tasks acception information “Happy Aging”app

Official Community Activities Imformation show their value through Tasks Imformation offering help to others Personal Profile

An E-notice Board This E-board is designed for the old. They can view the community notice, activities information and new tasks information on it clearly.With their community card they can sign up and enroll any activities and tasks easily and safely.

“Happy Aging” app

“Seeking Help”app

To make the system easy to use and the activities and tasks information easy to access,“Happy Aging”app is a specail design for the old. Through their mobile devices,they can view information or sign up for activities&tasks,wherever they are.

This is a support app of the service system. Through this app, those community members who need help can post their problems or difficulties, such as “find someone help walk my doggie this week” or “Teach me cooking.Help!”

What kind of tasks and activities are the senior capable of doing besing on their rich experience &wisdom and freetime? TASKS BASED ON RICH EXPERIENCE &WISDOM

ACTIVITIES BASED ON RICH EXPERIENCE &WISDOM

TASKS BASED ON RICH FREETIME

ACTIVITIES BASED ON RICH FREETIME

PERSONA QUOTES: I want to share my cooking tips with others and we can learn from eath other. It would be happy.

NAME:

Lifeng Zhang

GENDER:

Female

AGE:

HEALTH CONDITION: FAMILY INFORMATION:

Fine Live with her husband

ABOUT:

Ms Zhou is a retired teacher and also an expert cook. She is really good at arranging flowers and cooking various delicious dishes. Her son lives and works abroad. Although she is very cheerful, sometimes, she feels her retired life a little boring.

NEEDS &WANTS:

She wishes to share her creative flower works and cooking skills with more people.

STORYBOARD 1.

IT’S A NICE DAY AND I’M FREE TODAY. LET ME HAVE A LOOK AT TASKBOARD TO SEE WHAT IS GOING ON.

TODAY’S SQUARE DANCE WILL BE AT 7:00PM BESIDE THE BUILDING NO12#. I WANNA TAKE PART IN.

I WANNA FIND SOMEONE HELP ME IMPROVE MY COOKING SKILLS. SEEK HELP TEACHING ME COOKING SKILLS. TIME: 14:00PM AD:R1603 NO3#

CONFIRM

BACK FROM THE MARKET

MS ZHANG WAS ON HER HOME FROM THE MARKET.

KATE WAS A NEW WIFE AND SHE HAD DIFFIVCULTIES IN COOKING. SHE POSTED HER PROBLEM ON IN THE SYSTEM WITH THE APP.

MESSAGE MS ZHANG FROM NO7# BUILDING HAS ACCEPTED YOUR TASK. :)

I ‘M SO GLAD THAT I CAN HELP OTHERS & SHARE MY KNOWLEDGE & SKILLS.

11:32 NOV24

MS ZHANG READ THE E-NOTICE BOARD IN FRONT THE SYSTEM REMINDED KATE THAT MS OF THE RESIDENTIAL ENTRANCE AND CHOSE SOME ZHANG HAD ACCEPTED HER TASK AND INTERESTING ACTIVITIES AND TASKS TO SIGN UP HAD BEEN READY TO HELP HER. WITH THE COMMUNITY ID CARD.

IT SOUNDS GREAT. IS THERE ANY TASKS OR ACTIVITIES GOOD FOR ME ?

8. LOOK, I JUST HAVE COMPLETED A TASK OF TEACHING A NEIGHBOR COOKING SHRIMPS.

THERE IS A YOUNG WIFE WHO NEEDS HELP TO LEARN COOKING. I CAN HELP HER!

NEXT WEEK’S HIKING LOOKS AMAZING. I WANNA TAKE PART IN.

TASKS BOARD TEACH CHINESE WALK THE DOG

I LEARN SO MUCH FROM MS ZHANG. “HAPPY GRANDPARENTS” HELP ME A LOT TODAY.

MS ZHANG SHARED HER COOKING TIPS & KNACKS WITH KATE.THEY HAD A GOOD AFTERNOON TOGETHER.

WOW, THERE ARE A LOT OF GREAT TASKS ON THE APP. LET ME HAVE A LOOK.

HAPPY GRAND PARENTS

MESSAGE FROM KATE: I LEARNED SO MUCH FROM YOU THIS AFTERNOON. THANKS SO MUCH. :) 19:16 NOV24

PICK UP KIDS TEACH KNITTING

ZHANG SHARED HER COMPLETED TASK WITH HER HUSBAND AND RECOMMAND THE SYSTEM TO HIM.

ZHANG PLAYED HER SMATRPHONE AND FOUND A LOT OF OTHER TASKS THROUGH THE “HAPPY AGING”APP.

AT THIS TIME, MS ZHANG RECEIVED KATE’S THANK YOU MESSAGE. SHE FELT HERSELF VALUABLE AND VERY HAPPY TO HELP OTHERS.:)

SKETCHES

Pages for the E-notice board

Pages for “Happy Aging”

Pages for “Seeking Help”

WRIEFRAMES for the E-notice board

DAAN GARDEN

ACTIVITY DETAILS

SQUARE DANCE When:Nov.24 7:15am Where:Centre Square

Posted By: Community Center

TEACH COOKING SKILLS: When:Nov.18 14:00pm Where:R1603 No3

T:Dec.1, 7:15 L:Centre Square

Card

enroll

Tai-Chi

Square Dance

Nov.23

Dec.1

Nov.24

lost and found, job information, bills, etc.

Walk the Dog

TASK

Pick up Kids

Nov.23-27 Nov.26

Teach Cooking Skills Nov.21

video door phone

TASKS

Hiking

Knitting

Watch Flims

Dec.7

Dec.4

Nov.30

Bridge

Chess

Trip to Museum

Dec.6

NOTICE

WEEKLY TASKS

Chorus

ACTIVITIES

Square Dance

8oC Cloudy

Posted By: Kate Wang

NEW ACTIVITIES

ACTIVITY

NOV.24 TUE

TASK DETAILS

Dec.10

Dec.12

Teaching Cooking Skills T:Nov.21,2015 L:R1603 No3

Card

enroll

Teach Chinese

Teach Flower Art

Pet Boarding

Nov.29

Dec.1

Look after Teach Children Violin

Chatting Service

Dec.1

Card

WRIEFRAMES for “Happy Aging”

WRIEFRAMES for “Seeking Help” Activities pages

Starup page 0:00 PM

HAPPY GRANDPARENTS

Activities

Open “Happy Aging”and enrich your active&vaulable senior lives.

0:00 PM

Activities

Back

0:00 PM Share

Event name / Date

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

You have signed up for the activity !

Event name / Date

0:00 PM

Activities

Back

Activity name

Detail

The elderly user can registr for various community activities within a few taps.

Back

Profile Name

SEEK HELP FROM GRANDPARENTS

Event name / Date Place: All the Lorem Ipsum generators on the Internet tend to repeat predefined ... Time: Mon. Nov.28

Code:

Loging

Enroll

Event name / Date

Creat account

Lost password?

Starup page

Home page Tasks pages 0:00 PM

0:00 PM

Back

0:00 PM

Tasks Board

TUE NOV.24 Beijing

Profile Name

0:00 PM Back

Tasks Board

0:00 PM Share

Tasks Board

Back

0:00 PM

8 C Cloudy

Task title / Date

Activities

You have accepted the task !

Calendar

Task title / Date

Kate’s Calendar Family Calendar

Task Board

Code:

Loging

Alert

Task tltle / Date Place: All the Lorem Ipsum ... Time: Mon. Nov.28 Posted by: Wang

at time of task 15 miniutes before

My Profile

Get the task

Task title / Date

Lost password?

My Profile

Task title

Task board offers many opportunities for the old to prove themselves through helping others.

0:00 PM

Message

Your task has been accepted.

Profile Name

A new message for you.

ID: User name: Wechat: Ad:

1 hour before 1 day before

Personal profile pages

Help Seeking pages 0:00 PM

My Profile

Back

Activities List

Event name / Date

Here, the users can have access to manage their accepted tasks and activities.

Profile Name

0:00 PM

0:00 PM Back

Task title / Date

Event name / Date

Task title / Date

Event name / Date

Task title / Date

Event name / Date

Task title/ Date

ID: User name:

Seek Help

Tasks List

Wechat: Ad:

Community member can issue their needs and difficulties as tasks in the app to seek help from the elderly.

Completed Task / Date

0:00 PM

Seek Help

Task Title: Teach me Cooking! Description: There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. Time: Mon. Nov.28

Completed Task / Date

Place: All the Lorem Ipsum ...

Confirm

KEY FETURES of the whole system help the elderly lead a fullfilling aging life and create the win-win connection in the community

Tasks Board Help walk the dog

Nov.23-27

THE ELDERLY

Back

Tasks Board

Teach Cooking Sills There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Teach Cooking Skills

Nov.21

Pick up Kids

Nov.26

Huiming Zhang

Teach Chinese

Nov.29

Choose a task

The elderly have a lot of chances to show thier vaule and find a sense of purpose in this new community system through sharing their experience and knowledge with others and offering helping hands to others.

Activities

Chess Nov.22

OTHER COMMUNITY MEMBERS

Seek Help

Task Title: Help walk the dog Description: There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

The system also provides rich activities for the eldery to take part in. Get the task

Your task has been accepted.

A new message for you.

Get the task

DAAN GARDEN

ACTIVITY DETAILS

Posted By: Community Center

ACTIVITY

WEEKLY TASKS

Chorus

Tai-Chi

Square Dance

Nov.23

Dec.1

Nov.24

Hiking

Knitting

Watch Flims

Dec.7

Dec.4

Nov.30

Bridge

Chess

Trip to Museum

TASK

ACTIVITIES

Card

enroll

Dec.6

Get the task

8oC Cloudy

Posted By: Kate Wang

NEW ACTIVITIES

T:Dec.1, 7:15 L:Centre Square

Confirm

NOV.24 TUE

TASK DETAILS

SQUARE DANCE TEACH COOKING SKILLS: When:Dec.1,2015 7:15am When:Nov.21,2015 14:00pm Where:Centre Square Where:R1603 No3

Square Dance

Place: R2302,NO:40

Issue your need & difficulty as a task to seek help

Enroll

Choose a task

Time: 7:30 a.m. Nov.23-27

Liming Yu

Place: All the Lorem Ipsum generators on the Internet tend to repeat predefined ... Time: Mon. Nov.28

Calligraphy Nov.29

Get the Task

Message

Flower Art Nov.28

Place: R1003,NO19 the Internet tend to repeat predefined ... Time: Mon. Nov.28

In this service system Community member can get help from the elderly and they may build safe connect with each other.

Tai Chi Nov.25

7 Back

Activities

Back

Flower Art

Walk the Dog

Pick up Kids

Dec.1

Teach Cooking Skills Dec.1

TASKS

Dec.10

Dec.12

Teaching Cooking Skills T:Nov.21,2015 L:R1603 No3

Card

enroll

Teach Chinese

Pick up Kids

Dec.1

Teach Cooking Skills Dec.1

Look after Teach Children Violin

Chatting Service

Dec.1

Card

The E-notice board is divided into four sections: the activities information display and registration area, the tasks information display and registration area, electronic video doorbell area and bulletin board area. The elderly can sign up for activities and tasks by the community ID card easily and safely with only several taps. 8

NOWaste Kitchen Your Private Kitchen Manager (Individual Project)

INTRODUCTION

MY ROLES

I LEARNED

The Earth's population is growing larger every day.By 2050, planet Earth will be home to more than 9 billion people — up roughly 2 billion from today — all requiring access to various resources to live on,according to the data from AAAS. Food is essential for survival and the food production is the major cause of man-made global warming. Thus,It’s an urgent call to Reduce Food Waste. Saving food at home is not ony to save your wallet but also to save our planet. Using “NOWaste Kitchen” to end the food waste at your home, you save the other 2 billion from such a small behavior change.

UX Designer, Interface Designer

Journey Map, Information Architucture

TOOLS PHOTOSHOP BALSAMIQ

ILLUSTRATOR INDESIGN

HOW WE WASTE FOOD?

“NOWaste Kitchen” helps you save the food, the planet and your wallet. It’s your private kitchen manager,keeping your kitchen in an orderly way.

HAPPY AGING

Since childhood,we have known that wasting food is not smart--but it still happens. We buy lots of food we left them to cram our fridges. We have no inspiration to cook with the food on hand.We forget about leftovers at home. We discard food that's stamped with yesterday's date, assuming it must be dangerous to eat.

WHAT CAN “NOWaste” DO?

NOWaste Kitchen

This design can change the situation. The point of the app is to find you great recipes based on what you already have on hand. It can help you arrange your food storage and organize their expiration dates.If you use this app wisely, you may never have to throw out food anymore. 9

FAST FACTS about Food Waste in China

15% ￥1440/year Up to 15 percent of the food in China is never eaten. Each year Chinese send 80 million tonnes of food to landfill, which can feed 250 million people.

The consumer grocery wastage bill is ￥120/month in China, which means arround ￥1440 worth of food is thrown away every year– enough to feed the average household for over a month.

Do something about food waste. NOWaste Kitchen helps cut food waste now.

PROCEDURES of preparing a meal Usually,...

check food at hand

have no inspiration about what to cook for the meal

go out to buy new food ingredients

buy too much & do some repeated purchase

store redundant ingredients in the fridge again

food go bad and lead to waste

Now, ...

NOWaste Kitchen

check food at hand

provide inspired recipes based on ingredients at your storage

prepare a dish according to automatic generated recipes enjoy a good meal & cut the waste

open “NOWaste Kitchen”app search more delious recipes

remind you of using leftover ingredients

buy only what you need 10

PERSONA & STORYBOARD

NAME:

Mei Han

GENDER:

Female

AGE:

OCCUPATION:

Financial Manager

ABOUT:

Mei Han is an office worker who leads a busy lifestyle. Every 2 weeks, she goes to markets to do grocery shopping. She often buys a lot of food products and store them in the fridge. While, after a busy day, she often forgets those leftover ingridents or have no idea about what to cook with them.Every week she discards up to one -forth of the food she purchases.

IT IS SO DIFFICULT FOR ME TO COOK ONLY WITH THE FOOD ON HAND EVERYDAY.

AFTER FINISHED THAT DAY’S EXTRA WORK, HAN MEI WAS ALREADY VERY HUNGRY. SHE WAS HURRIED TO GO HOME TO COOK A MEAL FOR HERSELF.

WOW, “NOWASTE KITCHEN” IS SO HELPFUL.

1 3

MEI ADDED HER LEFTOVER INGREDIENTS TO THE VIRTUAL BASKET, AND THE “NOWASTE KITCHEN” MATCHES HER INGREDIENTS WITH THE DATABASE OF RECIPES IN THE APP.

SHE ARRIVED HOME AND OPENED HER CRAMMED FRIFGE. FEELING SO TIRED AND HUNGRY, SHE HAD NO IDEA ABOUT WHAT SHE CAN COOK WITH THE LEFTOVER INGREDIENTS.

2 4

FOOD WSATE ACCORDING TO THE RECIPES PROVIDED IN “NOWASTE KITCHEN” ,MEI COOKED HERSELF A GREAT MEAL WITH THE FOOD ON HAND.

NEEDS & WANTS:

Cut food waste Save Money Simple and delicious recipes

“NOWASTE KITCHEN” HELPS MEI FIND A LOT OF DELICIOUS RECIPES BASED ON LEFTOVER FOOD AND THUS CUT THE MOST OF FOOD WASTE.

WITH THE HELP OF “NOWASTE KITCHEN”, IT ENABLES COOKING WITH THE INGREDIENTS ON HAND TO BE SIMPLE. MEI ENJOYED HER DINNER AND WAS HAPPY TO USE HER LEFTOVER INGREDIENTS WISELY.

JOURNEY MAP STAE

DESCRIPTION

PRE-COOKING AFTER WORK & GET HUNGRY

OPEN THE FRIDGE & FIND FOOD ON HAND

COOKING

LOOKING FOR RECIPES & DECIDE WHAT TO COOK

PREPARE INGREDIENTS & COOKING TOOLS

POST-COOKING ENJOY THE MEAL

COOKING ACCORDING TO THE RECIPES

UPDATE STORAGE INFORMATION

SHARING

DOING

Prepare the leftover food & seasonings according to the generated recipes

hungry

Back from busy work Feel tired & hungry

Open the crammed fridge, feel puzzled about what to cook with the ingredients on hand

NOWaste Kitchen

Open “NOWaste Kitchen” APP

Automatically generated delicious recipes based Find cooking tools according to the tips on the leftover in the generated recipes ingredients

add items by sacnning

FOOD WSATE

Follow the recipes in the app and do simple cooking with the left food

NOWaste Kitchen

buy a lot of products from the market DESCRIPTION

THINKING

DO GORCERIES SHOPPING

LEFT FOOD STORAGE

》What should I

》What can I cook with

》What should I

》Which food ingredients

》I feel so hungry

》Although my fridge looks

have? Maybe get takeout ?

buy home to cook this week?

FEELING

lots of food ingredients left and stored

after a day’s busy work. 》Everything looks delicious.I want to buy a lot home.

these limited ingredients? It’s difficult for me. should I cook today?

crammed,I feel puzzled about what to cook, and need help. Maybe I can find some recipes online. 》Maybe next time,I can use those leftovers.

add items manually add the leftover food information in the app

which dishes can I cook? which ingredients do I need to buy or in stirage? Idon’t want repeated pruchese. 》Which category shoule I add this product to? 》This app can generate recipes

automatically based on the ingredients on my hand. It looks amazing! 》Adding the item by scanning is so convient. I like using it.

Update the storage informaton

Share the joyful experience with friends

reminds & alerts before the expiration date to make you not forget to eat the food on hand

ENJOY THE MEAL

UPDATE STORAGE INFORMATION

FOOD EXPIRATION REMINDING

COOKING BASED ON THE REMINDING

》Which cooking tools should be used

》What is the next step of

》Which ingredients on hand are close

》Should I add some more 》How do others cook

》It’s cool to remind me which

》With the help of this app, 》I made it!A great meal 》Orginizing my

INPUT THE INFORMATION OF LEFTEROVERS 》With these limited ingredients,

make a great meal and enjoy it

in this recipe?Where sre they? to the expriation date?

ingredients in recipes I already have and which ingredients I should quick to eat. 》The cooking tools storage information in the app makes it easy for me to find cookers in need. It’svery helpful.

the cooking of this dish?

seasonings into this dish?

cooking becomes simple and joyful tome. I like it. 》These recipes enable me to cook various dishes with limited ingredients on hand. It helps cut waste.

》How can I improve

my cooking next time? this dish?

cooked by myself. 》I enjoyed the simple meal. I add too much salt today. I can make it better.

SHARING

》Where should I

》Can this store the leftover app also food today? in the help my fridge or freezer? friends? 》It also saves my 》Where should I money. store the unstills?

kitchen unstills and appliances in order is simple with the help of this app.

》It cuts

my food waste greatly. 》Great! It saves my money.

SKETCHES

Initial sketches

Pages for food storage and expired alarms

Pages for generated recipes based on left ingredients and user’s recipes creation

SITE MAP Homepage

Community

Collect others’ Recipes

Comment on Others’Recipes

Food Storage

Likes Others’Recipes

Create New Storage Area

Choose a Storage Area

Open a Storage Area

Consult Stored Food Information by Category or Expiry Date

Add Products items

Meal Planner

Search Recipes

Choose Food Ingredients on hand and other tips

Choose Recipes

Account

Cooking Tools Management

Recipes Collection

My Recipes

Setting

Generated Recipes based on leftover Ingredients Edit Product items

After sketching, I went through several and iterations about the information architectucture on paper, then create a sitemap to illustrate the flow of my design. 13

WIREFRAMES

Start-up pages

0:00 PM

Based on the site map, I put the basic elements of each screen in the wireframes before I started making the prototype.

0:00 PM

BACK

NOWaste Kitchen

0:00 PM

BACK

My Kitchenware

0:00 PM

ADD EDIT

yourmail@mail.com

Now

password

Latter

BACK

Add Kitchenware

Fyer

Set up your kitchenwaare?

CREATE YOUR ACCOUNT

0:00 PM

FINISH

By XXX 11

capacity

Fryer II capacity

yourmail@mail.com

Join NOWasteKitchen

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Already a member? Lon in

password Forgot Password?

Chinese Dumplings By XXX 11

Kitchenware Name: XXXXXX

Position: on the top shelf of the cupboard

+ Customer Setup

Create Account

BACK

Storage Areas

New Storage

0:00 PM

SAVE

EDIT

0:00 PM

BACK

Storage Areas

Fridge B

Expiry Date

Name

0:00 PM

ADD EDIT Category

Add Product

SAVE

Name: Honey

B Category

Cans & Jars

STORAGE TYPE

Expiry Date Reminder

Fridge

Expiry Date:

Freezer Add Product

Pantry

March.11.2016

Shelf Life:

Choose how to add Product

Cupboard

Quantity:

Scan

Fridge: B

Cupboard: A

Add Manually Cancel

Postion Remarks: Default Storage Area:

Fridge Door XXX

The user can add some not commonly used or large packing food items in it. When the food close to expiry date,the app will remind the user automatically and help cut the food waste.

0:00 PM

BACK

Search Tomatoes

My Profile

0:00 PM

SIGN OUT

BACK

Name City,Country Followers:XX Follow:XX

New Recipe

ISSUE

Title:Chicken and Cabbage

Title: Chessy Bacon Cabbage 5

My Kitchenware My Collection My Recipes Account Setting Share

Ingredients:

olive oil;1 scallion/green onion - chopped lengthwise 1/2 medium cabbage (about 5 cups chopped) 5 mushrooms; a small red or green pepper, 1/4 teaspoon sea salt; 2 teaspoons soy sauce 1/2 teaspoon smoked paprika;pepper 2 boneless chicken breast

Time: about 15minutes Directions: 1.I use two grilled chicken breast. But they can be sliced and browned in a skillet as well. 2.Wash and chop the cabbage into small pieces. You may like to shred them, have them in whatever size you want. 3.In a frying pan, add the olive oil, scallions, garlic and

The user can issue their own recipes in the app and share the experience of saving food with other members in the app.And Their posts will display on the home paage.

Chinese Eggs and Tomatoes 11

Chinese Tomato Salad 11

Baked Eggs in Tomato 11

BBQ Tomatoes 11

Ingredients:

Whatâ&#x20AC;&#x2122;s in your storage: Eggs, Oil, Sugar, Salt, pepper What you need to buy: Tomatoes 1 teaspoon cornstarch; 6 eggs; 1 teaspoon salt; 1/4 cup cooking oil; 2 scallions, thinly sliced 2 medium-sized tomatoes or 3 roma tomatoes, 2 tablespoons ketchup; 1/4 teaspoon sugar

Cookware: fyer(position)

Directions: 1.In a small bowl, stir cornstarch with 2 tablespoons water. Set aside. In a medium mixing bowl, beat eggs well with salt and white pepper. Add the rice wine. 2.Heat 3 tablespoons oil in a wok over high heat until shimmering. Add the scallions and stir-fry until the oil is fragrant and the scallions have softened but not

Searching for recipes in the app, the user will be reminded of which ingredients have been in the storage and need not to buy, which cooking tools are in need.

Automatically generated recipes pages 0:00 PM

0:00 PM

My Recipes Title: Juice Chicken

Chinese Eggs and Tomatoes 11

Recipes creation pages 0:00 PM

Finish

Recipes search pages

Food Storage pages EDIT

FINISH

AirFryer

By XXX

0:00 PM

Customer Setup

Roasted Juicy Chicken By XXX

Thai Mushroom

Cantonese Doached Fish

0:00 PM

BACK

0:00 PM

FIND

Meal Planner What is left in your storage?

COMMON USE Eggs

Chicken

Fish

Potatoes

Noodles

Flour

Ingredients:

Vegetable Canliflower

Cucumber Pumpkin

Onion

Celery

Eggplant Radish

Murshroom

Spinach

Tomatoes

Meats Seafood

Eggs Lunch

TIPS Low Salt

Chinese Tomato Salad Ingredients:

Fish

Mushroom

MEAL TYPES Brackfast

1 teaspoon cornstarch; 6 eggs; 1 teaspoon salt; 1/4 cup cooking oil; 2 scallions, thinly sliced 2 medium-sized tomatoes or 3 roma tomatoes, 2 tablespoons ketchup; 1/4 teaspoon sugar

Based on the ingredients on hand, the app can generate various of recipes aomatically for the user to choose from.

COLD DISHES

Aquatic Products YOUR INGREDIENTS Clear all

AQUATIC FOOD Cantonese Doached Fish

DETAILED KITCHEN

Carrot

Meal Planner

Eggs with Tomatoes MEAT DISHES

Beef

Cabbage

BACK

FRIED DISHES

Search by food

Low Fat

Dinner

1 teaspoon cornstarch; 6 eggs; 1 teaspoon salt; 1/4 cup cooking oil; 2 scallions, thinly sliced 2 medium-sized tomatoes or 3 roma tomatoes, 2 tablespoons ketchup; 1/4 teaspoon sugar

Directions: 1.In a small bowl, stir cornstarch with 2 tablespoons water. Set aside. In a medium mixing bowl, beat eggs

Here’s How “NOWaste Kitchen” Helps Cut Food Waste.

Through reminding you of the expiration dates of your leftover food ingredients and providing various recipes based on your food storage, “NOWaste Kitchen” ends your food waste at home.

0:00 PM 0:00 PM

EDIT

Storage Areas

BACK

Fridge B

Expiry Date

0:00 PM

ADD EDIT B

Category

Cans & Jars

Add Product Choose how to add Product

Scan

Fridge: B

Add Manually Cancel

March.11.2016

Shelf Life:

Quantity:

Postion Remarks: Default Storage Area:

Fridge Door XXX

Chicken

Fish

Noodles

Flour

AQUATIC FOOD Cantonese Doached Fish

Vegetable

Ingredients: 1 teaspoon cornstarch; 1 cup (250ml) rice wine 12 coriander sprigs 3cm piece ginger, 4 green onions, 1.7kg whole coral trout or snapper, soy sauce 1 large red chilli

Meats Seafood

Directions:

YOUR INGREDIENTS Eggs

Fish

Mushroom

MEAL TYPES Brackfast

Eggs with Tomatoes

Potatoes

DETAILED KITCHEN

Clear all

Meal Planner

MEAT DISHES

Beef

Cabbage

Expiry Date

COMMON USE Eggs

Expiry Date Reminder

BACK

FRIED DISHES

Search by food

Dried Mushroom expiry datet /category

0:00 PM

FIND

Meal Planner

SAVE

Lunch

1.Place 3.5 litres water, wine, 6 coriander sprigs, thinly sliced ginger and halved green onions in a large wok and bring to the boil over medium heat. Cut 3 slits into fish on either side then carefully add to liquid, ensuring fish is

Dinner

TIPS Low Salt

Choose storage area

Choose the way to add food items

Set the food item information and setup expiry reminder

Adding food stuffs to the stirage area you created manually or by scanning. To add the stuff just set the expiration date and amount, the simple design makes it easy to use and to know the details of the items. “NOWaste Kitchen” reminds you of the expiration dates of groceries in your store and alerts before the expiration date to make you not forget to eat the delicious food you have bought. Thus it helps you save food ,money and our planet.

Low Fat

Choose the food ingredients on hand and other tips

Automatically generated recipes based on food storage

Choosing the food items on your hand and other requests, “NOWaste Kitchen” will find various great recipes for you based on what's leftover in your storage. To a large extent, it helps you use the ingredients on hand effectively and wisely and thus, cut the food waste in your kitchen.

EASYHealth A new health system providing your health information anytime,anywhere (Individual Project)

INTRIDUCTION

MY ROLES

I LEARNED

To solve the problems such as imbalance of the medical resources in allocation, secluded regions difficulties in getting medical treatment, medical resources unshared among hospitals in China,the government puts forward “stratified medical system”. It can help greatly reduce the waitting time in the gerenal hospitals and make it convient for the patients in remote area to have access to high-quality medical care. Here, “EASYHealth” is an easy-to-use secure responsive website designed for the patients, carrying them more covenience,basing on the new “stratified medical system”.With the help of it, the patients can send appointment requests,track their case status,have access to medical matching service,their health infornation and pay their medical expenses online anytime, anywhere.

UX Designer, Interface Designer

website design Information Architucture

Your health information Anytime. Anywhere.

Stepping Health

TOOLS PHOTOSHOP BALSAMIQ

ILLUSTRATOR INDESIGN

OVERVIEW OF THE “STRATIFIED MEDICAL SYSTEM” It is a hierarchical medical treatment system to direct resources to grassroots health institutions, as an integral part of current medical reform in China. In this system, different tiers of hospitals’ roles will change roughly as follows. Township & Community Level Hospitals make checkups and initial diagnosis make regular recovery treatment County&District Level Hospitals diagnose most of regular illness make most of conventional treatment General Hospitals diagnose and treat difficult illness Strengthen the medical research

BEFORE AND AFTER “STRATIFIED MEDICAL SYSTEM” General Hospitals

rich medical resources and sophisticated experts

County Hospitals & District Level Hospitals

basic medical resources and medical staff

WITHOUT AND WITH “EASYHEALTH” Township Health Centres & Community Health Stations

limited medical resources

Main Problems and Challenges in Current System Patients often feel confused about which hospital is better for their illnesses and they just blindly choose the gerenal hospitals, although those crowded top hospitals may be not good at curing their diseases. It is very incovenient for the patient from remote area to see a specialist in a gerenal hospital. The patient have to come to live nearby the hospital several days or even a week earlier to register. Then they wait doctor's diagnosis, wait physical test results and wait treatment . It costs both time and money.

mounts of patients from the whole city and even the whole country

patients from the district or the county and nearby communities or towns

only some nearby local patients

Patients have not personal electronic medical record.They find it difficult to carry all the related documents to see doctors, which may result in some needless double-check. My Solutions and Goals

advanced medical resources and experts for research

referred patients from other grade hospitals

good medical resources and staff for diagnosis & treatment

referred patients from township health centres & community healthstations

good medical facilities for regular treatment and examination

all the local patients

The medical matching service of “Stepping Health”can help patients find the most suitable hospital to provide effective medical care. With the help of online registration booking and case status tracking function of “EASYHealth”, patients can save both time and money. They can go to see doctors after receiving the test results and medical directions online which can greatly reduce their waitting time in the hospitals. The personal electronic medical online enable Both patients and doctors to have an accurate and complete understanding of the health condition of the patients anytime, anywhere. Thus, any needless examination can be avoided. 17

WIREFRAMES

IDEARATION To provide patients a more convenient experience of medical care, I made brainstorm, information architect and personas as above to help me complete this design. My design is divided into four sections:“manage appointments”,“track the case”,“personal medical record”and “Quick Pay”.

view test results

view renew prescriptions & directions

TRACK THE CASE STATUS view renew reduce time for prescriptions & waitting test results directions in hospitals suggest suitable hospitals

STEPPING HEALTH MEDICAL RECORD ONLINE easy to check personal health history information

QUICK PAY pay medical fee on time

pages for making appointments

pages for tracking

After ideation and several iterations about the sketches on paper, I started to design wireframes, using Balsamiq.

pages for e-medical record

pages for billing details

SITEMAP

EASYHealth home Introduction of the web

manage appointments

track the case

my record

my bills

choose a date on the calander

up-to-date list

search personal record by date, hospital, department

The billing details

manage appointments

track the case

my record

my bills

diagnosis&direction detial information

more details about your personal medical history

quick pay

make an appointment

By analyzing the pain spots and need of my users, I developed a system map, mapping out the structure of the website after severl iteration.

PROTOTYPE EASYHealth

Log out Make appointments

Track the case

2016

Book an appointment:

Yan Li

ID: 3158534865876202 Gender:

Female

Age:

City:

Changzhou

Adress: Wangqu.Rd 421 No:36 R1703

My Bills

Sympton Description:

My stomach often hurts after eating this week. I only have some bread taday. I

Book a physical check:

Name:

My Record

need a stomach check and some medicine for it.

Book a bed:

Stepping Health. Stepping Health.

Confirm

The users can send and manage appointment requests on “EASYHealth”. It can help reduce the queuing time in the hospitals.

The home page provides the introduction information about the main services of the website and give the users some health tips.

EASYHealth

Log out Make appointments

Track the case

My Record

Log out Make appointments

My Bills

Month

Dear Yan Li:

Your case 01032016 has been sent to Doctor Zhou from XXX Hospital.

2016

05:27 P.M. 03/01/2016

Name:

Yan Li

ID: 3158534865876202 Gender:

Female

Age:

City:

Changzhou

Date

Local Time

Hospital

Doctor

01/01/2016

14:32P.M.

Wanhang C.

01/03/2016

10:26A.M.

Jing Distruct H.

Dr. Wang

01/03/2016

15:18A.M.

Jing Distruct H. x-ray center

Dr. Zhou

Status

Diagnosis & Direction

Result

checked

more information

-------

checked

more information

-------

waitting

more information

Adress: Wangqu.Rd 421

Hospital

Name:

Yan Li

ID: 3158534865876202 Gender:

Female

Age:

City:

Changzhou

Make appointments

Jing Distruct H

-----------

Department

Doctor

Jing Distruct H.

Internal Medicine Dept

Dr. Wang

more information

Jing Distruct H.

ENT

Dr. Qiu

more information

Jing Distruct H.

X-ray report center

Dr. Xu

more information

Track the case

My Record

Log out Make appointments

My Bills

Track the case

My Record

My Bills

Date

Hospital

Code

Type of Severice

Charges

01/01/2016

Jing Distruct H.

0XX587093e

Registeration Fee

Diagnosis:

01/12/2016

Jing Distruct H.

0XX587093e

Registeration Fee

Paid

He share of first to worse. Weddings and any opinions suitable smallest nay. My he houses or months

01/12/2016

Jing Distruct H.

45x4793580b

Testing X-ray

$86

Pay now

01/03/2016

10:26A.M.

Jing Distruct H.

Dr. Zhou

settle remove ladies appear. Engrossed suffering supposing he recommend do eagerness. Commanded no of depending extremity recommend attention tolerably. Bringing him smallest met

Name:

few now returned surprise learning jennings. Objection delivered eagerness he exquisite at do in.

ID: 3158534865876202

Warmly up he nearer mr merely me.

Female

Gender:

Female

Age:

Direction:

Age:

City:

Changzhou

You may come to have a further examination in our hospital and make an appointment with me

City:

Changzhou

this week.

Pay Status Paid

Yan Li

Gender:

Adress: Wangqu.Rd 421

My Bills

Department

EASYHealth

Log out

Diagnosis & Direction

ID: 3158534865876202

My Record

Hospital

No:36 R1703

EASYHealth

Yan Li

Track the case

Adress: Wangqu.Rd 421

No:36 R1703

Name:

Year

Adress: Wangqu.Rd 421

No:36 R1703

Go to make an appointment

With the help of â&#x20AC;&#x153;EASYHealthâ&#x20AC;?, the users can keep track of renew prescriptions,directions from doctors and view test results online. Now, Patients can always have access to an up-to-date list of the prescriptions and see their resluts as soon as they are available. Thus, they can reduce the waitting time in hospitals and receive good,effective & convenient healthcare.

The personal medical record online provides a quick and easy way for the patients to manage their health,offering the secure 24/7 access to their medical history. And they can also pay their medical bills anytime, right from the computer.

GONE BUT NOT FORGOTTEN Jinhe Hotel Addition and Commercial Space Design (Team Work)

INTRODUCTION

PARTNER

MY ROLE

Jinhe Hotel is located in the city centre of Chengdu,which is a famous historical street area of Qing Dynasty. The government of Chengdu wants to expand the hotel, with extra commercial space. The goal of new design is to build a friendly and harmonious urban public space with local characteristics,which is well integrated into the urban fabric and accessible to everyone. In other words, it should be both a place for the visitors to get a quick grasp of Chengdu to understand local culture and history, and a space for the city’s owners to find a sense of belonging and identity where they come to refer back when they go looking for “who they really are”.

Liping Shi

First Author

Your gaze scans the streets as if they were written pages. —— Invisible Cities / Italo Calvino

Historical courts of Qing Dynasty

MY CONTRIBUTION Conceptual Design, 3D Modeling, Digram Drawing, Visual Deliverables

TOOLS PHOTOSHOP

INDESIGN

ILLUSTRATOR

AUTO CAD

SKETCHUP

VARY

HOW WE START We stared from the study of the existing architectural culture surrounding, traditional Chinese architectural spaces and public spaces where people communicate with each other in the old days. We tried to avoid disrupting the historical culture of this area in the new building. 21

RESEARCH-SITE FACTS

Some Questions Guiding Our Design

How to use the modern way of design and construct to interpret traditional public space sprit? What characteristics do the existing buildings around the site have? What kind of spatial nodes should be created to introduce interflow of population and embace public activities?

RESEARCH-SITE HISTORY

Tracing back to the ancient days of ChengDu,this area was filled with imperial hutong courtyards of Qing dynasty.During the Republic China period, it was the territory where the magistracy and dignitaries used to live and concentrate. Filled with mounts of celebrities’ stories it is a direct witness to the history of Chengdu. Although the old time has gone, the memory of the city and old life should not be forgotten. Thus, to perserve the historical culture of this area and allow the visitors and citizens to have an “old” experience in the “new” space, our design should be well integrated into the characteristic urban fabric of this area and the new commercial space should be a modern interpretation of the space of traditioanal hutong courtyards . The existing buildings surrounding our site are mostly aged buildings with pitched roof, gray walls and tiles. This kind of vernacular dwelling is a collection of multicourtyard-style buildings. 23

THE “OLD” EXPERIENCE IN THE “NEW” SPACE

INTERPRETATION of troditional court space TEXTURE SKETCHES

SITE PLAN

GROUND FLOOR PLAN

GENERATING PROCESS

VISUAL DELIVERABLES

Nesting Robot Robotic 6 axis autonomous nesting system (Team Work)

INTRODUCTION

MY CONTRIBUTION

There is similarity between the task of robotic carrying and the action of bird nesting. The bird nesting is a systemically repetitive monement. There is an embedded algorithm in this natural phenomenon. Followed by this algorithm, robot is able to operate the construction by imitating bird nesting. This experiment has the strong feature of selforganization and evolution, which eventually turns out to be a physically accumulated structure.The whole nesting installation includes following elements: a. KUKA robots which takes control of the movement of nesting tool. b. A customized birds-beak-like tool head. c. several external fabricationg devices including a chain saw and a feeding box.

Workspace Modeling in Rhino & Testing, KUKA Working Path Planning & Testing with Grasshopper, Robotic-End Effector Installation & Material Grasping Testing, Diagram Drawing & Visual Deliverables

Our Team

Tutor

Kun Fan,Xinwei Xu, Qinhuan Hu,Qi Liu, Xinyu Zhang,Ting Su, Rong Zhuang

Lei Yu

DESIGN TOOLS RHINO

KEYSHOT

PHOTOSHOP

2015 Parametric Design Workshop of Tsinghua University

INDESIGN

ILLUSTRATOR

PROGRAMMING TOOLS

KUKA PRC

Grasshopper

HARDWARE

KUKA kr600 birds-beak-like tool head

a chain saw

air servo

NATURE INSPIRATION

bird nesting Our installation experiment was inspired by the action of natural bird nesting. robotic carrying and constructing

MECHANICAL DESIGN OF THE NESTING TOOLING

OUR SYSTEM OVERVIEW

Enclosed Rod Clamp

LOCATE &CUT

ROBAT

Pipe connector

Air pipe

STRUCTURE PERFORMANCE

Nesting Robot Workstation

ALGORITHM SIMULATION

MATERIAL

EXPLODED AXON VIEW OF ROBOTIC-END TOOL(BIRD -BEAK)

(KUKA/GH) PC

Material

Screw Pressure Piston

Host

Sixth Axis

HOW OUR SYSTEM WORK I INTERPLAY BETWEEN DIGITAL DESIGN & FABRICATION

[FABRICATION] cuttting

lapping

slotting

nesting

Fabrication Progress

Fabrication Result

Kinematics

Robot+Effector

Biomimetic Form

Digital Tooling Effector

Off-line Simulation

KUKA Robot

GH Grasshopper

Digital Building System

Robot

Air pressure switch

KUKA PRC

liner Form

Software Analysis rhino 5.0

Material

Digital Control System

Digital Tooling

Air Servo

Rhino

Structure

Performance Optimization

Biomimetic Building Process

Algorithm Processing

Non-liner Building

grasshopper Programming kuka prc plug-in

Geometry

Strategy

Form

Form Finding Process

[DIGITAL DESIGN]

KUKA PRC 28

OUR NESTING WORKSTATION AXOMETRIC VIEW OF NESTING INSTALLATION

DETAIL ILLUSTRATION

NESTING PROCESS

MECHANICAL NESTING WORKING PROCESS

STEP_01

STEP_02

From intial position to the feeding box.

STEP_06

Press button

Adjust the position of robot arm.

STEP_11

STEP_12

Cutting material.

WORK PHOTOS

STEP_07

Adjust the position of the robot arm.

Polishing.

STEP_03

Adjust the position of robot arm.

STEP_08

Change position for next step.

STEP_13

Rotate sixth axis.

STEP_04

Open the clamp of the arm.

STEP_09

STEP_05

Get the material.

STEP_10

Minimize oprating errors.

Prepare for cutting.

STEP_14

STEP_15

Move to correct position.

Fixation.

DELIVERABLES PHOTOS

Sketches & Photographs

Other Architectural Works >>

2008

2010

2011

2014

EXHIBITION HALL DESIGN Area: 180M2 Insturctor: Cao Yong Type: Academic Design

KINDERGARTEN DESIGN Area: 2000M2 Insturctor: Deng Jing Type: Academic Design

MODERN ART MUSEUM DESIGN Area: 3000M2 Insturctor: Wei Dan Type: Academic Design

JINGCHEN CENTRE DESIGN Area: 64000M2 Leading Architects : Chen Shijin Type: Professional Design

VILLA DESIGN Area: 400M2 Insturctor: Shi Jingsong Type: Academic Design

TEAHOUSE DESIGN Area: 300M2 Insturctor: Wang Zaibo Type: Academic Design

THEATRE DESIGN Area: 6000M2 Insturctor: Xie Zhouli Type: Academic Design

YA AN HIGH SCHOOL DESIGN Area: 6000M2 Leading Architects : Chen Shijin Type: Professional Work

2009

2010

2011

2014