Portfolio2016

P

O

R

T

苗颜炜 F I L O

Yanwei Miao

O

USER EXPERIENCE

2016

CONTACT

EXPERIENCE

+ 44 (0) 7423559449 myanwei@gmail.com 37 Alan Moss Road, Loughborough Leicestershire, UK, LE11 5LR

• UK

EDUCATION 2015 - 2016 Loughborough University, UK M.A. Interaction Design 2010 - 2014 Guangdong Ocean University, China B.Eng. Industrial Design DESIGN SKILLS Photoshop Illustrator Sketch InDesign CorelDraw Axure Rhino Solidwork LANGUAGES Mandarin native English fluent German conversational Cantonese fluent

NOV. 2016 till date / Freelance Designer Working as an UX/UI designer for a British Startup company, I have been involved in the research, the service discussion and interfaces design.

FEB. 2016 - FEB. 2016 / Lufbra Service Jam London Developed an online based service that allows for a networking system between three parties-- university students, agencies consultant companies and charities, inspired by a theme with 4 other team members in 48 hours.

NOV. 2015 - MAR. 2016 / Chinese Medical Centre Part time Assisting the doctor in accounting.

SEP. 2015 - SEP. 2016 / St. Peters Cafe Volunteer • CHINA APR. 2014 - JUN. 2014 / Freelance Designer Engaged in logo, package, poster and small product design using photoshop, corelDraw and Rhino for clients.

JAN. - MAR. 2013 / Meizhe Industrial Design co., ltd Internship Working as an industrial designer, I was involved in 3 live projects of designing computer peripherals. 3 of the proposals were choosen by the director.

OCT. 2011 - OCT. 2011 / Sketch and Research Practice 2 weeks of intensive sketching session for improving my ability of fast sketching.

YANWEI MIAO UX/UI Designer

I’m always curious about new things and always wanted to try them. As a designer, finding difficulties in life, trying to deal with it through design, it’s the funniest thing. I think I’m the kind that can be easily touched by details. A good design is modesty, people enjoy using it and don’t even notice that it has been designed, they think it is what it exactly should be like, just more delicate. I want to be someone when people think about, they would also smile and say, oh, she, she cares about people!

CONTENT

USER EXPERIENCE

06 24 38 44 56

Your Grandparents in Loughborough Major Project September 2016

Autonomous Driving

Group Project May 2016

Pregnancy Tracker Experience Design January 2016

Website Redesign

Usability Principle and Practices Febrary 2016

Memory Tour

Service Deisgn and Social Innovation May 2016

PRODUCT DESIGN

64

Branch

68

Wheelchair

Usb Charging plug Febrary 2013

Wheelchair for Old Adults April 2014

IMAGE DESIGN

72

Little Dinosaur Image Design May 2012

FONT DESIGN

74

Yu-Xiang Tea House Font Design November 2012

September 2016

6

MY GRANDPARENTS IN LOUGHBOROUGH Major Project Axure Prototype cyiefh.axshare.com/#c=2

OLDER ADULT old people are defined as people aged 65 and over going along with the definition by the WHO. (World Health Organization, 2016)

INTERNATIONAL STUDENT International students include undergraduates, postgraduates, PhD students and academic visitors.

7

There are 11.4 million people aged 65 or over in the UK, 36% of them live alone, nearly 70% are women. In addition, the number of people aged 65+ is projected to keep rising. (Ageuk.org.uk, 2016) LONELY

DEPRESSION

There are totally 1697150 full-time higher education students in the UK, 436,585 students are from outside the UK. (Hesa.ac.uk, 2016)

DEPRESSION

HOMESICKNESS

STRESS

Design Goal There should be measures taken to help those people who feel cut off from society or are in risk of becoming isolated. The project aims to bring students and old people together and to encourage them to help each other in order to improve their quality of life.

8

Semi-Structured Interview 7 Older Adults & 7 International Students

1

2

3

4

5

PHYSICAL HEALTH

PSYCHOLOGICAL HEALTH

SOCIAL RELATIONSHIP

LEISURE ACTIVITIES

PERCEPTIONS OF EACH OTHER

• People who are aged 65 and over in Loughborough are very active.

• They are healthy and capable in general.

• Usually they live with their partner or alone.

• They do not have financial worries.

• They consider independence as a very important factor.

• Meanwhile they would like to be useful and keep themselves busy.

• However, in contrast to initial thoughts, it was discovered that many local old people offer a great deal of help to international students.

The old people explained that they can understand that being in a completely new environment far away from family and friends, can be a very hard period for international students.

• Helping them to get adapted to the new culture and being a friend makes the old people feel valuable.

• Additionally, old people prefer face to face as a way of socialising.

• Research has identified that the older people here are skillful in diverse areas.

They wish their skills and abilities can be appreciated.

• Accordingly most of them are devoting themselves into a variety of organizations, as well as attending different events or some even establishing activities on their own.

• In addition, they have, overall, a very good impression towards international students.

• Some of them who contact with international students regularly, think that international students are like ambassadors of their countries.

• They enjoy sharing and learning cultures and experiences from each other.

• Some received help from international students through university or personal contact.

• International students are mostly young adults with very well health condition

• International students are mostly young adults who are not very experienced in living alone.

• With a different cultural background, international students have suffered from homesickness.

Older Adults International Students

• Their social circles are limited by language problems.

