EDUCATION 09/2019 - 12/2020
BASIC
University of Leeds, Leeds, UK
Adobe Illustrator
MA- Design (Digital and Interactive Design)
Adobe Photoshop
09/2015 - 06/2019 Wuhan University of Technology, Wuhan, China Hello, I am Tonia. My main research direction is interaction, product and service design. At the undergraduate stage, I focus on the design of small household products; at the master stage I am committed to human-oriented design, focusing on the overall design process and methodology, especially the research on user experience. I have a keen insight into life and I am also an empathetic person. I think design is not just about designing the product itself, but also about studying user behavior. A small change is enough to affect the user's daily habits. Therefore, we need to deliberate on the details to develop a reasonable and positive solution. In the future, I hope to become an interaction designer who contributes to a certain social scene and give users a better product experience.
SKILLS
BA- Product Design GPA- 3.82/4
INTERACTION Adobe XD Sketch Axure RP Principle
AWARDS PRODUCT
ART & DESIGN
Rhinoceros
12/2017
3rd prize of ‘The 4th Hubei University Students Cultural Creative Design Awards’
11/2017
Excellence Award of ‘The Sichuan·Taiwan Industrial Design Awards’
05/2017
1st Prize of ‘The 7th Campus Graffiti Contest’
OTHERS
03/2017
1st Prize of ‘The 8th Art Collection Exhibition’
Adobe Premiere
KeyShot AutoCAD
Adobe Lightroom Final Cut Pro
SCHOLARSHIP 11/2018
First-class scholarship
11/2017
Second-class scholarship
HOBBIES mochayleng123@gmail.com
OTHERS
+44 7421823847
06/2018
Excellent President of Student Union
coldskyang-
06/2020
Excellent undergraduate graduate
Video
Travel
Cooking
Game
01
02
03
04
05
06
Green Action
Gallery AR App
Self-Service Bag Drop
Month and Day
Portable Air Conditioner
Other Works
Climate Change App
Gallery AR App
Machine and App
Contact Lenses Box
Combine with Humidifier
Course Assignments
Interaction Design
Interaction Design
Interaction, Service and Product Design
Product Design
Product Design
Interaction & Product Design, Painting, etc.
01- 10
11- 22
23- 34
35- 46
47- 52
53- 60
01 ʻGREEN ACTIONʼ - CLIMATE CHANGE APP Interaction Design
Introduction Users can learn about the specific environmental protection actions that can be taken in the app, and earn points by completing the actions in the way of ‘Punch Card’, and develop environmental protection habits in an incentive way.
Aim The purpose is to encourage people to take effective actions to deal with the global problem of climate change.
Individual Project 2020.3- 2020.5 | Postgraduate
BACKGROUND
390
1.6
380
1.4
370
1.0
CO2 concentration
350
0.8
340
0.6
330
0.4
320
0.2
310 1850-1900 Baseline
300 290 280
1845
0.0 0.2 0.4
1845
1845
1845
Bad Human Behavior
74%
1.2
Earth surface temperature
360
Temperature change /℃
Atmospheric carbon dioxide concentration/ppm
Global climate change is a statistically significant change in the average state of the climate on a global scale or a change in climate over a long period of time. It can be caused by natural internal processes, or by external forcings, or by man-made changes in the composition of the atmosphere and land use.
1845
1845
1845
1845
1845
Impact of Climate Change
Human behaviour is responsible for 74% of global climate change, according to an article in “Nature Geoscience”
Burning Fossil Fuels
Automobile Exhaust
Household Garbage
Water Pollution
Felling Trees
Destroy The Land
Actions that People can take
Temperature Rise
Storms and Floods
Sea Level Rise
Shrinking Sea Ice
Melting Glaciers and Ice Sheets
Species Migration and Extinction
Use Public Transportation
Cycling
Use New Energy Vehicles
On Foot
Recycling
Use Energy-saving Products
Tree Planting
Water Conservation
Climate change has become a global environmental issue that people have paid close attention to and studied, and its harm to humans and ecosystems is immeasurable. To prevent this disaster, people must act now. 02
MARKET ANALYSIS Competitive Analysis
Goal Definition JouleBug
Features
LiveGreen
EcoCRED
• Encourage people to take action to deal with ‘climate change’
• Through the member recharge, advertising and other channels to obtain profits
• Raise citizens' awareness of environmental protection
Brands
• Acquire information on ‘Climate change’
Action/habits List Impact Summary
• Understand the effective actions people can take
Weekly Report Data Visualization
• Increase sales of eco-friendly products
• Establish a green and eco-friendly brand identity • Advocate the concept of eco-friendly life
• Really implement these actions
Ranking Eco-friendly Products Selling Popularization of Knowledge
SWOT Analysis
Rewards Plant Trees
Strength
Opportunity
Online Community
• This product is vacant in the app store in some countries
• Launch in similar product vacancy country
• In line with global sustainable development goals, a positive theme
• Collaborate with some mainstream apps
Colour Scheme Readability
Icon Definition
Usability
JouleBug LiveGreen
Hierarchy
Data Precision
EcoCRED
• Competing with similar products in some countries
Chart Visualization
Strengths
• The 'Actions' is very comprehensive • Clear leaderboard
Weaknesses
• Legibility is low • The hierarchy is not very clear
• Very creative • ‘Reforestation’ plan • The hierarchy is not clear and obvious • ‘Action’ incomplete
• Visual identity is clear and distinct • Nice icons and colors • The 'Home' page has too much content
Weakness
Threat
• Some data on carbon is difficult to calculate accurately
• Some data on carbon is difficult to calculate accurately
• Difficult to attract users for continuous use
• Difficult to attract users for continuous use
• Income method has limitations
• Income method has limitations 03
QUESTIONNAIRE Overview There are 66 valid questionnaires in this survey, most of them are students of Leeds University, age range is 18-23 years (63.64%), 24-29 (31.82%).
47
18 people
Most people think that Climate Change needs to be controlled urgently
27.27%
The Hazards of Climate Change that People have noticed 53 51 42 40
Species Migration and Extinction Sea Level Rise Storms and Floods
16
• These 2 actions benefit from different forms of publicity, such as donating waste products and ‘water saving’ posters in toilets • Many products are now developing in the direction of ‘energy saving’, but the user popularity is limited
• People feel that some actions are necessary and willing to do it. • People would like to know what specific actions can be taken
19.7% Do Not Know
• People are willing to download this app, but there are specific requirements for the app
15.15% Unwilling
Shrinking Sea Ice
65.15% Willing
Heat Waves Crop Yields Decline
Eco-friendly Actions You have done before • These 3 modes of travel are easy to implement, so many people perform
• People do pay attention to the problem of climate change and think it is very serious.
Attitudes towards Downloading the Climate Change App
Melting Glaciers and Ice Sheets
34 28
Most people believe that human beings can take some action to deal with climate change
Temperature Rise Extreme Weather
35
21
92.19%
90.91%
71.21%
people
Summary
Your Request for ʻClimate Changeʼ App Can specifically see how much my action 45 has contributed, supported by data
57 Walking and cycling
Receive the latest news 41 on global climate change
53 Use of public transport Female
Good interface design 42
39 Recycling Do not take me too much time 41
37 Water conservation
Tell me clearly and specifically 44 what actions I can take
28 Use the energy- saving products
• These 3 actions are simple to accomplish, but need to raise user awareness
15 Reduce electricity use
• The completion of these 2 actions requires certain conditions
12 Eat less meat 13 Tree planting
17 Buy less clothes 19 Use new energy vehicles
Male
Can popularize knowledge of climate change 35 The game features 19 Can see the ‘Contribution Points’ rankings 25
• In terms of functionality, users expressed their desire to see specific actions that can be done, as well as news, science knowledge, etc. • In terms of design, users would like to have a good interface design and the data can be visualized • Besides, users hope this app can encourage people to actually take some real actions rather than just raise awareness according to suggestions from users 04
INTERVIEW & PERSONA 1
“I have downloaded some similar 'Lifestyle' apps before, but it is often uninstalled after a while. Because their functions are too complicated and there is no user mechanism that particularly attracts me to continue to Brian use them. You know, I am very busy 32 with my work, so I only have some Software engineer fragmented time to use these apps.”
2
Ruby 23 Postgraduate
3
Daniel 45 Teacher
“To be honest, as a young person in this new era, I am very concerned about the issue of climate change, and I also hope to take some actions to improve it, but I do not know what specific actions to take and how many specific contributions I can make. Moreover, I often can not supervise myself to do these things.”
“I hope the content of this app can be visualized, especially some data, which will give people a sense of urgency. Perhaps it is also possible to tell people about the bad consequences of bad behavior on the environment, so as to motivate people to take some good actions.”
Goals
Frustrations
• Do not have to spend too much time on the app
• Time fragmentation
• Attractive user mechanisms, such as meaningful rewards • Ability to follow the latest climate change news and current events
• No attractive user mechanism keeps me using it • Can not accept apps that are too complex
Motivations Eco-friendly Social
Functionality
Achievement
Operability Appearance
Goals
Frustrations
• Tell me the specific actions I can take
• I do not know what specific actions I can take
• There are specific user mechanisms to supervise me to accomplish these actions
• Difficult to insist on taking some actions
• Not only raise my awareness, but also encourage me to implement it
• I do not know how much my action can actually contribute to this issue
Motivations Eco-friendly Social
Achievement
Frustrations
• Data visualization
• The interface content is too complicated, and the readability is low
Social
• I do not know what serious consequences the wrong behavior will bring
Achievement
• Give us a sense of urgency so that we can actually take some actions
Operability Appearance
Goals • Tell us about the bad consequences that bad behavior will cause or have caused to the environment
Functionality
• Lack of urgency to do some actions
Motivations Eco-friendly Functionality
Operability Appearance 05
IDEATION User Flow
Information Architecture Brief Introduction
Welcome
Home
Register or Login
Log In
Actions ʻClimate Changeʼ App
Registration
Community
News Actions Knowledges Photos Summary
Weekly Report Ranking List
Action List
Action Classification
Check what others have posted Post content (Text/Picture/Video) Personal Information
News
Log In
Actions
‘Home’ Module
Profile
Action List
Action
A brief introduction to an action
Action Complete Comments/Likes/Favorites
Name, Profile Photo, Individual Resume, etc. Score Reward
Setting First of all, conceive the app user flow and information architecture, and propose the basic app design concept. This process can sort out the app framework structure.
Knowledge
Paper Prototype
‘Community’ Module
Finished
Weekly Report
‘Actions’ Module
‘Profile’ Module
Unfinished
Ranking List
Click On The Completed Action
Achievement
The 'News' page of the' Home 'module
The 'Finished' page of the 'Action' module
The 'Unfinished' page of the 'Action' module
In addition, draw a sketch of the basic interface of the app, and test the rationality and experience of the basic interaction process between the interfaces through the paper prototype method. 06
WIREFRAME Introduction, Registration And Login
Welcome page App introduction
Slide the page check App features
ʻHomeʼ Module
Create an account and log in
ʻActionʼ Module: ʻFinishedʼ
Check out the news about climate change
Click 'Action' to check ‘Action list’
Click on an 'Action' to view the introduction
ʻActionʼ Module: ʻUnfinishedʼ
Based on the calculation of a citizen's commuting distance of 10 kilometers, if a citizen chooses to commute by bicycle, he can save at least 0.478 liters of gasoline a day and can save up to 1 liter of gasoline.
View today's ‘Finished actions’, scores, and contributions
Review the ‘Weekly report’
View the ‘Ranking list’
View ‘Unfinished actions’
Long press to display the action description
Click on an action and the 'done' window pops up 07
USER TESTING Low-fidelity Prototype
Usability Testing In order to verify whether users can complete the main functional steps of the app and check the rationality of each interface interaction, the method of usability testing is adopted. Tasks
This approach examines the rationality and fluidity of the basic functional interface, focusing primarily on functional design rather than vision.
High-fidelity Prototype
Number
Description
Maximum Time
01
Watch the introduction of the welcome page, successfully register an account and enter the home page
1 min
02
Go to the 'Action' page in the upper navigation and see the description of 'Cycling'
0.5 min
03
Watch the pictures in the ‘Photos’ interface
0.5 min
04
Go to the ‘Action’ module under navigation and complete the ‘Cycling’ action. The completion criterion is to pop up the ‘Congratulations’ page
1.5 min
05
Check out the ‘Ranking List’ and ‘Weekly Report’ in the ‘Action’ module
1 min
Records
Findings • The 'Summary' score and the number of actions in the 'Action' module are not very clear and should be highlighted In this way, the rationality, fluency and aesthetics of various elements in the interface are tested, including the interaction between each detail, visual readability, etc. The high-fidelity test is a holistic test.
• The background color of ‘CO2’ in ‘Summary’ in the ‘Action’ module is too light, the color should be weakened • If the user clicks on someone ’s profile photo in the ‘Ranking List’, users can see that their contribution will be better
Modern
Traditional
Simple
Complex
Reliable
Unreliable
Attractive Interesting
Unattractive Boring 08
USER INTERFACE
USER INTERFACE @3*($6"0#-,$*($/3,$3*23-*23/$6"0#-,$".$/3,$5++=$)3*%3$&*6($/"$1,%"10$/3,$&%/*"'($6&0,$7:$#(,1($&'0$(,,$/3,$%"'/1*7#/*"'($0*(+-&:,0$0*2*/&--:=$*'%-#0*'2$/3,$(+,%*.*%$1,0#%/*"'$ ".$8B$0&/&?
!"#$%&'$(,,$/3,$&%/*"'$ %"'/1*7#/*"'$6&0,$/"0&:$ C(+,%*.*%$&%/*"'=$8BD$ 1,0#%/*"'=$(%"1,=$,/%?E
!"#$%&'$4*,)$/3,$0*..,1,'/$ %&/,2"1*,($".$21,,'$ &%/*"'($*'$/3,$;5%/*"'$F*(/<$ &'0$(,,$/3,$8BD$ 1,0#%/*"'$0&/&$4*(#&--:
8-*%>$"'$&'$;5%/*"'<$/"$ (,,$/3,$0,/&*-(
!"#$%&'$2,/$+"*'/($&./,1$ :"#$3&4,$0"',$&'$&%/*"'
!"#$%&'$(,,$/3,$ &%/*"';G,,>$1,+"1/<
!"#$%&'$4*,)$;H&'>*'2$ F*(/<$*'$0*..,1,'/$&1,&(
09
FINAL OUTCOME
10
02 GALLERY AR APP OF UNIVERSITY OF LEEDS Interaction Design
Introduction An AR(Augmented Reality) app designed for the Stanley and Andrew Gallery of the University of Leeds. Users can scan paintings to obtain relevant information and experience interactive games.
Aim To enhance the viewing experience of visitors to the University of Leeds Gallery
User research part: Teamwork Other parts: Individual 2020.2- 2020.7 | Postgraduate
BACKGROUND
INTERVIEW
LEEDS UNIVERSITY LIBRARY GALLERIES
Type of Interview: Date:
(Teamwork) Face to Face
2020.02.07
Time:
10-15 minutes/person
Number of Participants:
8
HISTORY. IMAGINATION. ART. CULTURE
An App with AR function designed for Leeds University Art Gallery can directly scan paintings to obtain relevant information of works and experience interactive mini-games. The university of Leeds has a number of galleries and museums on campus, but The aim is to enhance the experience visitors have struggled to increase due to poor publicity and hidden locations. of visitors to the University of Leeds This project was commissioned by the relevant staff of the art museum to design Gallery. and develop an App with AR function to enhance user engagement and improve user experience during the exhibition.
DESIGN PROCESS • • • • •
Connecting the dots and building relationships between different citizens, stakeholders and partners.
DESIGN PRINCIPLES 1. Be People Centred 2. Communicate (Visually & Inclusively) 3. Collaborate & Co-Create 4. Iterate, Iterate, Iterate
OUTCOME
CHALLENGE
p
er
• Concept Generation • Concept Selection • Usability Test
el iv D
lo
e ev
ef in e
D
r
ve
co
is
D D
Literature Review Interview Observation Questionnaire Focus Group
METHODS BANK Explore, Shape, Build
Creating the conditions that allow innovation, including culture change, skills and mindset.
Design Council. 2019. The Double Diamond: 15 years on [Online]. [Accessed 03 September 2019]. Available from: https://www.designcouncil.org.uk/news-opinion/double-diamond-15-years
• • • • • • •
Information Architecture
Prototyping Design Development Usability Test Design Modification Usability Test Design Iteration
•©Design Design CouncilOutput 2019
Rebecca
Emily
Age: 19 Position: Undergraduate in arts at The University of Leeds
Age: 36 Position: Staff of the University of Leeds Gallery
• I know a little bit about AR technology. I have experienced VR glasses and visited immersive exhibitions.
• I haven't experienced the AR exhibition, but if it were, it would be interesting and our students would love it.
• It is helpful to scan the code to learn some information about the work, such as the creation process and history.
• Maybe add some interactive mini-games with AR.
• It may be more convenient and attractive to add some audio explanation and video introduction.
• May be able to add intelligent voice explanation capabilities. • If this App can improve the exhibition experience, I would like to download and use it.
Summary • Human-computer interaction and immersive exhibition methods can actually improve the viewing experience. • Users wish to present more information about the work, such as the creation process, historical stories, other works of the artist, etc. through scanning. • Usera hope there will be some video and intelligent audio playback so as to increase the interest of watching. • Some interactive games related to exhibitions can be appropriately added to attract more users' participation. 12
QUESTIONNAIRE
FOCUS GROUP
(Teamwork)
(Teamwork)
This questionnaire is mainly aimed at the topic of Art Gallery and AR. There are 65 valid questionnaires (female 44, male 21).
The focus group participants were mainly students from The University of Leeds, as they were the target users.
The questionnaire survey was carried out by other team members, and I only carried out data analysis and summary.
The focus group was carried out by other team members, and I only carried out data analysis and summary.
Reasons to Visit the Art Gallery
Frequency of Visit to Art Gallery Every Three Months Every Month Every Year or Less Each Semester Every Week By Chance
Art Appreciation Entertainment Educational Reason Professional Reason Increase Art Knowledge
20
.1 3
Have you ever experienced AR gallery?
Yes 35.9
Number of Participants:
7
Unit (%)
Do You Like the Way of Gallery AR App?
Neutrality 24.62%
No
30 minutes
13 2 3 .1
Unit (%)
6 4.1
Time:
.8
23 .6 24
2020.02.07
Face to Face
More interaction could make the exhibits more attractive
10 .8
4 3.1 6. 9
Date: 6.1 4.6
2.3
3 5 .4
Pass Time 1
Type of Interview:
No 7.61% Maybe 4.6%
Yes 63.16%
I want to see more information about the exhibits in a visual way
Maybe users can use mobile phone scanning to get some exhibit information
Summary • Users believe that the presentation of exhibits is very important and needs to be visual, clear and complete. • Users want the gallery to add some interactive ways, such as playing video and audio.
Why do you like art Gallery AR App? • Make visitors more convinced.
• Most participants already know something about AR and are happy to accept AR functionality.
• Easier access to exhibition information.
• More convenient, and avoid missing information.
• It would be very interesting to use AR mobile APP during the exhibition, preferably to see some creative process and background.
• Fun and cool, increasing user engagement.
• More user interaction with the exhibitions.
• Add a sense of reality and immersive experience.
13
CONCEPT GENERATION Concept 01
Concept 03
Scan the painting, get information about the paintings on the phone in real time.
Scan the painting and play the interactive mini-game "Spot the Difference".
Home Page You can browse the main exhibitions, events and address, etc.
Scanning Page You can directly see the basic information of each painting while scanning
You can see more information
Scanning Page Scan Painting
Play AR games Compare the difference between the original painting and the painting on the mobile phone
Find 5 differences and win
Concept 02 Scan the painting and display the immersive real picture of the subject in the painting. Users can zoom in to see the details of the photo and get an immersive feeling.
You can zoom in with two fingers You can switch to landscape mode
You can scan painting 14
USABILITY TEST This round of usability test adopts ‘Online Mode’. The user is presented with 3 design concepts, including its color theme, layout, and main features. Users were invited to rate three concepts on different dimensions, including 'functionality' and 'performance'.
Number of Participants
Results Analysis Color Scheme Functional Practicability
Layout
13
Concept 01 Concept 02
Test Process Answer the questionnaire 'basic background problem check the introduction and prototype to the 3 concepts Grade for ‘Performance’ and ‘Function’ of various criteria Choose favorite one concept Collect suggestion
Legibility
Questionnaire Link https://www.questionpro.com/a/TakeSurvey?tt=k97IyYbupGs%3D
Font
Hierarchy
Concept 03
Icon
CONCEPT ESTABLISHMENT Color
Layout
Function
Users have no obvious preference for color preference, so the ancient classical style of dark brown was chosen.
Concept 3 has the highest 'hierarchy' and 'readability' scores, so use this format
Although concept 2 has the highest score of ‘Functional Practicality’, the three main functions of the 3 concepts are selected and liked by users, and the three functions can be integrated. Moreover, this App is the main AR function, so all the 3 functions are finally included in it
15
INFORMATION ARCHITECTURE
16
CONCEPT DEVELOPMENT ʻHomeʼ Module
ʻExhibitionʼ Module
Check the gallery opening hours, addresses and other basic information
View exhibits by category
Explore different categories of exhibits
Explore different categories of exhibits
See the exhibit details
ʻScanʼ Module
Scan painting
Real-time display of painting information
Click to see the details
You can view the current real life scene of the environment in the painting
Play interactive games contrast with the original works of the gallery 17
USABILITY TEST- Online
USABILITY TEST- Offline Type:
Offline
Time:
Date:
2020.05.17
Number of Participants:
10minutes/person 5
Type:
Online
Time:
Date:
2020.05.14-17
Number of Participants:
Questionnaire Link
Link
Pre-question(Fill out before the test): https://www.questionpro.com/t/AQMxAZhYgH
Questionnaire:
Post-question(Fill out after test):
Demo Video:
https://www.questionpro.com/t/AQMxAZhYgQ
Task List
3minutes/person 17
https://www.questionpro.com/t/AQMxAZhPiC https://youtu.be/jRQ-NEfYxDY
Results Analysis Find address of the gallery
2
See the basic information about the painting ‘Whitelocks’
3
Scan the ’Whitelocks’ and view the 3D reality image, and switching to landscape
4
Check out the details of the ‘Whitelocks’ and click ‘Collect’ button
5
Scan the painting ‘Whitelocks’ and start the related interaction game ’Spot the Difference’
30s Reach the specified interface/click the specified button
Use 3 words to describe this app Useful Technological Interesting
50s
Informationalized Modern
1min 30s
Functional
100%
50s
.8 14 9 .8 14
30s
17. 02 17.02
Results Analysis User Completion Feedback
User ratings for each ʻFunctionʼ
I think most people can accomplish these tasks very quickly and correctly Overall, the task is easier to complete 4.2 5
3.
5
I am confident and sure when I finish the task
2.5 1.5
AR function-Scan to view 3D real image function Obtain basic exhibit information AR function-Scan to obtain exhibit information View exhibit categories Obtain information about the gallery Exhibits collection and sharing function AR function-Scan to play interactive mini games
User ratings for each ʻUsabilityʼ Integrity Visual recognition Legibility eliability Attractive Interestingness Ease of use
4.5
I still have some doubts when finishing the task
10.64
1
Do you think this App will improve the viewing experience?
9
Task
Maximum completion time
25.53
Number
Success Criteria
I feel I need guidance to complete these tasks Other Suggestions • Add more indicators, such as the scan prompt and the meaning of some icons • Perhaps the 'Visit' tab could be placed in the fourth • It would be better if audio could be played in the painting information interface
4.71 4.88 4.94 5.06 5.06 5.12 5.12
4.59 4.76 4.88 4.88 4.94 4.94 5.12 18
HI-FI PROTOTYPE
DESIGN ITERATION
Link
Before
Now
Before
Now
https://xd.adobe.com/view/b89beaf9-e72d-4884-57a0-f1527660c393-ceaa/?fullscreen&hints=off
Replace with the correct logo
Because there are more campus users
Clearer navigation
USER FEEDBACK Francisco Interaction design tutor from the School of Design
Laura Administrator of Leeds University Art Gallery
• Some aspects of the app’s design could be improved, including legibility, layout, and navigation.
• Incorrect logo
• Primary research, analysis and usability testing were very well developed and conducted.
• The spot the difference concept is a good, creative and interactive idea
• Overall, the design outcome is polished, coherent in style and explores interesting uses for AR.
More specific items A separate 'Scan' button
Clearer headlines
More explicit input boxes
Replace with simpler icons to make it easier to highlight the main body below
Clearer information content The dark color is replaced by the light color, which is more concise and clear
• The design looks a bit busy and cluttered The content hierarchy is more explicit Add two buttons to change the pop-up interface to a fixed interface
19
FINAL OUTCOME- Main Function Interface- AR Scanning
Scan painting
Real-time display of painting information
Click to see the details
You can view the current real life scene of the environment in the painting
Play interactive games contrast with the original works of the gallery 20
FLOW CHART Welcome and Login Pages
ʻVisitʼ Module
ʻHomeʼ Module
ʻExhibitionʼ Module
ʻScanningʼ Module
ʻScanningʼ Module
21
DESIGN OUTPUT
22
03 SELF-SERVICE BAG DROP AT THE TRAIN STATION Service Design
Interaction Design
Product Design
Introduction A series of luggage help services are provided to train travel users, including the design of hardware and software, the hardware is the self-service baggage check-in machine, and the software is the â&#x20AC;&#x2DC;Close Baggageâ&#x20AC;&#x2122; App.
Aim To reduce the pressure on users to travel on trains, especially during heavy holidays.
Individual Project 2018.12- 2019.6 | Undergraduate
RESEARCH Interview
Background At present, the self-service baggage check-in system at domestic and foreign airports has been gradually improved, but the existing train station self-service check-in system has many problems and deficiencies.
“ I often travel between cities and even different countries. I not only have to carry heavy luggage, but also bring my photography equipment. ”
In China, trains are long-distance transportation. Most people take trains to go to work, go to school, or travel, so they often carry a lot of luggage, especially when people go hometown on vacation.
Pain point Ben 35 Photographer
“ I often take trains to go to other cities for photography. Every time the luggage pressure is quite large, especially during holidays. You know, the passenger flow in the train station is huge during holidays, my luggage is a heavy burden on me, and I am also afraid that the photography equipment will be damaged. If there is a safe luggage check-in system at the train station, it will reduce a lot of pressure on me. ”
Every holiday, the flow of people is huge, and the luggage that people carry is also quite heavy
Large luggage area is larger than the luggage rack, easy to cause safety problems
When you travel alone, the luggage is difficult to take care of
“ My university is in another city, and I have to carry a lot of luggage whenever a new term begins and ends. ”
Jelly 19 Undergraduate
The existing railway station consignment system is very imperfect
The existing baggage coach is always full of luggage, difficult to distinguish, easy to damage
Luggage pressure is too high, it is very inconvenient to move
“ I am a northerner, but my university is in the south. Every time I go on vacation, I have to bring a lot of things back to my hometown, including computers, cameras, various clothes, etc. Basically, every time I go home alone, and I am very thin, and my strength is quite small, so every time I am afraid of the round trip process, it puts a lot of pressure on me. If there is such a convenient self-service luggage check-in system, I might be willing to try it, but it must be safe and efficient. ” 24
USER JOURNEY MAP At Home
Home - Taxi
Doing
Taxi arrival
Pack up
Put your luggage in the trunk
Thinking Feeling Pain point
Get in the car go to the train station
Get off with your luggage
book a car
• “ Wow, I have too much luggage! ”
• “ Haha, my reservation taxi arrived, so happy. ”
• “ My family has no time to pick me up, so I can only go to the railway station by myself. What a trouble! ”
• “ The driver is so considerate that he goes upstairs to help me carry my luggage. ” Happy
Worry
• No one picked me up
• Reduce the baggage burden • Be able to book a taxi quickly
Toilet
Eat
Get on a train
Get On The Train - Get Off
Place luggage
Get to the destination
Arrive at the railway station
Ticket and security check
• “ I finally got to the train station. There were so many people. It was so crowded! ” • “ What an inconvenience it is to carry so much luggage! ”
Check the tickets
• “ Waiting, I'm so bored. ” • “ I have to take the suitcase down the stairs, so tired! ”
Train start
Get Off The Train - Destination
Ticket Taxi Get to the check-in arrival destination
Get in the taxi
• “ I finally arrived at the station, so happy! ”
• “ Fortunately, there are other passengers to help me.I am very glad. ”
• “ Rush hour, I can't make a taxi appointment. I'm so depressed. ”
Joyful Upset
• The gate of the railway station is crowded • It is not convenient to check in with your luggage
• Someone helped carry the luggage
Booking of a taxi
Happy Anxiety
• Can not carry luggage, too heavy or too much
Get off the train
• “ The luggage is too heavy! I can't put it up! ”
Excited
Anxiety
• The luggage is heavy
Train Station - Get On The Train
Wait in the waiting room Take your luggage downstairs
Opportunity
Taxi - Train Station
• A parking shop closer to the railway station • Luggage can be checked and consigned directly
Boring
Tired
Collapse
• It is not convenient to go to a restaurant or toilet with your luggage
• On the train, huge luggage is inconvenient to put on the shelf
• During the waiting period, store your luggage at the railway station or consign
• Set up a special large baggage storage area, or check the luggage before boarding the train
Depressed • It is not convenient to go up and down with your luggage • Can not make a quick reservation to a taxi or a limousine • The luggage is delivered direct to the destination • Be able to book a car quickly 25
How ?
ECOLOGY MAP Ask Others App
Qr Code Elevator
hy ?
Courier
Information Accuracy
Laboursaving
Easy to Move
Prevent Mistake
Prevent Loss
Save Time Fast
Pinpoint
Convenient
Document Smart Phone Money Paraphernalia
Payment Software
W
Traffic
Express Box
t?
ha
App Qr Code Communications Equipment
Smart Product
Ticket
Ticketing Machine Wash Basin
Luggage Cabinet The Table on The Train
Face Recognition
Station Trunk of The Car
Porter
• Self-service baggage check-in machines will be set up at railway stations to reduce users' luggage burden
Home
Before Leaving
Forthwith Queue
Few People
Many People Indoors
Outside
Suitcase
Seat
Book In Advance
Rainy Day
Road Train Waiting For The Train
Ticket Barrier Toilet
Possibility • A special app is designed so that users with large luggage can quickly book a car
Driver
Bags Luggage Rack
Engineer
Windy
Extreme Weather Traffic Unobstructed
Winter
n?
Simplify Process
Baggage Check-in Check The Luggage Number Storage of Train Take a Car Ticket Inspector Make an Safety AppointMent Inspector
Waiter
he
Reduce The Labour Force
Shop Assistant
• Set up a storage area for large pieces of luggage in case they are taken wrong or lost
• The positioning system in the app can monitor the current location and status of the luggage in real time
W
W
Mutual Help
? ho
Improve Safety
Cleaner
W
Cost Reduction
Check Ticket Express Online Delivery
Supermarket Restaurant Tunnel Public Place
Where ?
Abroad
26
SYSTEM MAP
Driver helps with luggage
Car Driver
Give the driver a salary
Luggage Loader
Information transfer to the shipping point
Baggage check-in
Passenger
APP
Porter and Train Luggage Compartment
Service Provider
The courier sends the baggage to the user's home
Baggage Check Point
Get delivery information Give courier staff
Main Stakeholder
Inspection information
Give the baggage to the courier
Get passenger & courier basic information The passenger gave out his ticket
Presenting documents
Ticket Collector & Ticketing Device
LEGEND:
BAGGAGE HELP
Get shipping information
Car fare, freight, courier fee
The loader picks up and transports the baggage
Buy a train ticket, book a special car, fill in the shipping information
Transported to the shipping point based on information
Secondary Stakeholder
Ship to the designated car and take the baggage
Passenger & Driver Basic Information
Information Flow
Ticket Collector & Ticketing Device Material Flow
Courier Financial Flow 27
SERVICE BLUEPRINT Aware
Join
Customer Journey
Pay attention to the advertising of this app on a platform
Download the app, view the basic introduction and register to log in
Evidence
Online and offline advertising
Qr code, app store, this app
Use Buy train tickets in advance
Book a car for the day of the trip
App: â&#x20AC;&#x2DC;Ticket purchaseâ&#x20AC;&#x2122; interface
Develop
Leave
On the day of travel, arrive at the train station for self-service luggage check-in
On the train, check the luggage transportation status
When you arrive at your destination, pick up your luggage at the train station, or choose to send your luggage to your home
Pick up / Comment receive service and luggage recommend to friends
Self-service luggage check-in machine
App
Self-service luggage check-in machine and app
Machine or courier
App comments area/social media
Line of Interaction
Frontstage Actions
Let users notice this app and understand the basic functions
Provide a channel for users to download the app
Provide online ticketing platform
Provide car rental service
Provide self-service luggage check-in service
Provide luggage tracking service
Provide self-service luggage check-in service, support online payment
Self-service baggage collection or door-to-door delivery
Provide comment and share features
Event planning, advertising design and delivery, media scheduling
App design, development, testing, release and maintenance
Ticketing system design
Car-hailing system design
Hardware and software design of self-service shipping system
Baggage status tracking system
Self-service luggage check-in service and app whole system design
Arrange luggage transport -ation
Create a comment community and share service
Product and advertising designer, developers and Publisher
App store, App designers, developers and other relevant staff
App designers and developers, Payment platform partner, Vehicle supplier
Related design and developers, third-party payment platform
Design and development of luggage tracking system
Design and development of self-service luggage check-in machine and app, Courier companies and other partners
Line of Visibility
Backstage Actions Line of Internal Interaction
Supporter
Design and developer of app related functions 28
HARDWARE IDEATION • SlopedLuggage is easier to place and easier to carry
7
5
1 • The lower end is inward • The human body stands more comfortable
3
2
4
• Luggage protective case export (Optional item) • Protect luggage from damage
• Obtuse angleStand comfortably and safely
Concept Selection Selection Criteria Angle between screen and conveyor
• Slope shapeEasy to transport belt
2 Weight
8
6
• Contraction typeStand comfortably
5
4
8
Rating Weighted Score Rating Weighted Score Rating Weighted Score Rating Weighted Score
15%
4
0.6
4
0.6
3
0.45
2
0.3
Screen comfort (height, angle)
15%
4
0.6
3
0.45
4
0.6
4
0.6
The labor saving degree of placing luggage
15%
4
0.6
4
0.6
4
0.6
4
0.6
The floor space of the equipment
15%
3
0.45
3
0.45
3
0.45
4
0.6
Standing space size and safety
10%
4
0.4
4
0.4
3
0.3
3
0.3
Whether baggage scanning is convenient
10%
4
0.4
3
0.3
3
0.3
4
0.4
Baggage scanning security
15%
4
0.6
4
0.6
4
0.6
4
0.6
5%
4
0.2
4
0.2
4
0.2
4
0.2
The friendliness of the edges of the shell Total Score
3.85
3.6
3.5
3.6
Rank
1
2
4
2
Continue？ 29
HARDWARE OUTCOME
Signage: baggage specifications and banned goods
1450 mm
Operating platform
Baggage placement
Sleek and obtuse angleHuman standing is more comfortable and safe 1980 mm 30
SOFTWARE ‘APP’ IDEATION Information Architecture Plane Ticket Buy The Ticket
Train Ticket Coach Ticket Steamer Ticket Luggage List
Baggage Service
Luggage Check-in
Choose
One Way
Destination
Round Trip Payment
Inquire
Date
Fill In Personal Information
Select Time (Train/plane/coach/ship)
Travel Category
Activity
Nearby Consignment Point
Scan The Qr Code
Consignment Regulations
Luggage Storage
Scan The Qr Code
Luggage Delivery
Fill In The Information
Items
Complete Baggage Information
Check Baggage Information/take The Luggage Baggage Location
Payment
Airport Shuttle
Close Luggage Reserve A Vehicle
Train Shuttle
Fill In The Information
Start An Appointment
Wait
Taxi Car Rental
Fill In The Information
Order
Pay Deposit
Take The Vehicle Payment
My
Payment
All Orders
Records Query
Baggage Information
Locate Search
My Wallet
Balance
Return
Statistics Express Phone Number And Company Express Time
Discount Coupon
31
PROTOTYPE Lo-Fi Prototype
Hi-Fi Prototype 01 Register and Login
First, draw the basic functional interfaces on the paper, and how each interface interacts with each other.
02 Ticket
03 Vehicle
04 Baggage
User Testing
04 Baggage
05 Mine
And then, Invite target users to test the app on their mobile phones and make improvements. 32
FINAL OUTCOME
33
STORYBOARD Demo Video (
)
https://youtu.be/yJX6il6D9fQ
Open the app, register and log in
When you get to the train station, open the baggage service menu
Check train schedule and buy train tickets
Check out a nearby self-service baggage check - in point
Turn on the baggage list function and start packing
Check the maximum weight of luggage and prohibited items before checking in
Book a taxi ride before you go
Check baggage status in real time
34
04 ʻMONTH & DAYʼ - A CONTACT LENS CASE THAT RECORDS THE DATE Product Design
Introduction This is a contact lens case that can record the date. In addition to its main function of recording, it is also well suited to be carried when travelling for short periods.
Aim The purpose is to remind people of the date of contact lens wearing and to avoid eye problems caused by over-wearing.
Individual Project 2018.10-2018.12 | Undergraduate
RESEARCH Background
Pain Point
In China, the demand for vision correction is extremely high. About 75% of consumers aged 15-59 need correction, making it the world's highest proportion of people with corrected vision. Contact Lens Wear Rate
13%
25%
32%
35%
China (First-tier Cities)
USA
Japan
Hong Kong
The more developed countries and regions, the more consumers choose to wear contact lenses, the main reason is that consumers have more and more knowledge and acceptance of contact lenses, and the use of contact lenses can meet the needs of their lives.
Status Analysis
I forgot the opening date of the companion box?
I forgot the date of wearing my contact lenses?
Problem 1
Problem 2
Consequences !
Not replacing contact lenses in time
Not replacing the contact lens case in time
Cause eye diseases such as keratitis
Questionnaire Middle School
Most people choose short-term contact lenses such as bi-weekly and monthly
Contact lens wearer must use contact lens companion box
30%
71%
80%
Some people say they forget when they wear contact lenses.
Most people forget how long the contact lens box is in use.
Wearing it out of date can lead to eye problems.
VS.
Function
Performance
Record
Portability
Styling In many Developed Countries, contact lens boxes are Medical Devices
In many Developing Countries, the boxes are made of inferior materials which are produce in unclean environment
Capacity
Economy
Kit Tool
University
Many contact lens wearers are minors and their eyes are very fragile
How long is the shelf life of your contact lenses?
Operability
Sealability Material
High School
Durability Aesthetics ily Da ar l Ye ona as r Se ea f-y al H kly ee w Bi thly on
M
â&#x20AC;˘ Users are more concerned about the portability and sealing of contact lens boxes Contact lens box produces a lot of bacteria when it is used for a long time
Use 3 months / half a year contact lens box, colony number more than 100000!
â&#x20AC;˘ Users are more concerned about the recording function, capacity and material of contact lens boxes
Most people choose contact lenses with shorter periods, such as biweekly, monthly, etc. 36
PERSONA Tonia
| 28 | Graphic Designer
“ I often wear contact lenses, so I need a more convenient contact lens box. ” Goals • Maintain the health of the eyes • Carry a portable carry-on bag • Maintain a good spirit Frustrations • Forget the date of wearing contact lenses • Forget the date of the contact lens box • When traveling for a short period of time, the volume of the care solution box included in the contact lens case is too small, and it is not enough for a few days. And if take a whole bottle of care solution outIt, is very inconvenient because it is too heavy Preference • Wear Contact Lenses • Outdoor Activity • Travel • Makeup They are high-frequency contact lenses wearers who choose to wear transparent or colored contact lenses because they are comfortable or beautiful. They love makeup, travel and socializing, want to stay in good shape at all times, and they need a BOOK A portable, intimate or versatile contact lens box to facilitate their wearing at any time andCAimprove R wearing efficiency.
Motivations Social Convenience Fear Eco-friendly Efficiency 37
INTERVIEW
Name: Age:
Julian 35
“Wear contact lenses 2-3 times a week”
Pain Point
Pain Point
Travel to carry
Unable to record date
Opportunity
Opportunity
Portability and combination
Date of wear can be recorded
• There is no regular cleaning and replacement of contact lens boxes. I think the existing contact lens box sealing is not very good, easy to leak.
Pain Point
Pain Point
• When traveling, I always feel that the container of nursing liquid is not enough, and it is very heavy to carry a bottle alone.I hope the container of care liquid in the box is bigger. The best dosage is 5-6 days.
Forget to clean the contact lens case
The bottle is too big or too small for travelling
Opportunity
Opportunity
• I wear contact lenses when I go out to play and travel. I have been wearing contact lenses since university. I use contact lenses with a monthly deadline. • I have a lot of contact lenses, so I forget how long a pair was used and when I wore it.
Name: Age:
Florence 27
“Wear contact lenses 4-6 times a week”
• I have been wearing contact lenses since junior high. I have been wearing biweekly contact lenses for 13 years. • I wear contact lenses whenever I go out. I Always forget to wear time, because every two weeks to replace. • I usually use cell phone memos to record the date I wear them, but always forget the records, rarely wash the contact lens box, and do not remember how long it was used. • The existing contact lens box looks nice but has a single function. I would like to have a contact lens box that can help record the date. And I hope it's more human-machine, beautiful, and portable and I can carry it in my small handbag.
Prompt cleaning
A bottle of suitable size and easy to carry
Pain Point
Pain Point
Forgot to record due to inconvenience
Cleaning the box is irregular
Opportunity
Opportunity
Convenient to record
Prompt cleaning
Pain Point
Pain Point
Forget the date of the contact lens case
The bag is too small to carry
Opportunity
Opportunity
Record the date of use
Small and versatile
38
SCENARIO I have to travel for 5 days. Just bring my contact lens case with enough care solution capacity. I don't need a separate bottle of care solution. It's easy and portable. I can fit it into my small carry-on bag
1
Today I opened a new double-weekly disposable contact lens
The tweezers and suction cups in the contact lens case can be naturally air-dried inside, so that they will not be contaminated with bacteria in many waters
3
5
7 6
2
Three months passed, I have to change my contact lens case
4
Record the date of use of contact lenses and contact lens cases
Traveling back, the care solution in my contact lens case is just running out. The container capacity is suitable for short-term travel. I have a week to go. I have to clean my contact lens case
Two weeks have passed, I have to change my contact lenses
Need 1
Need 2
Need 3
Need 4
Need 5
Can record the wearing date of the contact lens.
There is enough contact lens solution in the box. It can be used for 5-7 days.
Recordable date of use of contact lens case
The auxiliary wearing tool in the contact lens case can be placed up to avoid contact with bacteria.
Contact lens case is beautiful and portable. It can fit into a small carry-on bag. 39
PRODUCT DEFINITION Mind Map
Product Design Specification 1. Performance • Has a contact lens mate box inside the box • The companion box lid records the date of use of each pair of contact lenses
Electronic record Rotation record Sealing property material
Word mark
Color mark
Self marking
Basic storage function
The identification of each pair of shelf life
Record the date of wearing
Turn over record
• Containing care solution carry case is of the 80ml capacity for at least 5 days
Slipping record
2. Storage Environment
Combination and separation
Wear tools
Reminding the replacement Left and right Contact lens boxes must be replaced for three months
Dry 3. Target Product Cost
Eyedrop
Automatic cleaning
A reasonable opening
• Contains tweezers, suction bars and mirrors
Nursing liquid
DESIGN CLASSIFICATION
Use of multiple contact lenses at the same time
Prevent damage
• Mate box lid can record the date of use of the contact lens case
10€ 4. Competitiveness
Replacement of nursing fluid
Easy to carry, suitable for the storage capacity of the item storage device 5. Materials Box
No stains
Plastic& Rubber 6. Aesthetics and Ergonomics A healthy and reliable image must be presented Safety; there should be no sharp protrusions, material health and environmental protection 7. Market Constraints Expected market: people wearing short-term contact lenses (such as bi-weekly throwing, monthly throwing) and wearing a higher frequency table 40
CONCEPT GENERATION
pointer
Box Shape
1
Round
Recording Mode
1
Pointer
Open Mode
1
Turn Over
2 Square
3 Ellipse
1
1
1
1
2
1
1
1
2
1
2
2
2 Scratch Card
2
1
1
2
1
2
2
2
1
2
2
2
2 Rotate
3
1
1
3
1
2
3
2
1
3
2
2
Concept 1 Square box body, record the date in the form of scratch card
High-capacity
Concept 2 Oval box that records the date by rotating the pointer Turn The Pointer
Concept 3 Se
tU
Scratch Card
p
A circular box that records dates by sliding a disk Tw e
ez
er
s
Sliding Disk
Turn The Pointer To Record The Month And Day 41
CONCEPT SELECTION Through three rounds of screening, the final design scheme was obtained and improved. The screening method is to extract the 9 most important properties of the product and score them by weight.
Sleek
To evaluate three initial schemes and three improved schemes
Each evaluation point was weighted for a second evaluation High-capacity
Moodboard Through three rounds of screening, the final design scheme was obtained and improved. The screening method is to extract the 9 most important properties of the product and score them by weight.
Turn the pointer Record the date
Ensure that the way to record the date is the most concise and easy to understand, the appearance is more in line with the man-machine, the capacity of nursing liquid is maximized under feasible conditions, and the box body is portable and suitable for carrying. 42
MOCK-UP Mock-up Making
Mock-up Testing
Mock-up 1
Test the rationality of 1 box cover pointer rotation mode, 2 box inner layout, 3 nursing liquid capacity and comfort of holding posture, and 4 portability to test whether the scheme is reasonable.
Make small boxes inside contact lens boxes, especially â&#x20AC;&#x2DC;Pointersâ&#x20AC;&#x2122; and scales that record dates.
Make a pointer to the lid
Write down the scale for 31 days
Mock-up 2
Check the layout inside the box
Check the mirror Angle
Make box case and nursing liquid container and mirror.
Make the main box
Make nursing liquid containers
To make the lid
Paste the mirror onto the lid
Test whether the pointer on the cover is easy to turn
Test whether the container is easy to take out and comfortable to hold
Test whether you can easily fit into a small handbag 43
USER BENEFIT Competitive Analysis This Product
Other Product Turn the pointer to record the date of use of the contact lens case
VS. Rotate the pointer to record the date
Contact lens logo
Can only see the left and right
VS. Stand up and dry naturally
Direct contact, water bacteria breeding
Contact lens case logo
VS. Large care solution container
The volume of the care solution is not enough
Advantage • The lid can record the date and avoid wearing expired contact lenses • The wearing tool is set up and can be dried naturally to avoid water-borne bacteria • Larger care solution storage space for long-distance travel
Turn the pointer to record the contact date of the contact lens
Add contact lens care solution 44
PRODUCT DETAILS Exploded View Shell
Logo Dye/Screen Print
Main Function Long needle record month
Absplastic/Injection Molding
Mirror Glass/Hot Bending
Nursing Liquid Container Plastic/Hot Bending
Suction Rod Glass/Hot Bending
Cover Plastic/Injection Molding
Hazelnut
Short needle recording day
Laser Engraving
Size 60mm
Plastic/Injection Molding
Outlet
Rubber/Calendering
Pointer
85mm
Rubber/Calendering
Plastic/Injection Molding
Bracket Plastic/Injection Molding
35mm
Rubber
Box Cover Abs Resin/Injection Molding
Material Shell Abs Resin/Injection Molding
Box Abs Resin/Injection Molding
This product is mainly made of Acrylonitrile Butadiene Styrene material, which has the characteristics of high strength, good toughness and easy processing. 45
FINAL OUTCOME
46
05 PORTABLE AIR CONDITIONER Product Design
Introduction A mobile air conditioner, the lower part is the air conditioner, and the top is the humidifier, which is a modular design.
Aim The purpose is to solve the users who live in dormitory or short-term rentals who are not convenient to install air conditioners.
Individual Project 2017.5- 2020.7 | Undergraduate
RESEARCH Background
Pain Point
China's highest temperature distribution map on August 2, 2018
Sales forecast of domestic air conditioners in China 6235.2
7016.5
6268.5
6045.6
2013
2014
2015
2016
8875.4
9320.0
2017
2018
In China, there are still some university dormitories without air-conditioning
Penetration rate of domestic intelligent air conditioning in China from 2014 to 2017
Every summer from July to September, most areas of central and eastern China are in a state of high temperature, and some are even over 40 degrees Celsius where people have to use air conditioning to cool down.
5.5%
9.2%
2014
2015
15.8%
2016
22.4%
2017
The utilization rate of household intelligent air conditioning is increasing year by year
There are many workers living in short - term rented houses
Market Research
Main selling points of air conditioning in Chinese market in 2018
Clean
Comfortable Intelligent
From the current market performance of each brand, the selling points like quiet, self-cleaning, high-end, intelligence, distinctive appearance, comfortable, energy-saving and other personalized points have been declared by the brands one after another.
Many rentals are too small, it is hard to set up some intelligence appliances such as air conditioners, humidifiers and purifiers, etc. 48
USER RESEARCH
MUSIC
Persona
MOVE “ Work in a big city, the residence is changing all the time, want a portable air conditioning. ”
LUCY
32 MOVIE
Frustrations
Goals
• Rent a house, the area is very small, inconvenient to install air conditioning
• Want a humidifier and air conditioning combined products.It’s easy to move
• Always move, not easy to buy vertical and hanging air conditioning
• The display screen has rich functions and can monitor indoor and outdoor weather at the same time
• Always move, not easy to buy vertical and hanging air conditioning
Interview
• “ The humidifier at home always needs to keep adding water, which is very troublesome. ”
• “ There are several rooms in the house, and the humidifier always needs to keep moving. ”
• “ Sometimes when I open the air conditioner indoors, I am not very clear about the temperature outdoors, which often make the temperature indoors even higher. ”
• “ It can timely remind of the dressing and give exact weather forecast displayed on the machine indoors. ”
Questionnaire Air conditioning and humidifier modular combination
Optimized display content, real-time monitoring of outdoor units, prompting real-time weather, dressing, road conditions
Network is associated with temperature, humidity, cleanliness, intelligent adjustment
Anti-cold wind design, wind direction,air volume, wind speed adjustment
Oxygen bar air conditioner, release oxygen molecules, keep breathing smooth
The cooling and heating speed is fast, the effect is obvious, and the wind effect is comfortable
Combined with UV light, it has a disinfection function, which can set the room to disinfect the person when they are not at home
Simple and elegant appearance, smooth and streamlined, modern
49
SCENARIO Real-time display of indoor and outdoor temperature and air conditions
BRAINSTORMING Color-changing led light bar showing air cleanliness Remind dressing, weather, temperature, road conditions, news...
Forget to turn off the air conditioner, you can use your phone to turn off
Air conditioning reminds me that traffic is smooth today, don't worry too much!
2 3 1
3
The humidifier can be removed and used separately
6
4 5 Modular combined humidifier with mobile air conditioning
Air cleanliness is very poor, air conditioning red light reminder
Needs • The display shows indoor and outdoor air information in real time
• Can be assembled with a humidifier or detachable
• Daily information such as dressing, road conditions, etc
• Prompt function when the air suddenly changes or the pollution is too large
• Light bar shows indoor air cleanliness in real time
• Internet access, real-time control of air conditioning through app 50
IDEATION Concept Selection
Disadvantage Hanging air conditioner is too high, not easy to operate
Humidifier
Disadvantage The humidifier is not well shaped and is difficult to handle; the drain is not easy to install
Disadvantage The hanging machine is too high to be easily taken
By analyzing the strengths and weaknesses of each concept, and scoring each functional item, the most appropriate concept is derived and the concept is developed. 51
FINAL OUTCOME Product Details Good Air Quality Air Cleanness Light Strip: Medium Poor Air Quality
Fog Hole Humidifier
Display Water Volume
Display and Button
Indoor and outdoor temperature, air cleanliness and humidity
Flabellum
Wide angle air supply, freely adjustable wind direction
Design Description A humidifier combined with mobile air conditioning products, in line with the needs of the majority of renters. The humidifier can be used separately under detachable conditions, and the mobile air conditioner is convenient to use.
Foundation 52
06 - 1 GARBAGE CLASSIFICATION GAME APP Interaction Design
Introduction An app design for a ‘Garbage Sorting’ game, the classification criteria refer to Shanghai’s garbage classification standards.
Aim The purpose is to raise the awareness of Chinese citizens about garbage sorting and make it easier for people to query the criteria for garbage sorting.
Individual Project 2019.10- 2019.12 | Postgraduate
DESIGN PROCESS Background Many countries in the world attach great importance to garbage classification, and have quite clear classification system and mechanism. However, in China, although the concept of garbage classification was put forward very early, it was not enforced compulsorily, which resulted in severe environmental pollution. At last on July 1, 2019, Shanghai, China, started the ‘Compulsory Trash Sorting’ for the first time. And in the near future, garbage classification will be enforced in more Chinese cities.
App How-to-video
Design Output
https://youtu.be/8Ct2GgUXklQ
Create an Account
Game Menu
Pain Point The Chinese people have just faced the challenge of compulsory waste classification, but there are still many people who do not have high awareness and interest in garbage classification.
Game in Progress
Game Over
This is because many people still feel that the standards for garbage classification are vague and that this matter is troublesome. How to increase public interest and understanding of waste classification has become a problem that needs to be solved. Round 1: Choice question Select the appropriate option
Round 2 & 3 • Move trash to the right bin • Find any garbage that meets the requirements
Ranking List
54
06 - 2 RECORDING AND PROMPTING ASSISTANT FOR THE ELDERLY Product Design
Interaction Design
Introduction An intelligent assistant robot design with recording and reminding functions.
Aim The purpose is to assist and remind the elder people who don not live with their children and have poor memory of important things.
Individual Project 2017.3- 2017.6 | Undergraduate
DESIGN PROCESS Empathy Map
Background
Think&Feel? ·I have to remember to prepare meals in advance on Saturday. ·Oh, I forgot when my daughter came to eat! ·I forgot to take medicine today, I am really annoying.I need to have a medication reminder
Empty nesters, generally refers to the elder people who live alone with no child beside, since the children all leave home at certain age. Nowadays, as more people has left home for study, work, and marriage, the number of empty nester is increasing which has made it a serious social problem needs to be pay more attention.
User Journey Map
Check the calendar
·I smell the soup burning.
·My daughter called and said she would be back for dinner on Saturday.
Say?
See? Blood Pressure
Calendar
Smell?
Hear?
Measuring blood pressure
·“Oh, my God, I forgot that I was cooking soup.” ·“Oh no!I forgot to take medicine again!”
·I have a lot of medicine kits. ·My soup is burnt.
Call Up Daughter calls
Do? Medicine Take the medicine
Record
Soup
Write a memo
make soup
Pain Point • Soup is a kind of traditional chinese food. Many old people are used to soup in traditional pots such as pressure cookers and casseroles (which take several hours), and they often forget the time of soup.
• Old people often forget the days on which the children may come back for meals and other the sort of trivial things. They are not accustomed to using mobile phones to record, and many elderly people are not used to typing.
·Clean up the burnt pot. ·Recall that I have taken medicine today.Record the type of medicine and the time of taking the medicine ·Call my daughter to re-determine the time.
Pain • Forget to take medicine
Gain • Prompt to take medicine
• Forget the cooking in the pot
• Time the soup and remind when it's ready
• Forget when my daughter will be back for dinner
• Convenient memo
• Since there is a variety of medicine to take, they often forget the take the specific one at certain times. 56
IDEATION Moo d Bo ard
More sleek
Acoustics
According to the user's needs and modeling reference, the concept is proposed, and the concept is scored and screened to get the best solution. 57
INFORMATION ARCHITECTURE
USE FLOW
Calendar
Menu
Drug
There is a dot "." below the date of the memo Record
Click on the microphone to make a voice memo
Set time reminders for different types of medications
Blood pressure
Health
Heart rate
Set timer reminders
Body temperature
Cooking
Set the time for regular reminders to check blood pressure:heart rate, and body temperature
Set the timer while cooking Regular voice reminder to avoid safety hazards caused by overtime cooking
Memo
Take notes by recording For old people who can't type
Game
Simple games
3
To pass the boring time of old people and avoid loneliness
Music
Insert a memory card or mobile phone bluetooth connection To pass the boring time of old people and avoid loneliness
Set the reminder time for each drug
Set the time of soup making, then remind 58
06 - 3 PHOTOGRAPHY
Reykjavik, Iceland 2019.12
Product Sketching
Watercolour
Illustration
06 - 4 SKETCH, WATERCOLOR, POSTER, ETC.
Graphic Poster
Portrait
2015- 2018