• Apart from some international students visiting the ‘Open House’, others hardly get in contact with the local people.

• However, they are interested in knowing British culture and they would visit various events to experience the culture.

• Also, international students’ perceptions of local old people are very positive.

• Some have very good bondings with old people here, are grateful about the old people being friendly, helpful and making them feel welcomed.

• Notwithstanding, they assume there is an age gap which leads to different topics.

9

Co-Design Workshop 3 Older Adults & 4 International Students

Hobbies Cards

Interest & Awareness Axis High Interest

Technology Use

10

High Awareness

“

There's a tendency for people do not want to admit that they would like or need help, because independence is a very important factor for older people...

Older people value their independences even though they could be helped.

They want to do it by themselves even though it's not so good as it could be.

Maybe you could frame it as how older people would help foreign students, would love to be your nana in Loughborough.

�

�

Survey and Group Discussions 33 International Students and 7 Group Discussions

Before coming to the UK,what information would you like to know?

Advice for renting a house

81.82%

Advice for the university

78.79%

Information about the town

66.67%

Advice for banks

63.64%

Advice for phone cards

57.58%

Transportation in town

42.42%

British culture

42.42%

Traveling information

I can teach them baking delicious cookies!

I've spent my whole life in Loughborough, I know everything about the town.

Addtional

After arriving in the UK, what challenges have you faced?

Working opportunities

54.55%

Homesickness

51.52%

Cooking

45.45%

Language barrier

42.42%

Cultural shock

39.39%

Health condition

39.39% 36.36%

Friendship

33.33%

Social problems

33.33%

Relationship

I studied culture, I've been living in Asia for 40 years!

42.42%

Depression Transportation

11

63.64%

Time management

30.30%

I was a piano teacher, I'd love to have more "students"!

Persona Building

12

Persona Older Adult 1

Persona International Student 1

Persona Older Adult 2

Persona International Student 2

Personas

13

Perceptions of Old People

Perceptions of International Students

Contact with International Students

Ability of Technology

Willing to Contact with International Students

Living Skill

Contact with Local Old People

Ability of Technology

Willing to Contact with Local Old People

Educational Skill

Living Skill

Educational Skill

User Needs

User Needs

• wants to be independent, be useful and committed.

• would like to give out experiences and skills.

• would like to learn new things and keep brain running.

• wants to make friends

• wants to feel being a part of the local community.

• wants to experience British culture and life • wants to feel happier and experience less homesickness, as well as get over the culture shock and overcome the challenges he has encountered.

• wants friendship.

Concept

Why would Xiaoming want to sign in?

hy would Xiaoming want to talk to the older adults?

The service will be explained and recommended by the university in the email and on the Welcome Page of the service.

YOUR GRANDPARENTS IN LOUGHBOROUGH

Xiaoming is from China, who recently

After conÞrming the received an email from the university, introducing the ÔGilÕ service.

Loughborough University.

Happy

Xiaoming glanced at the website and decided to sign in as a user who prepares to come to Loughborough.

Curiosity

14

Xiaoming was invited to some of the activities by the older adults he used to talk online and met them in real life.

Exciting

Xiaoming and the older adults meet regularly, they enjoy sharing their culture and experience together.

Why would Xiaoming attend the activities?

Xiaoming found some local older adults on the service and they answered some questions of JasonÕs, they also introduced Jason some interesting activities. Jason built good friendship with them.

The older adults also take Xiaoming to the beautiful surroundings to enjoy the view.

Xiaoming Þnally arrived in Loughborough.

Expecting

Xiaoming and the older adults became very good friends.

Welcomed

Concept Security : 3 Levels

APPLICATION SECURE

Older adults who register the service account in the university with a real identity would be evaluated by the university through attending a short interview (Older adults would be asked whether they agree to get a free DBS check). Then they would also need to attend a small professional training to understand the common issues international students are facing and how to deal with it. After that, the older adults could have a Identity veriÞed mark and a DBS checked mark behind their proÞle name. International students who register with the university email would have the identity veriÞed mark as well.

ICE BREAKING

15

One needs to collect ÔexperienceÕ through joining the activities and events to unlock the new phases. After 'Ice breakingÕ, it is allowed to take part in more intimate activities.

WhatÕs more, the activities need to be formatted (When, where, who, what) when submitting onto the website. The data would be noted and tracked by the university.

REFERRENCE

EXPERIENCE

One could also refer to the comments by others who are/were friends of them and the number of activity they have attended when deciding whether to accept an invitation.

Concept Empowering Older Adults : letting them domain an amount of fund to the charities they want to donate to.

Why would Clive want to donate the credits?

There is a description of how to use the credits on the Credit page. Meanwhile, every time Clive donates some credits, he would be able to choose a ÔplantÕ on that page and decorate his ÔCalendar GardenÕ which makes more fun for older adults.

+10 CREDITS 100

16

Clive has attended activities as well as organised some in the service.

Clive has owned 100 credits in total, he wanted to make use of those credits.

CHARITY

CHARITY

CHARITY

CHARITY

CHARITY

CHARITY

CHARITY

CHARITY

Clive went to the charity page and checked some charitiesÕ details. He selected one which interests him the most.

lavender

DON ATE

rosema ry

£10

Clive input the number of credits, it shows the equivalent amount of money on the screen and the sponsor.

1

sage

There showed the donated successfully feedback on the screen.

2016

2

3

4 thyme

5

6

7

8

9

10

11

12

sage

Clive clicked the ÔDonateÕ button.

CREDITS

100

thyme

Clive could choose the listed plants on the screen.

And used those plants to decorate his ÔCalendar GardenÕ of the service.

Stakeholder Map LOUGHBOROUGH UNIVERSITY/STUDENT UNION Give: Keeping the website Spreading the service Giving trainings and interviews Supervising the data.

$

donation

BANK

donation

LOCAL RESIDENT

save the donation

CHARITY

CSR

CHARITY

TESCO

support

CHURCH I want to feel empowered and commited

I can provide fund

I want to learn more about the culture

TESCO support

POLICE

reputation POLICE

INTERNATIONAL LOCAL STUDENT support

support

support

I can provide education and technique

UNIVERSITY (STUDENT UNION/ INTERNATIONAL OFFICE)

reputation support SHOP

TOWN COUNCIL

Give: Funding and supporting with food and tools

support

support

LOCAL SOCIETY

Gain: Attracting more international students Owning a good reputation among them.

More colorful and diversity activities.

Gain: 17 Advertising internationally Improving CSR (Corporate social responsibility) Receiving PR (Public relations) TOWN COUNCIL Give: Funding and supporting with places.

Gain: Increasing the townÕs reputation.

CHARITIES/CHURCHES

LOCAL SHOPS

Give: Supporting with places, volunteers and equipments Gain: Receiving donations

Competitor Analysis Open House & Frenpals

INTERNATIOANAL OPEN HOUSE IN LOUGHBOROUGH

MY SERVICE

RANGE OF TARGET USER INTIMACY

18

TYPES OF ACTIVITY COST

SUSTAINABILITY

My service involves a lesser range of people due to security issue since it is a more intimated service. But diversity of activities will be hold to make the service appear more attractive to users. So it presumably costs a bit more if more participants involve in. In addition, in order to sustain the service, the credit system is an important feature for all users keep communicating through the service.

Value Proposition

19

• Making older adults feel empowered and valuable to society.

• Making older adults learn more eg. about other cultures.

• Encouraging older adults to live a more fulfilled life.

• Contributing to charities around the world.

• Enhancing the studying experience in the UK for international students.

• Providing international students an opportunity to understand more about the local culture.

• Helping international students overcome the difficulties as well as culture shock.

• Encouraging international students to get involved with the local community.

Experience Design Principles

WARM The service needs to encourage a warm home feeling to the users.

FUN The service needs to provide a diversity of activities and appear fun to the users.

20

USEFUL The service should be meant for repeated daily use.

RELIABLE The service needs to create a safe and trustful environment to users.

UNIVERSAL The service needs to work for old and young people, from every culture, every religion, on both computer and smartphone.

Sitemap

Welcome Page

I Am a Local

Search

Q and AF

Register

Log In

Home Page

Message

ind Locals

Activities

Past Activities Samples

About Us

Chat

Contact Us

Past Activities Review

Ask

Sort by

Student

Local

Comment

Search

Comments

Comments

Answer

View Activities

My Activities

My Activities

Book Save

Saved Activities Friends

Activities by Me Total Activities Saved Activities

My Interests Send Messages Add Friend/Comment

Friends Current Friends Total Friends Credits Donate

When clicking the ‘View Profile’, the next page will show the same information as the ‘View My Profile’ page depends on it is a student’s profile or a local’s.

View Charities My Interests Send Messages Add Friend/Comment

21

Wireframes & Testings

INTERES TS

INFORMA TION

PROFILE PH OTO

RECOMM ANDED LOCALS

JOIN THE FAMILY

TITLE OF THE SERVICE

JOIN THE FAMILY

TITLE OF THE SERVICE

3 BENEFITS OF THE SERVICE

SIGN UP

SIGN IN

THE INSTRUCTURE OF USING THE SERVICE

CHATTING ONLINE

JOINING ACTIVITIES

GETTING INVOLVED WITH THE BRITISH FAMILY

RECOMANDED LOCAL OLDER ADULTS

CHATTING ONLINE

ARRIVING IN LOUGHBOROUGH

JOINING ACTIVITIES DASHBOARDF

IND CONTACTSF

IND ACTIVITIES

DASHBOARDF COMMENTS

FRIENDS

3

5

ACTIVITIES

BY MYSELF

IND CONTACTSF

IND ACTIVITIES

CREDITS

BY OTHERS

2|3

10

COMMENTS

RECOMANDED LOCAL OLDER ADULTS

FRIENDS CURRENT

3

FORMAL

2|5

ACTIVITIES

CREDITS

BY MYSELFB Y OTHERS

2|31

0

INTERESTS

PHOTOS

PHOTOS OF PAST ACTIVITIES

COMMENTS

STAKEHOLDERS INTRODUCTION

JOIN THE FAMILY

22

STAKEHOLDERS INTRODUCTION

STAKEHOLDERS INTRODUCTION

STAKEHOLDERS INTRODUCTION

EXPLORARY TESTING • It has been found that international students are more interested in knowing how to find the older adults since the first log in.

• What’s more, international students would like to have a chatting function in the service website, instead of seeing the website as a platform to get to know the locals and chat with them using other existed chatting tools.

• The Q&A section is necessary, as explained by international students.

LOGIC TESTING Welcome Page: • Sign up button should be set on the top of the Welcome Page as well as the bottom.

• The activities users can experience from the service can be illustrated by using selected previous activity photos which demonstrate an overview service to the users on the Welcome Page.

Profile Page • Students’ account would be the key to the service, therefore, a student can never log into the service after the elimination of his/her university account.

• Users can share photos of their daily lives, or the views they enjoy to let others have a general knowledge of him/her.

USABILITY TESTING • The words on picture need to be contrasted. A transparent dark color can be used to increase the contrast.

• The 3 modules in homepage can be arranged in a more interesting way.

• The white background color makes the website appear incomplete.

• The sketchy style makes the website appear messy and immature.

Visual

23

Home Page

Welcome Page

Axure Prototype cyiefh.axshare.com/#c=2

The Brief Jaguar Landrover 24

(JLR) came to us with a very exciting proposal - they wanted us to explore autonomous driving and how they would look and feel to the user. As autonomous vehicles are future thinking and won’t be mainstream JLR were keen for us to be innovative in our approach and apply ‘blue sky thinking’.

May 2016

AUTONOMOUS DRIVING Group Project In collabration with Jaguar Land Rover Booklet http://issuu.com/jessie711/docs/booklet__final_ group3_ver2?e=24928967/35653230 Video Prototype https://youtu.be/PbDz9k_xUNM

25

Research Control (Physical) Technology has changed how we control machines and systems, how will we control systems in the future?

Entertainment

Control (Perception)

Autonomous cars gives an opportunity for other activities while in a car. How can we make this experience more enjoyable?

How people perceive control and how to design control in different situations.

Desk Research

26

Easy to use In a in-car situation it is critical that the system is intuitive and easy to use - how can we use usability heuristics to make our design intuitive?

Efficiency

Trust Technology

How can we design interfaces with speed and efficiency of this interaction to minimize the time the driver’s eyes are away from the road?

How can we make users trust the technology through interaction design?

Hunt Statement Based on preliminary research, the overarching theme of TRUST is most important and critical consideration to carry forward. By focusing on trust we can design the L3-L4 environment to feel safe and humanise the overall experience for the user.

Visit to Dealership

Interviews

LAND ROVER FACTS

JAGUAR FACTS

• The age group of Land Rover buyers is getting younger.

It is not uncommon for someone in their 20’s to visit their showroom and make a purchase

• The age group of Jaguar

• Customers of Land Rover come from a wide range of backgrounds and lifestyles: business, farming, families • Women are buying more Range Rovers with the Evoke model proving popular due to it’s compact design, smaller windows and different seating levels making it more appealing and feel safer to women in particular

“I’m fine with laptops and everything, I just don’t like technology being in control of lives” (Male - 53, Manager)

buyers is getting younger, down from 45+ to 35+ this has largely due to Jaguar designs changing to be more softer and practical, rather than the hard lines and squared styles of previous models • The types of customers of

“The idea of all the cars thinking on their own, I’m just convinced that something would go wrong.

I wouldn’t put any faith in it” (Male -23, Student)

Jaguar are usually people who own their own companies or business • It is seen as challenging to go fully autonomous, as the driver

“I still need a steering wheel that I

• Customized service (consumers can build their own cars)

experience is a big part of

can control at any time, otherwise

owning a Jaguar, especially with

I wouldn’t feel confident” (Male -25,

• Land Rover is seen as better for autonomous development because it is more practical a vehicle compared to the Jaguar

always want to be driven

their sport cars as they will

Student)

27

Survey

In which scenario would you feel safer driving an autonomous car?

When you are tired

72%

When you are in a rush

67% 58 Participants

54% male

46% female

28

How much would you trust an autonomous car?

(0 - no trust, 10 - fully trust)

– – – – – – – 10% – – – – 26%

0

5

10

Persona

2016

2030

Michael -Student

Michael - Haptic Programmer

21 years old

35 years old (FUTURE PROJECTION)

• Streams music for Uni projects and for personal use

• Father of a 2 boys, aged 3 and 5 years

• Drives his mum’s car when he is

• Works with science and touch technology

home from uni and likes the

to develop products and services

adaptive cruise control

• Enjoys collecting vintage vinyl

• Owns lots of tech devices and likes

• Spends his spare time using AR at home to

going to tech and gadget events

experiment with new ideas

Needs: Strong wifi signal

Needs: A good UI system in vehicle

Frustrations: Slow drivers

Frustrations: Slow drivers

Experience Goals: To buy his own car

Experience Goals: To be able to work

29

from his car during his journey into work.

Scenario

When the car is driving in manual mode, how does the driver change the mode from manual to autonomous driving?

HOME

When the car is driving next the anto lane, how does the communication process begin with other autonomous drivers and cars?

When the car wants to move out of the autonomous lane, back to the manul lane what is the process of communication here?

Once a driver is back within the manual lane, there will be a take-over-request (TOR), needed so the driver is fully aware of the current situation.

What information does the driver need to see to be aware of this?

OFFICE

Driving in the auto lane

Moving to auto lane

Read data & plan route

Communicate data begins with other auto cars

Driving in auto mode

Display feedback ( reminded to loosen his hands )

Auto mode now is on

Initializing auto mode (countdown from 15 sec)

Driving in manual mode

Set up map Start

Plan route

30

SYSTEM

Check his e-mail

See the car is changing lane

Relax and loosen his hands from the steering wheel

Receive the feedback & wait for auto mode countdown

Press the physical auto button

Auto lane is available on route - switch to auto mode

Arrive at the motorway

Drive away from the house

ConďŹ rm destination & route

Input the destination - oďŹƒce

Still like to feel in-control of his vehicle.

For Michael the car should work with him, this makes him trust the car more

Is tech savvy so will enjoy to use in-car features to help him feel more productive and the car and features more fun

It is important to Michael that he trusts and feel safe whilst driving his car

Is a family man & has two children

Michael

User Journey

PERSONA

HOME

Driving in manual mode

Change to manual mode ( auto mode is o )

System sensors identify hands on the wheel

Remind to change back to manual mode

Driving in manual lane

Moving to manual lane

Waiting for changing lane

Communicate data with other auto cars

Remind to take it over

Detect the distance to the end of auto lane

OFFICE

LEGEND MANUAL MODE

AUTO MODE STRESS

AWARENESS

RELAX KEY SYSTEM STAGES

AUTO-LANE SECTION ON JOURNEY

31

Leaves the motorway

Continues to drive in manual mode

Interface informs him that manual mode is now activated

Holds the steering wheel with both hands

Is informed by a countdown that he needs to prepare to take back control of the driving in xxx seconds

Feedback and interface visibility that the car is changing lane, out of autonomous

Put his work aside & prepare to take it over

Receives feedback that autonomous lane will end soon

Skype meeting with his boss

Concept

32

Handshake 1 SA 2 TA 3

GA 4 IA

Situation Awareness Temporal Awareness Goal Awareness Identity Awareness

Decativate autonomous mode by turning button

Take Over Request (TOR) is currently 5-8 seconds We have emphasised this for trust purposes

3

Driving in Manual Mode

(Usability principles -

1

4

TA

Interface/steering wheel reminder by blue light going around car will be initialising auto mode

IA

SA

Autonomous mode now working & on

All Interfaces consistent and displaying that auto mode is on

1

2 TA

GA

Initialise Autonomous press button to on

(Usability principles -

2

(Feedback - reinforces trust and safety)

SA

Countdown to autonomous mode from 8 seconds

1

Interfaces remind to loose hands

Current Lane positioning

SA

1 SA

Interface displays the computer is changing data with others now

2 TA

3

1

Moving to Autonomous Lane

Interface displays a planned route

GA

SA

Interface displays the auto cars around you (This is to show there is communication between autonomous cars see lane map)

autonomous lane has been alerted to you moving into it

Car moves into auto lane

(Feedback - reinforces trust and safety)

Auto Lane Displayed

GA 4

No.2 Acknowledges the information and interface alerts user to new lane

SA

33

IA

No.1 is alerted to no.2 reducing speed

Safe distance is acknowledged on both of the cars interfaces

No.2 decreases speed to allow safe distance (3 chevrons) for no.1 moving into auto lane

2

2

TA

TA

Handshake of communication process begins to happen to the car behind and also to any car in the manual lane which has gone into autonomous mode

Countdown to manual lane from 8 seconds using all dashboard interfaces and steering wheel

Car moves into manual lane

Manual Lane Displyed

GA

Interface reminds to put hands on steering wheel

GA

4

1 SA 4 IA

3

Interface reminds that it is nearly the end of autonomous lane (Usability principles Visibility)

4 IA

3

1

Moving from Autonomous Lane back to Manual Lane

SA

Countdown to autonomous lane from 8 seconds using dashboard Interface and steering wheel

Handshake Comupter no.1 sends information to conputer no.2 indicating a move to autonomous lane

3

1

Hands are detected on steering wheel

Manual Mode is Activated

IA

3

4 IA

Initialise Manual -

GA

The second method to change mode (User Control)

Driving in Manual Mode

34

Initialise Autonomous press button to on

Interfaces remi

ind to loose hands

Auto Lane Displayed

35

All Interfaces consistent and displaying that auto mode is on

Hands are detected on steering wheel

DSHAKE HAN 2. S 2. SYN/ACK

1. SYN

Send information to computer no. 2

No1

No2 3. ACK

Computer acknowledges computer no. 2 by confirming acknowledgement back

3

DSHAKE HAN

36

Computer acknowledges the information sent from no. 1

Key SYN - Synchronise ACK - Acknowledge

Interface displays the computer is changing data with others no Interface displays a planned route

37

Booklet http://issuu.com/jessie711/docs/booklet__final_ group3_ver2?e=24928967/35653230 Video Prototype https://youtu.be/PbDz9k_xUNM

Car moves into manual lane

Interfaces remind to put hands on steering whee

January 2016

38

PREGNAN TRACKER Experience Design

NCY R

Proposal

Hunt Statement

For improving the home experience for expectant parents, making them feel less intense and more in control during this special moment. A chance has been discovered. A slice of hi-tech sensor, connected with the app, can be stuck like an band-aid on pregnant woman’s belly, continuously collecting data through the sensor.

I would like to explore the experience of pregnancy of expectant patrents, so that I can develop an app to enhance their home experience.

39

Interviews

Concept

Participant A

32 years old 37 weeks pregnant Taiwanese

40

She lives with her husband and two little daughters, who are respectively 4 and 6 years old. She and her husband plan to have three children. She wishes her children can be happy, free and enjoy their lives.

Experience goals • Wishes to sleep well, with no interruptions • Wishes to carry her little daughter freely Task goals • Would like to know her sleeping quality and time • Wishes to share her mood with husband or other sympathetic pregnant women when being emotional • Wants to share the pregnant details with husband

Participant B

35 years old 28 weeks pregnant German She lives with her husband and her one and a half year old daughter. She and her husband plan to have two kids. She hopes to be a successful working mom and wishes her children will be healthy, safe and loved by lot of people that they can depend on.

Experiene goals • Wishes the process can be less intense and more in control • Wants to be understood by others Task goals • Wishes to know baby’s health situation (whether it has regularly heartbeats and movements) in real time • Wants to grasp her own health state Technology use

Technology use Smartphone Laptop TV Intelligent home

“

Smartphone Laptop TV Intelligent home

To meet the needs of persona.

The product is designed to detect physical data like heartbeats of both baby and mother, fetal movements, blood pressure of mother in real time; record and analyze sleeping hours of pregnant women; keep a data diary (can be exported to hospital at any time); it also contains a pregnant women’s society for exchanging ideas and experiences, as well as a first aid button.

The mom can choose to share her data with the dad. Both parents would feel more relaxed in their daily lives with the product.

”

Story Board

1

”

Katharina is pregnant, but she feels worried, because she developed preeclampsia during her previous pregnancy. She wants to know her blood pressure and the situation of her unborn baby in real time.

5 So that she and her husband can detect the health state of both Katharina and their baby.

2 She heard of PregnancyTracker, so she buys it in the hospital.

3 She sticks the PregnancyTracker onto her belly after she gets home.

4 And then she and her husband download the PregnancyTracker app from app store together.

41

6 When Katharina’s blood pressure is abnormal, the app will send a warning to both Katharina and her husband’ s phones.

7

Then her husband asks Katharina to lie down and rest, and he contacts the midwife.

8

Katharina gets the treatment on time.

Sitemap

42

User Journey

User Testing

• There’s a sudden noise coming out of the user’s phone, she picks the phone up and finds this red screen with the warning sign, saying that her blood pressure remains at an abnormal level.

• The user thinks the situation is quite urgent, so she slides the button to right to ask for first aid, then it turns to the waiting for ambulance page.

While waiting, she decides to export her data to the hospital, to let the doctor know her situation sooner, so that it might save some time. So she presses the “Export Data to Hospital” button.

• It goes to the Export page, which is a child page of the Profile page; user can choose what data she wants to export.

• After clicking “Export” button, the app gives a feedback saying that all the data she chose has been sent successfully.

• And then she decides to check all her data, so she clicks the data button at the bottom menu. All the data shows on the main data page.

• She chooses them seperately to view the more specific data of each item.

• There are also some tips below according to the user’s current state of pregnancy.

“

1. Click to cancel: It is easy to cancel it by accident while you actually wanted to slide the button to grab an ambulance. 43 2. The symbol of hospital: It looks more like an “Add” button, which I thought I should add something here.

3. Export data to hospital: I can’t be pretty sure that if it is a button that I can click on it.

4. Export button: Yea I recognize this symbol, which means upload or export.

5. Display of the data: It is detected in seconds. And I am not so sure in which mode that I am now.

”

WARN PAGE When some of the data remains in an unusual state, the warn page will automatically pop up to both mom user and dad user’s phones with this obvious red colour and loud beeps. Users can slide the circular button to decide whether they need first aid or cancel the notification. If after 5 minutes no action has been initiated, the app will automatically inform the hosipital.

44

45

DATA PAGE Not only can PregnantTracker track the physical data, to let users feel more in control during pregnancy, but it can also provide timely information for users. Additionally users can also go to Expextant parents community to know more people and solve their confusions.

Febrary 2016

46

WEBSITE REDESIGN Usability Principle and Practices

The Zetter Hotel http://www.thezetter.com/ Redesigned Website Prototype http://98mfi7.axshare.com/#c=2

47

Usability Testing

Scenario You and your best friend would like to visit London on the weekend. The Zetter Hotel has been recommended to you by a friend, you decide to have a look and probably spend 2 nights (From Friday night to Sunday morning) there.

Tasks 48

1. Find the address and the location on map of the hotel.

2. Check the provided special offers on weekend.

3. Check the guest services they provide.

4. Book a room, considering that you are both students, the budget is limited, however, you still hope this could be a wonderful experience.

Participant

A

B

C

D

E

F

Gender

M

M

F

F

F

F

Nationality

Indian

British

Dutch

Malaysian

Taiwanese

British

The Zetter is a relatively expensive hotel in London, accordingly, the consumers suppose to be middle class people around the world, who either seek for a high quality traveling experience, or are on a business trip. As a result, the selected participants through convenient sampling are from different countries.

Original Website

Time to complete task 1(s)

Time to complete task 2 (s)

Time to complete task 3 (s)

Time to complete task 4 (s)

A

20

26

167

460

B

24

71

101

418

C

20

22

48

225

D

16

19

88

212

E

13

147

148

234

F

31

13

15

191

Participant

What’s more, participant A and Participant E have respectively asked for help once when trying to finish the task 3.

49

Eye tracking

Home Page

50

We can learn that participants focused mainly on the navigation bar. When they were told to book the room, they tended to click the “ROOMS” button on the navigation bar on top, instead of clicking the very thin and long square button below which is written “Book Room Now” or “Check Availability”. It is believed that the “Book Room Now” and “Check Availability” button is too small and unobvious when being placed with other fancy animations.

Room Page

Special Offer Page

Booking Page

51

They have found the right page immediately, though they spent much time finding the “Weekend Specials” button. This is due to the unreasonable composition and strong background picture. The related information is being put in different section, which is easily for users mistaking them for different messages. In addition, the strong colours of the background image block the sight of the users as well.

After clicking the “Book” button, a completely different style has taken over, it causes confuse about whether they are still remaining on the same website. What’s more, the organization’s logo is below the fold, users have to scroll down to the bottom to find their logo.

Redesign

Drop-down menus make the navigation path more clearly, it will avoid users entering the wrong pages, which saves much time for the users.

(Original website)

52

The strong background colour of the original website’s home page has replaced by a picture of the Zetter hotel building, covered by a 60% transparency colour patch, which makes the background colour has relatively lower brightness, as well as less purity, to prevent users feeling uncomfortable when navigating for a period of time.

All the cluttered icons, animations and repeated links have been eliminated from the home page. The font is altered to a simpler type as well. In order to make the page look tidier.

Only the organisation logo remains cute as emphasizing.

At the mean time, as one of the most important features of a hotel website, the unobvious book button is designed to be a very noticeable booking frame, which can be operated directly on the home page.

(Original website) Map, address and telephone, email are being put separately on the different pages of the original website, which is considered inefficient. The improved one has put all the contacting information under the “Find us� menu on one page.

53

(Original website) 54

The redesigned website’s booking page maintains the same style with the other pages.

While the original one suddenly changes its colours.

What’s more, “add to compare” is a useful function for deciding and comparing different rooms in order to select a best option, nonetheless, according to the interview, only one participant has noticed the function. The redesigned website has changed the compare button and the “add to compare” tick box text to the Zetter red. This time, every participant has realized this function.

Feedback

Participant

A

F

G

H

I

Gender

M

F

F

M

F

Nationality

Chinese

German

Chinese

British

Indian

Two of the participants who were invited to evaluate the redesigned website have also taken part in the original website evaluation. The table illustrates the participants’ genders and nationalities.

“

The home page is too empty, it is a bit waste of space to me.

It’s smooth.

Redesigned Website

Participant

Time to complete task 1(s)

Time to complete task 2 (s)

Time to complete task 3 (s)

Time to complete task 4 (s)

A

12

5

7

120

F

3

21

98

112

G

3

4

11

134

H

2

3

7

122

I

4

5

9

119

Based on the collected data, it is clear to see that less time was spent in doing all the tasks on the redesigned website, especially in doing the task 2 and task 3, a lot of time was saved. It is believed that the drop down menu of the navigation bar shows a clear path which leads the user directly to the target page.

Redesigned Website Prototype http://98mfi7.axshare.com/#c=2

The redesigned website looks comfortable.

55

It’s convenient to choose directly from the drop down menu.

The words on drop down menu are too small.

”

May 2016

56

MEMORY TOUR Service Design

A live project with LoveLoughborough Organisation

The Brief Using service design for social innovation to grow tourism in Loughborough.

Hunt Statement We would like to explore the problems and barriers that alumni are not returning to Loughborough after graduating in order to provide a service design solution.

57

Research

Secondary

Primary

Interview

Survey

Codesign

Research

Research

Stakeholders

Target Users

Workshop

Online research into tourism in Loughborough

Contextual, qualitative research

Interviews with Alumni Association, student union, alumni students and Love Loughborough Organisation

Quantitative Research

HOW MIGHT WE?

Semi - structured group discussions with our stakeholders

How might we encourage alumni to come back to Loughborough?

How might we communicate Loughborough’s heritage to young and old generations; local and global?

How might we benefit Loughborough economically and socially from increased tourism?

How might we make it a long term project?

58 Festival organisor Why should prospects use our service?

Tourist Manager Restaurants

Pubs

Alumni Association Alumni Students Town Council Love Loughborough Graduation office Hotel Owners Students Accommodation

International students

Stakeholder Map

Define it Locals

Problem

• Losing contact information • Lack of attractions and advertisements • Alumni have their own work and families

Gains

A service for increasing the tourist in Loughborough by encouraging alumni to come back for recalling their memories of being students in Loughborough and creating more meaningful memories further

• Recalling memories • Maintaining friendship • Having time capsule to create memories

Service Value Proposation

Insights • Strong connection with the campus and interest in knowing the town centre • Specific groups of friends or small groups of family • Special needs • Having something to remember by • Memories as a student • The town centre and the University has changed or developed throughout the years

>

Opportunities • Combining both campus and town center into one attraction • A device that would create a connection with friends and other Alumni’s • Adding special features such as subtitles to support diversity of people • A time capsule • Reviving memories • Timeline to show the changes of Loughborough

59

User Journey

Thinking

60

Doing

“

I want to have a special memory tour with my wife in Loughborough for remembering the love that we used to have.

I Would like to share my adventures and stories when I was a student with my family.

I really miss my university life and it would be nice to see my old memories again.

�

Feeling

Content

Touchpoint

Robert Batts Age: 40 Nationality: British Occupation: Director Graduation Year: 1996 Robert’s relationship with his wife has been a bit strained ever since he was promoted as a director. Rob hopes to rekindle his romance with his wife to show that he really cares about her by showing her the very beginning of how he met her in Loughborough University. He has arranged for a special memory tour with his wife in Loughborough hoping to remember the love they used to have.

Before How to recover their relationship?

How will the trip be?

During Thinking about the places they visited before

Thinking about the things they did before

Where and how are their classmates now?

After What to store in the time capsule?

Thinking it is worthy

Thinking to come back again 61

Planning a trip

Registering on Alumni Association website

Following the tour guide

Comparing the differences

Searching for classmates on Facebook

Discussing with his wife

Reminiscing the photos of their trip

Sharing photos on Instagram

Sad

Curious

Expecting

Memorable

Saudade

Enjoyable

Exciting

Unforgettable

Having an argument with his wife

Buying train tickets online

Using memory tour app

Taking pictures

Drinking in a pub

Writing to their future children

Getting along with his wife

Sharing the experience on blog

Receiving an e-mail from Alumni Association

Website

Application

Phone

Facebook

Time capsule

Phone

Social media (Instagram & Blog)

Sitemap The app is designed for alumni to look for the memories of he building in both campus and town centre, following a special route chosen according to graduate years.

Alumni are able to not only take photos and leave comments to share their memories with others, but also collect badges in this tour for fun.

A virtual time capsule was designed for alumni to store their new memories with Loughborough.

START PAGE

MEMBER LOG IN

HOME / MENU 62

Achievement

Route Map

Virtual Tour

Time Capsule

Type of Year

All Badges

Photos

Upload Picture

Type of Route

Town Centre

Camera

Upload Video

University

Reviews

Voice Message

Favourite

Add Note

Subtitle On/Off

Set Time

Sound On/ Off

Lock

Key meaning: Main page links Main header page Navigation page

Time Remaining App and Website - IT service of Loughborough University Source of pictures - Univerity library and Town museum Souvenir - Alumni Association and Love Loughborough

Interface

Menu Page

Route Map Page

63

Achievement Page

Time Capsule Page

Video Prototyping https://youtu.be/zMKfdTkDh8c

Febrary 2013

BRANCH 64

Usb Charging Plug

This is an internal single 18650 battery charging plug. I hope its tree branch appearance will remind people of saving power and protecting the environment, it is also more ergonomic: No matter whether you plug it in or out, it needs less power.

65

Sketch

66

Prototyping

67

The scrub design of the decorative line is for increasing the friction. Because of its compact and flexible design, there is no way that you face embarrassing situation where you are unable to plug in more than one charger parallel side by side.

April 2014

68

WHEELCHAIR

Wheelchair for Older Audlts

69

Research

Problems The weakness and limited mobility of elderly people is reducing the frequency with which they get in contact with friends and relatives. They seldom meet their relatives, lack of good communication, seldom get in touch with friends, lack of exercise, and therefore easily loose their enthusiasm for life.

70

This might be indicated by appearing lost, sad, anxious and lonely, and results in emotional vulnerability, in being discouraged easily and in a poor ambition. In more serious cases it can also cause senile mental disorder, which is much more excruciating than mare pain.

Bad mood, the lack of exercise coped with psychological depression is often transferred through the subconscious into certain parts of the body.

Especially when elderly people feel palpitation (abnormalities of the heartbeat), shortness of breath, joint pain, constipation, etc., and these somatoform disorders are usually those which can not be detected by the instruments in a hospital.

State The physical heath of the elderly Senile disease, also called geriatrics, are disease which only the elderly can suffer from, and which are in their occurrence inseparably linked to the phenomenon of aging, such as Cataracts, deafness, osteoporosis, Alzheimer’s disease, prostatic hypertrophy, premenopausal syndrome, prostatic hypertrophy, perimenopausal syndrome, partial testosterone deficiency disorders and so on.

The mental health of the elderly 40% of elderly people suffer from varying degrees of depression. Loneliness is the main cause of the condition.

Goals Elderly people easily feel weak in the legs, they have osteoporosis and lack of exercise. How to provide these people with something which allows them to go out easily, and master long distances, like sitting in a normal wheelchair, and which can become like a third leg, similar to a walking stick, just in the right moment?

Something that accompanies the movements of the elderly in a flexible way.

How can it be designed in a way that fits their habits?

How can we give them a feeling of safety?

Prototyping

71

Seat cushion: Linen Wheelchair tire casing: Solid rubber tires Wheelchair tire tube: Stainless steel Motor housing: ABS plastic Walking frame armrest: Aluminum Tripod: Reinforce PP material Built-in: Gyroscope

72

May 2012

LITTLE DINOSAUR Image Design A cartoon design for kids. Kids are not only very creative, they can also be very destructive. They are fun of power.

Sometimes lovely, sometimes naughty. They make us love and hate them at the same time. Just like this cute little dinosaur.

73

November 2012

74

YU-XIANG TEA HOUSE Font Design

垥錙

+

+

This is a logo designed for the Yu-Xiang Tea House. Clean and simple lines, to better reflect the elegant simplicity of the tea house. The bottom part character Xiang (fragrant) is drawn like a teapot for highlighting the subject.

75

Telephone Email Address

+44 (0) 7423559449 myanwei@gmail.com 37 Alan Moss Road, Loughborough Leicestershire, UK LE11 5LR