I N DUSTRI A L DESI GN
I N TERA C TI O N DESI GN
作品集
PORTFOLIO WANG, YU-ROU
王
喻
柔 Design collections
YUR OU WA N G'S P OR TF OL I O
2021
PORTFOLIO WANG, YU-ROU
WANG, YU-ROU # Clear Logic # Active # Love Observation # Focus on Details From design to life, I like to break away from the existing framework
in a reasonable logic to propose creative and aesthetic ideas for the things. In addition to class at school, I also put my design sense in
various event planning, joined the developemt teams to develop products and was intern in design brands. I have passion to accept
new knowledge and challenges from all parties, and adjust my pace from it, make it become my design nutrient.
王 喻柔
WANG, YU-ROU Tainan, Taiwan 1995, 2, 28
booboo0590@gmail.com +886 975 311 236
EDUCATION
2018 - Now
National Cheng Kung University Tainan, Taiwan Master
Department of Industrial Design
2013 - 2017 National Kaohsiung Normal University Kaohsiung, Taiwan Bachelor
SKILLS
Design
Department of Industrial Design
Research
Communication
Evaluation Grid Method
User Interface design
Ideation sketching
In-depth Interviews
3D Rendering
Protocal Analysis
Model making Prototyping
Design thinking
Miryoku Engineering Persona & Scenario
LANGUAGE
Taiwanese
Native
English
IELTS 7.0 / TOEIC 870
Chinese
Japanese
Native
Learning
2D 3D UI
Graphic / Layout design Coding
Python, CSS/Html/JS
SOFTWARE
Adobe AI / PS / ID
Solidworks / Rhino / Keyshot Grasshopper / Autocad Adobe XD / Sketch
INTERNSHIP
Jiatong Wood Industry Inc.
July 2015 - August 2015 in Dong Nai, Vietnam
Jiatong is mainly engaged in the design and manufacture of wooden furniture. I mainly learned the
knowledge of types of wood, manufactiring process of wood and wooden furniture by redesigning
and prototyping wooden furniture in person, and conducted design proposal, discussed new furniture with RD, and made 1:1 prototype. Uanuan Steel Art
July 2016 - August 2016 in Tainan, Taiwan
Uanuan Steel Art was originally a stainless steel factory in Tainan and has transfered into a design
brand. I learned the characteristics, applications and the manufacturing process of stainless steel, figured out the demands of the company and customers, conducted proposal, discussed the stainless steel product with the company and made prototypes. Planett Experimental Creative Space
March 2018 - May 2018 in Tainan, Taiwan
Planett is a co-working space linking local culture and traditional industry resources to provide
young creative workers in Tainan with a cross-disciplinary cooperation platform. I was mainly responsible for interviewing the creative workers, oberserving their habits, lifestyle etc., analysis their demands in co-working space and having the information design output.
EXIBITION
2017 YODEX Young Designers' Exhibition
Exhibitor
2017 Waves Oncoming - New Generation Designer Exhibition 2017 Vision - NKNU Industrial Design Graduation Exhibition
2016 It flows - NKNU Industrial Design Department Exhibition
EXPERIENCE
2019
Sweet Sound Festival
2019
NCKU i-Path Mobile Resume Application
2019 2019 2019 2019 2018 2018 2018
2017 2017
2017
2016
AWARDS
Director of Design
MapTravel Application Development Team D-camp International Workshop
Exhibitor
UI Designer
UI Designer
Event Organizer
International Conference of Planning and Design International Joint Design Workshop @TJU Sweet Sound Festival
Exhibitor
Exhibitor / Publication Editor
Participant
Participant
Director of Design
Lean Pricipal Based Service Design Workshop @Seoul
Participant
Vision - NKNU Industrial Design Graduation Exhibition
Publication Editor
Eyesee.land Community Platform Project
UI Designer
Moe Scholarship Program for Overseas Study Architecture and Landscape NCKU x Bank SinoPac Future Banking Project
Information Design
Intersection - NKNU Industrial Design Department Magazine
Website Designer
Designer
2019 International Joint Design Workshop @TJU
Third Place
2017 Best of Young Pin Design Award Product Design Category
Finalist
2018 MediaTek Smart Hometown Digital Social Innovation Competition 2017 Best of Young Pin Design Award Craft Design Category
2017 Young Pin Design Special Sponsorship Award Craft Design Category 2017 Golden Pin Concept Design Award Product Design Category 2017 Cross-strait Industrial Design Awards Concept Category
Potential Award Finalist Finalist Finalist
Future Star Award
04 DESIGN PROJECTS
99 SIDE WORKS
05
Qianmo modern tea set
100
About H RWD website for H development team
31
Yapsule portable cutlery set
101
Vision Zine graduation design collections book
49
Air-plan air pollution protection system
103
Mocloud temperature sensing lamp
63
Trumar car-hailing system for the old
104
Kimochi travel mood sharing app
77
Shrewd rental management app
01
Qianmo modern tea set
02
Yapsule portable cutlery set
03
Air-plan air pollution protection system
04
Trumar car-hailing system
05
Shrewd rental management app
04
Design Projects
0505
01 Qianmo Tea Set
01 Qianmo Tea Set
遠近高低各不同
橫看成嶺側成峰
AWARDS
2017 BEST OF YOUNG PIN DESIGN AWARD Product Design Category
Finalist
2017 YOUNG PIN DESIGN SPECIAL SPONSORSHIP AWARD Craft Design Category
Finalist
2017 BEST OF YOUNG PIN DESIGN AWARD Craft Design Category
2017 GOLDEN PIN CONCEPT DESIGN AWARD Product Design Category 2017 CROSS-STRAIT INDUSTRIAL DESIGN AWARDS Concept Category
Finalist Finalist
Future Star Award
06
01
Qianmo tea set
product design
'Qianmo' is the tea set that we use the contour lines to interpret the landscape
of mountains. The ring lines on the tea plate represent the various heights of mountains and the unreal atmosphere between the clouds and mountains.
Category
Product Design
Co-designer
07
Tools
Yo-hong Guo
Solidworks Rhino Cinema4D Keyshot Illustrator Photoshop
01 Qianmo Tea Set
Design concept Tea set x contour lines Combining familiar things 'tea set' and 'contour lines', and taking the essence and characteristics of them,
design a new type of tea set. Through the ring lines that symbols the contour lines, the shape and the height of each tea ware are drawn on the tea tray and show the undulates of the mountain peaks.
08
Design Projects
01 Qianmo Tea Set
New life experience Not only the mountain views, you can feel the sense of space between 2D and 3D is connected through
the contour lines. This can bring the feeling between
realism and virtuality to the audience, and make the
impression of this product more vivid and resonate with them.
09
01 Qianmo Tea Set
10
Design Projects
01 Qianmo Tea Set
Design Background
Same mountains, different views
People view the mountains from different perspectives or in different seasons, and the mountain shape would also
changes. Because of this characteristic of the mountain, since the ancient times, there is no lack of the imagination of mountain shapes.
Think outside the box
Taiwan, where we were born, is an island which has the largest number and density of high mountains in the world. So we want to interpret 'mountain', an element that is close to our life experience, from a different perspective, make the designed product can express the beauty of mountains and easy resonate with viewers.
11
01 Qianmo Tea Set
Inspiration Contour lines Contour lines are generally familiar geographic terms that is a curve joins points of equal elevation above a given level. It is a plane section of the threedimensional graph of the function f(x, y) parallel to
the (x, y)-plane. Only through the lines on the paper,
you can recognize the three-dimensional terrain conditions of an area.
Apply contour lines on tea set design
We think of each tea ware as mountain and apply contour lines on the tea ware. Based on the concept of contour lines, the shape of each tea ware is generated along the closed lines on the tea tray.
12
Design Projects
01 Qianmo Tea Set
Design Features Details Tea set for 1-2 people
The shape and configuration of the tea set is more concise than the ordinary tea set. The whole atmosphere of
using it is quiet, fresh, comfortable, and clean. Because the overall poetic and aesthetic sense of the tea set, when drinking tea, the spiritual level has also been elevated to the state of art.
13
01 Qianmo Tea Set
14
Design Projects
01 Qianmo Tea Set
Components Qianmo includes 1 teapot, 1 teapot lid, 2 tea cups for drinking, 2 tea cups for smelling, 1 tea serving pot and 1 tea tray. The previos 5 kinds of tea wares are placed along the contour lines on the tea tray.
teapot and teapot lid
15
tea cups for drinking and for smelling
tea serving pot
01 Qianmo Tea Set
16
Design Projects
01 Qianmo Tea Set
Form follows function Depending on how the tea set is used, changes are made in the 2D countour line map and 3D modelings. Let the form of tea set follows its fuction so as to make each tea ware functional and aesthetic.
Teacup for drinking
The concave of the cup provides a
point of application for better hold the teacup.
another form of teacup for drinking
The double recess is called the grip,
Tea Serving Pot
17
Pour tea with the tip of the tip.
01 Qianmo Tea Set
The concave of the cup provides a point of application for better hold the teacup.
another form of teacup for smelling
Teacup for smelling
The last layer is lifted so a handle of
Teapot Lid
lid is created and also have a little fun in shape of lid which approach is different from other tea sets.
18
Design Projects
01 Qianmo Tea Set
Invisible handle for teapot lid Follow the shape of the lid, naturally lift the lid and place it on the teapot. The reason we do not use the obvious handle of the
lid is that it does not conform to the same shape rules for tea sets and destroy the whole sense of tea set.
The aesthetic feeling after placing lid on teapot is considered so the overall shape after putting them together is smooth. The color that gradually changes from green to white and to green makes the scenes so elegant.
19
01 Qianmo Tea Set
20
Design Projects
01 Qianmo Tea Set
The dry tea brewing method we choose Compared with the wet tea-brewing method, it is more simple and elegant since the excess water is not poured into the tray but into the trash can when brewing. The table can be more neat and easier to clear.
21
01 Qianmo Tea Set
Also, there is no need to have a thick tea tray to store excess water, so the thickness of the tray could be reduced, which makes the presense of tea sets more elegant than ordinary tea sets.
22
Design Projects
01 Qianmo Tea Set
From part to whole, match the same icon Through contour lines, the tea wares share the same generation method. And the close
relationship between each tea set could be felt by contour lines connecting the tea sets at various positions.
23
01 Qianmo Tea Set
Also, choose green and white as only two color of products to make the tea wares and the tea tray form a more
vivid montain view, which present the unreal atmosphere between the clouds and mountains. And through the square-shaped tea tray, have blank space to spread the lines and the sense of Zen.
24
Design Projects
01 Qianmo Tea Set
Scenery on the table Whether you use it or not, putting Qianmo on the table is a beautiful scenery.
01
use
In the square tea tray, tea wares
are turned over for use and the process of tea tasting has both beauty and poetry.
02
after use
After tea tasting, turn tea wares over to dry, ritually end the tea
time and return to the mountain view .
25
01 Qianmo Tea Set
26
Design Projects
27
01 Qianmo Tea Set
01 Qianmo Tea Set
28
Design Projects
29
01 Qianmo Tea Set
01 Qianmo Tea Set
30
02
Yapsule
portable cutlery set product design
'Yapsule' is a portable cutlery set that is easy to clean, easy to carry and has
a sense of design through the characteristics of materials and other design details thereby increasing the willing to take it outdoors to use. This is the 'UANAUAN' internship design project.
Category
Product Design
Co-designer
31
Tools
Ting-chieh Chen I-hsiang Chen
Solidworks Keyshot Illustrator Photoshop
02 Yapsule
Design Target Increase willingness to use environmentally friendly cutlery Let t h o s e w h o d o n ot h a v e t h e h a b i t o f u s i n g
environmentally friendly cultery be willing to take the
portable cultery set outdoors for use. While enjoying
life, reduce the use of single-use cutlery and be more environmentally friendly.
Design Concept Brand spirit x material application x lifestyle product Based on the brand image and spirit of "UANUAN STEEL" and the limatation of mass production, we apply the
characteristics of stainless steel and silicone and other design details on portable cutlery set to make it easy to clean, easy to carry and has a sense of design so as to increase the willing to take it outdoors to use.
32
Design Projects
02
Yapsule Portable Cutlery Set
Design Features Details
The whole portable cutlery set includes a pair of chopsticks, a spoon and a box. The chopsticks and spoon are be set on one silicone side of the case.
material : Stainless Steel ‧Food Grade Silicone
The environmentally friendly and non-toxic properties of the stainless steel and silicone prevent the use of cutlery with health and environmental concerns.
33
02 Yapsule
Change the cold image of metal products to gentle image Use deep drawing technology to make the metal parts reach a more arcuate finished product, break through the cold texture of the stainless steel, and make the whole cutlery set feel gentle and comfortable to hold.
Unused cutlery would not get dirty with used one Since the spoons and chopsticks are placed separately, even if the user only uses the spoon or chopsticks and then puts them back in the case without washing, unused one would not get dirty with used one.
34
Design Projects
02
Yapsule Portable Cutlery Set
normal
Easy to clean Compared to other kinds of cutlery set, the depth of the box is shallow, so no need to use a brush or hand to reach deep into the box to clean.
35
Yapsule
02 Yapsule
Easy to carry out size : 122 x 45 x 38 mm
The size that you can grasp in one hand, whether it is a pocket or a bag, is very convenient, which further increases the user's willingness to take it out.
36
Design Projects
02
Yapsule Portable Cutlery Set
Silicone inner layer Silicone is used as the material for the inner layer to fix cutlery position to reduce the collision noise between tableware and outer box and let the cutlery case like the home of chopsticks and spoon. Also, silicone is oil resistant, the inner layer is easy to clean after placing used chopsticks and spoon.
Silicone inner layer
37
02 Yapsule
Chopsticks & Spoon The folding cutlery reduces the overall volume of the cutlery box and is convenient to carry.
The handles are made of silicone, and the parts that touch the mouth are made of stainless steel.
Chopsticks Utilizing the elasticity and friction of silicone and tolerance, the hexagonal end is inserted into the round
end, which is tightly combined, and it is not easy to fall apart when eating.
The two ends of the tenon are hexagonal and circular. Sillicone
Stainless steel
Hexagonal force points are easier to insert than circular ones
38
Design Projects
02
Yapsule Portable Cutlery Set
Spoon Unscrew the handle for use. Utilizing the elasticity and friction of the material, it can be rotated 360 degrees and fixed , so that both left and right handers can use it..
These two are the joint point of the tenon. In these two places, the two ends of the components be overlapped and fixed after rotating for one clockwise or counterclockwise.
39
02 Yapsule
Design Background
Modern urban life, throw-away culture Modern people have become accustomed to convenient life so that the conveniences plastics offer, however, led to
a throw-away culture. While walking outdoors to enjoy life, especially eating out and getting takeaway, people are used to using one-use cultery to enjoy their meals.
Plastic pollution from single-use cultery Single-use plastic cultery is convenient, but it is a prime source of plastic pollution swept into waterways and oceans, where they partially degrade, harming mariane life and human life. These products have a lifespan of mere minutes to hours, yet they may persist in the environment for hundreds of years.
40
Design Projects
02
Yapsule Portable Cutlery Set
Design Process Brand Background Uanuan
A brand has their own stainless steel foundry. Looking forward to breaking the cold
feeling of stainless steel, bringing people closer to the environment, and taking nature from nature to make the product life endless.
Brand Sprirt Our design challenge:
environmentally friendly and sustainable
healthy and safe
easy to bring
Based on the brand image and concept, cooperate with the technical guidance of the foundry to overcome the limitations of the materials and mass production to redesign the common household items.
According to the brand's current development plan (design for Urban Life), we selected portable cutlery as the design object.
Market Research
Analyze the current status of the design of the cutlery set on the market. In addition to the price and brand, unify the advantages and disadvantages of each product and unify the survey results.
Have a basic understanding of the products on the market, so that we can find breakthrough points later and make market differentiation.
41
02 Yapsule
Jouney map Through the journey map, according to our own experience using the cultery set, in the process from going out
to eating, summarize the usage problems in each stage, as a basic guide to the questionnaire, to sort out the questions to make questionnaire.
Questionare After summarizing the usage problems, a set of cloud questionnaires were designed and distributed to the public for filling.
42
Design Projects
02
Yapsule Portable Cutlery Set
Survey Result 01 Age 55.4
under20
14.3
21-25
12.5
(%)
41-45
Other
02 Job 35
design related
4
student
4
13
homemaker
( the number of people)
businessman/ service worker/ civil servant
03 Material preferences for cutlery 58.9
First choice
25
stainless steel
Second choice
26.8
19.6
wood/bamboo
10.7
stainless steel
8.9 7.1
plastic
41.1
wood/bamboo
plastic
(%)
paddy/corn
(%)
paddy/corn
About 85% prefer stainless steel as the material of protable cutlery set
43
02 Yapsule
05 Frequency of using environmentally friendly cutlery
04 Willingness to use environmentally
Most people currently do not have a habit of using
friendly cutlery
Most people are willing to use
environmentally friendly tableware
Therefore, If the design of tableware is improved, most people can change their habits.
05 Distress level of the problem in user journey map The points that people find
t ro u b l e d a re s co re d o n a scale of 1-5, and the results
are made into a map of user experience (next page).
Screenshout of the questionarre
44
Design Projects
02
Yapsule Portable Cutlery Set
Experiencer Maps The points that people find troubled are scored on a scale of 1-5, and the results are made into a map of user experience.
The commonly found problems are: 1 Forget to take out (3.71)
2 Lazy to clean after use (3.64)
3 Clean and put together (3.96)
Design Direction According to the results summarized by the user experience map, the commonly troubled problems are solved in three design directions
Easy to clean
Easy to carry
have sense of design
Design goal: Let those who do not have the habit of using environmentally friendly tableware be willing to take the tableware bag out for use.
45
02 Yapsule
Sketch & modelring The shape and configuration of the tea set is more concise than the ordinary tea set. The whole
atmosphere of using it is quiet, fresh, comfortable, and clean. Because the overall poetic and aesthetic sense of the tea set, when drinking tea, the spiritual level has also been elevated to the state of art.
46
Design Projects
47
02
Yapsule Portable Cutlery Set
02 Yapsule
48
03
Air-plan
mask+vending machine system
Air-plan is a service system that allows people to breathe fresh air in the city. This system includes air pollution protection mask, Air-Maxk, and mask sailing and recycling machine, Air-station.
Category
Product Design + Service system
Co-designer
49
Tools
Ting-chieh Chen Yi-hsuan Kuo Kai-yu Huang
Rhino Creo Keyshot Illustrator Photoshop
03 Air-plan
Design Concept Breathe in the fresh air by Air-Plan. Air-plan is a service system that allows people to breathe fresh air in the city. This system includes air pollution protection mask, Air-Maxk, and mask sailing and recycling machine, Air-station.
+
module mask design
vending machine
Target A
Raise awareness about air pollution protection Through the air pollution prompting design of Air-maxk and the public construction of the service
system, the public could notice the seriousness of air pollution and enhances the awareness of air pollution protection.
B
Reduce the health effects of air pollution The setting of the vending machine also lets commuters to get the protective mask immediately so as to reduce the health effects caused by air pollution.
50
Design Projects
03 Air-plan
Design Features
Air-Maxk Module mask design All the parts are separated. Users can replace the filters or other parts according to the air pollution situation and their needs, so as to avoid waste and pollution caused by throwing away the entire mask at one time.
Straps Users can adjust the way the strap is fixed to the mask according to their own habits.
earloop
tie-on
Mask Lining The replaceable fabric lining absorbs the internal
moisture and provides three flavors for users to choose, to reduce the odor and change the mood .
51
sun mint floral
03 Air-plan
Air-Maxk Outer layer The silicone outer layer is tailored according to the
user's face. It can fit the user's face comfortably and be reused for environmental protection.
Filters Filters with different degrees of protection are provided according to air pollution levels. Good Unhealthy for Sensitive Groups Very Unhealthy
Alert others to pay attention to air pollution and wear masks Because filters with different degrees of protection have different colors, passersby can know the current
degree of air pollution when they see the filter color of the Air-maxk that users wear, which like a walking air pollution reminders, alert passersby to wear masks so as to protect air pollution .
!!
52
Design Projects
03 Air-plan
Air-Plan
Breathe in the fresh air by Air-Plan.
Air-plan is a service system that allows people to breathe fresh air in the city. This system includes air pollution protection mask, Air-Maxk, and mask sailing and recycling machine, Air-station.
Producing, selling and recycling Air-Maxk Location
It will be installed at the public transport station,
allowing people to complete protection before leaving indoor during commuting. Purchase Side
Recycle Side
Lighting Warning light The color of light which indicates different levels of air pollution would change as the
current air pollution index (AQI) changes, which allow people at the station know the
air condition and take protection against air pollution.
Different warning light color of AQI : Good ( 0-50 )
Moderate ( 51-100 )
Unhealthy for Sensitive Groups ( 101-150 ) Unhealthy ( 151-200 )
Very Unhealthy ( 201-300 )
Air quality information The Air-station is able to present the air quality index provided by iot information for hours before and after.
53
03 Air-plan
Vending Masks, filters and belts are vended in this area and
can be paid by electronic payment. The mask will
be printed according to the shape of the user's face through the detector. There is also an aroma experience zone where the user can choose the lining scent they like.
Recycling The used mask lining and filter can be recycled.
The QR code on the lining, filter and mask can be scanned for recycling and get a discount of masks or other parts, which encourage users to contribute to environmental protection.
54
Design Projects
03 Air-plan
User Journey
55
A
Purchase a new Air-maxk
B
Alerted by the light of Air-station
C
Recycle the item of Air-maxk
D
Replace the item of Air-maxk
03 Air-plan
Design Background
Increasing awareness of resisting air pollution In recent years, the policy promoted by the Executive Yuan has improved air pollution as an important implementation direction. The EPA pointed out that the results of monitoring PM2.5 showed that most cities exceeded the standard. Air pollution problems have caused more and more people to resist bad air.
Disposable masks are used heavily The majority of people tend to use disposable masks to resist air pollution no matter in summer or in winter,
espicially in Asian countries. Since disposable masks need to be replaced at most once a day, there is a great demand for masks, so a large number of disposable masks are manufactured, used and discarded.
56
Design Projects
03 Air-plan
Design Process Literature Review
The use of disposable masks The air pollution has become a major social issue and a
problem that people must solve. Nowadays, most people choose to use masks to resist air pollution.
The problem of disposable masks However, according to the study by the Ministry of Health and Welfare, most of the commercially available disposable masks
have not effectively resisted PM2.5, and one-time use mask can also cause environmental damage.
poor prevention
waste of masks
Market Research Analyze the current status of the design of the masks and other air pollution protection in the market. In addition to the price and technology used, unify the advantages and disadvantages of each product.
57
03 Air-plan
Concept Development
Analysis Focus on three points from the concept development. Therefore, the concept of a mask vending machine located at a transportation hub, sold and recycled masks has produced.
The mask could be reused and recycled
According to the level of air pollution provide different masks.
The mask could be more easily obtained.
58
Design Projects
03 Air-plan
Sketch For the shape of the mask, how to wear it, how to place filters without looking awkward and the whole visual sense of masks.
59
03 Air-plan
For the form of the vending machine, the configuration of the interface, how to place and separate the buying and recycling areas, the form of lights that could show and remind the level of air pollution and its placement.
60
Design Projects
61
03 Air-plan
03 Air-plan
62
04
Trumar
device for car-hailing
System
'Trumar' is a car-hailing service system including a car-hailing device and a
presetting app. When the elderly need to go out alone, they can use the car-
hailing device to call taxis without using smartphones or asking for help from other family memebers.
Category
Product Design + app design
Co-designer
63
Tools
Kai-yu Huang Shan-chen Lin Chun-ru Tai Chun-yao Yeh Tzu-hui Chiang
Arduino C# solidworks keyshot Illustrator
04 Trumar
Design Concept Friendly car-hailing system based on the habits of the elderly using devices A car-hailing service system includes an app and a device. Through the app, seniors' relatives set the basic information of seniors and the places where they often go out. When seniors need to go out alone, they can directly use the car-hailing device to call taxis without using smartphones or asking for help from others.
Design Goal Increase the willingness of the elderly to go out With the friendly design for the elderly, the elderly will not feel resistance when using the device, and will feel confident in operating and going out alone, thereby increasing the willingness of the elderly to go out.
64
Design Projects
04
Trumar car-hailing system
Design Features detail The whole system has one car-hailing device that have elderly order a taxi by themselves and an app that let their family set more details of taxi preferences and contact information for elderly. The elderly can directly call for a taxi on the device by themselves after their family set on the app.
car-hailing device / for the elderly
app for presetting / for their family
Work flow The family of the elderly set the common destinations and contact information in advance via app. The app would send these information to car-hailing devices and computer via Arduino.
1
family set basic information in advance
2
App send information to computer and device
3
the elderly enter time and destination and press 'ok'
4
send order to the taxi service center
5
the service center dispatch the car
Then the elderly set the time to go out through the devices, select the destination with the button, and finally press
the confirmation button to call a taxi. Arduino will notify the app user when and where to go. After receiving this information, the app will send a message to the service center to dispatch the car.
65
04 Trumar
App preset the destination and the needs of taxi-hailing for device send the setting to device
When app is opened, it actively connect to the audiono to act as a communication bridge between the app and the device.
It's a pre-setting app which makes the famaily of the eldely could send the frequent destination to device, record the contact information and the way to pay the bills etc. before the elderly use the device.
index
basic Information
Fill in contact information of the elderly and their families and payment ways
5 destinations setting
There are a total of 5 common destinations that should be set on the this page. Besides, this page contains a recording function, which
can add the voice of family members to give immediate sound feedback for elderly when the elderly choose the location on device.
contact us
call history
Allow family members to grasp the car calling situation of the elderly.
66
Design Projects
04
Trumar car-hailing system
Device let the elderly order a taxi by themselves
Apply retro radio on the shape of device Due to the short-term memory decline of older people, they are more impressed the objects in the past. So the shape of the
device adopts the style of a retro radio, the elderly will not feel resisted and can operate more intuitively when using this device.
the device To fit the style of the retro radio and meet the needs of the elderly, we put all the display and the button on
the same front plate. The device also has a handle like a retro radio that allows users to easily bring it to other places.
67
familar feeling
intuitive use
04 Trumar
Device knods and buttons The digital key design is presented in the form of independent keys. The shape should be simple and there should
be no text or indication symbols at the press point. It can better guide elderly users to perceive the perceptiveness of the pressing operation (Zheng Yawen, 2015).
So the way designed to operate the car-hailing device is to set the time and place for the elderly to go out through the independent buttons or knobs, not use the digital touch panel.
paper
placement
Time
display panel
A
B B
A
box that shows
destination name
B B
C
B
A
BB
C
Arrival time setting knods
destination selection button
Confirm button
68
Design Projects
04
Trumar car-hailing system
Device Beveled design The plane of the device is beveled so that the plane of the
main operation is inclined. It is easy for the user to see the time displayed on the plane, and the hand movement is also more comfortable when the user operates the button.
The handle part of the device is beveled
so that a space between the handle and the table is created. There, therefore, has a space for hand to grasp the handle and makes it easy to pick up.
Color platte Elderly people are degraded in their ability to sense color due to their physiological functions deteriorates. In terms of color selection, although seniors in all age groups choose red, blue and yellow as their favorite
color (Gao Guobin, 2002), the ability to distinguish and sense the yellow and blue colors will gradually become insensitive(Shen Yongjia, 1998), so we finally choose Red as the main color of the device.
69
04 Trumar
Device Operation process The elderly select the destination with the button, set the time to go out through the devices, and finally press the confirmation button to call a taxi. After receiving these information, the arduino will send a message to the service
center to dispatch the car. When pressing any destination button, the LED next to the button light to remind users of the current selection, then a pre-recorded voice immediately tell seniors their selection.
Step 01 Choose the destination
Step 02 Set the time that taxis should arrive (hour)
Step 03 Set the time that taxis should arrive (min)
Step 04 Press the enter key
70
Design Projects
04
Trumar car-hailing system
Design background
Old people need the transportation services With the advent of an aging society, the proportion of people who cannot drive has increased due to the
deterioration of the physical functions of the elderly. Some elderly people tend to stay at home since they cannot go out alone, which affect their physical and mental health.
Older people refuse to use technology products to call a taxi Taxis which have high mobility are suitable for carrying elderly people out, but compared with young people who are accustomed to using apps and phones to call for taxis, the majority of middle-aged and elderly people still resist using technology products to call for taxis.
71
04 Trumar
Design Process Literature review
It is necessary for elderly have transportation services
Meeting the mobility needs of disabled elders and assisting them to get
out of the outdoors will delay the decline of physical function (Xiong & Wu, 2007). The main purpose of the elderly going out is to seek medical
treatment. Other factors like visiting friends and leisure are also growing (Shi Yan et al., 2009).
The properties of taxi make it suitable for the elderly
The taxi fleet which is equipped with radio communication equipment
are universal, organized and mobile ( Chen Yongfu, 2001). Compared to other age groups, the time when the elderly go out is special. In terms of
transportation services for the elderly, "mobility" is the first consideration (Chen Changyi, 2001 ).
Difficulties in using technology products for the elderly
Learning to use the Internet may create anxiety situations, making many elderly people choose to avoid it because of the difficulties of this job (Porter
& Donthu, 2006). Although elderly people generally think that technology
products are useful and easy to operate, they are actually not as easy as
they think, physiological conditions hinder their use of technology products (Chen Zhaoyao, 2015).
Device preferences for seniors
The older people choose bright colors such as red, blue, and yellow as their favorite choices, among which red has the highest acceptance (Gao Guobin,
2002). When designing a device with flat operation for the elderly, choose a size that is significantly small or significantly large among different buttons to facilitate the distinction. In the operation process, dragging right and down is better than dragging left and up (Gao&Sun, 2015).
72
Design Projects
04
Trumar car-hailing system
Product Position Who
Elderly with reduced mobility
When
When they need to go out, especially go to hospital
Where
Why How
What
Areas with less public transportation
Don't want to trouble their loved ones
Decline in action and responsiveness increases the risk of going out Easy-to-use interface for elderly
Friendly system for ordering a taxi, includes a device and an app
Current user journey survey 01 Call a taxi via phone calls
taxi ' 5XXX8'
5XXX8
remember the phone number of taxi company
call the company
Tell customer service where you are
listen to car number plate and arrive time predicted
wait for taxi
02 Call a taxi on app
index
73
choose the type of car
know details of payment
call for a taxi
confirm Order
pay online
04 Trumar
prototyping
APP
device
arduino
interface
74
Design Projects
75
04
Trumar car-hailing system
04 Trumar
76
05
Shrewd
rental management
APP
'Shrewd' is a mobile application that provides landlords with convenient and fast rental management tools and related data transmission to reduce management time and improve efficiency.
Category
APP Design
Co-designer
77
Tools
Jessica Ip
Adobe XD Illustrator Photoshop
05 Shrewd
Design background
Huge rental demand In the era of rising housing prices, renting a house has become a living pattern for more and more people, especially the urban population. In Taiwan, there are about 3 million people in demand for renting housing, accounting for about one-eighth of Taiwan's population.
Information overload of rental management Most houseowners own multiple properties and choose to manage them in person, about 80 per cent of the rental
porperty. However, managing a house have to deal with a lot of information like bills, contrasts and the details of the property and this makes management so complex and time-consuming.
78
Design Projects
05
Strewd House Rental Management APP
Design Concept Integrate the functions of rental management 'Shrewd' is a exclusive app for rental management with tools that landlord need and clear user interface which makes the workflow more smooth to increase the management efficiency and convenience.
Exclusive for rental management There is no need to use other applications to deal with
only a part of management, such as communication, calendar or note related applications.
Integrate the functions needed The functions and related information of 'Strewd' are closely linked so as to simplify use process and make the process smoother.
Clear and convenient user interface The display of elements and the connection between them are carefully considered so that users can comfortably
read the contents , easily find information and use the app intuitively.
79
05 Shrewd
Design Features Main function pages There are two types of app users - the landlord and the tenant. Different identities have different system and different user interface. And the functions that both sytem have are 'personal profile', 'message' and 'repair'. In addition, the Landlord system has 'property' and 'calendar', the Tenant system has 'home' and 'record'.
Landlord
property
tenant
personal profile
the status of properties and
identity switch, statistics
calendar
message
related tools
the status of properties and related tools
and settings
identity switch, statistics and settings
home
identity switch, statistics and settings
record
identity switch, statistics and settings
repair
identity switch, statistics and settings
The contents and design details of each function pages are introduced on the following pages.
80
Design Projects
05
Shrewd House Rental Management APP
Property
Home of landlord system, integrate all states and contents in units of property View properties with different filter conditions. By setting the units of property, the ways to sort properties
and the rental status of properties in the filter, landlord can convininetly view the the list of property in different states according to their search needs and view the contents of property chosen.
Home/ the lists of property
the filter
the lists of rooms
Rapidly know the name of properties and their rental status On the property information card, in addition to its name, also displays the number of currently rented beds and tenants so that landlord can directly view the number and status of the currently rented.
81
05 Shrewd
Property
Present basic information and related status of rental property After entering one of the properties, landlord can view the basic information and related status of the
property, such as who rent it, how much the rent is, and so on. And by clicking one of blocks, it is convenient for landlord to enter the function page of that block for more detailed contents .
Click on the required
block to enter its page for more detailed info
the content of the property
the function pages with
different detailed information
( 2 of them are introduced on the following pages)
82
Design Projects
05
Shrewd House Rental Management APP
Property
Show rent status, remind tenants to pay rent with one click On the rent page, the rent number, period and payment records are displayed, and the status of no credited and credited is shown in red and green for the landlord to quickly check.
Click the red block that shows it has not been credited.
Users can quickly send a notice to the tenant through the template, simplifying the process of reminding payment.
rent Information & payment history
83
send payment notice to tenant
05 Shrewd
Property
Utility bills calculation Click the 'calculate' button, choose different calculation ways and fill in
the corresponding values to quickly calculate the bill. After saving the data, landlord can directly send a payment notice to the tenant.
utility bills calculatition & payment history
calculatition
setting
Landlord can adjust the unit, period and the number of tenants in the setting to meet the their calculation needs.
84
Design Projects
05
Shrewd House Rental Management APP
Calendar
Calendar of landlord, integrate rental-related calendar and details of events Integrate the calendar and event information related to rental management, such as: appointments to view the room or when the mechanic will come to repair, which is helpful for landlord's time management.
calendar
the lists of event
visitors rating
Quick overview of events and related information. Contact or rate visitors with one-click The event bars are arranged in a row, and it shows that the relevant person and place and can contact them with one click, which is convenient for overview and contacting the relevant person of the event. In addition, landlords can evaluate the visitors who intend to rent a house to help them choose the suitable tenant.
85
05 Shrewd
Profile
Personalized settings, can switch between the two identities Users can personalize settings on the personal page, and to meet the user's need, the identities of the landlord and tenant can be switched here and then jump to another systme to use.
identity switch
profile
statistics chart
Visual analysis charts with different filter conditions Landlord can view the data by month, overview or property, and quickly understand the trend and meaning of the data with visual charts.
86
Design Projects
05
Shrewd House Rental Management APP
Message
Independent contact space for rental, streamlining information delivery process An independent contact space, without the use of other communication apps, landlords can communicate with tenants individually or in groups.
chatrooms / Landlord' view
individual chat info card
tenant's profile
Categories of tenants and their belonging groups By sorting tenant by property and group, make it easy to contact tenants
in a same groups and publish announcement in a same building. Landlord also can check their personal information.
87
05 Shrewd
Message
Receiving repair requests from tenants Landlords can communicate with tenants individually or in groups, and they
can simultaneously accept maintenance requests from tenants ,which looks like a card.
chat room / Landlord' view
chatrooms / Tenant' view
chat room / Tenant' view
Receiving payment noice from landlord Tenants can communicate with the landlord, neighbors who live in the
same building or people who live together on this page, and will receive notices of rent and other fees.
88
Design Projects
05
Shrewd House Rental Management APP
Repair
Landlord can view all repair status and progress Integrate maintenance information and progress bar, landlords can view the status and the progress of all repairs through this page. Also, landlord can set the repair company for new repairsa and can contact them with one-click.
repair page / Landlord
89
phone book
details of repair event
05 Shrewd
Repair
Tenants launch the repair card to inform landlord to repair Tenants can launch a small card on the repair page, fill in the description of the matter and upload text, photos or
videos. After sending to landlord, a new block including the repair progress and related information will appear, allowing tenants to check the latest repair status.
repair page / tenant
lauch a repair card
send to landlord
Status of repairs Show the status of the latest events with progress bar and different color marks, and record the number of days the card was launched.
90
Design Projects
05
Shrewd House Rental Management APP
Home
Home of Tenant system, check the status of rental-related events Tenants can check the name and address of the property they live, the number of days until next payment period and other status of events related to the tenants, so that todo-lists are clearly viewed and understood.
Home of Tenant system
91
05 Shrewd
Record
Visualize rental expenses of tenants Tenants can learn about the expenses and power consumption during the renting period, make the costs more clear, so that tenants can know and plan their electricity consumption and so on.
record page
view monthly power usage
detailed monthly expenses
Expense status is displayed in a bar chart and line chart Easy-to-understand visual charts allow tenats to quickly understand the expenses and electricity consumption during the rental period
92
Design Projects
05
Shrewd House Rental Management APP
Design Process Problem Statement The amount of renters in TW
The proportion of self-managing apartment in TW
2.9M The proportion of renters in TW
1/8
80%
The number of property that part of the landlords own in TW
least
10 apartments
Through interview landlord and tenants and survey other related apps, we found :
people who do not use exclusive apps for rent management - They tend to use LINE or phone call to contact each other.
- Landlord tend to use a lots of applications to deal with a part of rental management. - Rental management or tenants contact mixed with other life management.
the exclusive apps for rent management
- The apps are pretty simple and not easy to use.
- They provide landlords only address book for record or only basic information blocks for landlord to fill in. - Just can record tenant information and need to contact tenants by phone or other communication apps.
From the related reports and statistics, most of the landlords have several properties and manage themselves. But
no related tool is convenient and has clear interface to assist the complicated managing process. Most tenants and landlords are communicate with social networking app but want to keep their proper distance.
Project Goal Designing an exclusive app for rental management with tools that landlord need and a clear information architecture and user interface which makes the workflow more smooth to provide great using experience and increase the management efficiency and convenience.
93
05 Shrewd
User jounrey map We created a user journey map of landlord to conclude what they need to do and what they feel in the whole process in order to define the design opportunities.
Business model We planned a short-term business model so as to determine the key resources, key partners and the structure of cost and revenue in app development. Moreover, we targeted the app users, self-managing landlords and tenants and found the way of reaching them as well as the value proposition.
94
Design Projects
05
Shrewd House Rental Management APP
Target Audience Landlord who manage the rental property by himself - High acceptance of technology
- Manage by himself, but lack management tools
persona
Sting Huang age
56
status
married
occupation
civil servant
location
Tainan, TW
personality
extrovert
introvert
thinking
feeling
judging
technology
Mobile Apps
motivations
Convience
Internet
perceiving
Social networks E-commerce
Achievement Social
Bio
Sting Huang is a civil servant and owns 2 rental properties with 12 rooms in Tainan,
and has been a landlord for almost 8 years. He use a veriety of apps to track
the status of properties, tenants, rents or repairs of rooms respectively and always contacts his tenants via LINE.
95
" I feel like there is a smarter way for me to manage my rental property. "
Goals
Clearly understand the status of the properties in a short time.
Increase the efficiency of rental management. Build a network of his own property.
Frustrations
Organize all property related files Is too timeconsuming.
Feel annoyed to communicate with tenants via his own LINE account.
05 Shrewd
Functions & information After defining the key user, we did brainstoming to find and classfied the features, information and contents that would help users fulfill their main goals.
Wireframe
96
Design Projects
97
05
Shrewd House Rental Management APP
05 Shrewd
98
99 99
01
About H RWD website for H development team
02
Vision Zine graduation design collections book
03
Mocloud temperature sensing lamp
04
Kimochi travel mood sharing app
RWD website for H development team
'About H' is a webite which introduce a development
01
About H
team 'H' that developed a travel mood sharing app. Without reading boring descriptions, users can know
the concept of the team and app by interacting with the
contents. It is applied with RWD so that users can visit the website on their mobile phones, tablets or laptops. # Brand image Planning
# Website design
100
02
101
Vision Zine
graduation design collections book
# Publications layout design
# Zine cover design
Unlike the common graduation design collection book, which was bound into a book, the format of
'Vision Zine' is a newspaper. It contains a main issue introducing the 'VISION' exhibition and three supplements which classified by product attributes and introduces the product exhibited.
102
temperature sensing lamp
'Mocloud' is a tempearature sensing lamp which use
03
Mocloud
Arduino to develop. As a healing product, the difference between human temperature and environment is shown
by the color change of the lamp. As soon as user touch it, it will change from cold bright blue to warm orange. # Product design
103
# Arduino programming
travel mood sharing APP
'Kimochi' is an anti-social app that allows users to send
04
Kimochi
and receive travel feelings of others anonymously. In addition to experiencing different aspects of scenery and journeys from other travellers with curiosity and
motivation to travel in person, users could send feelings to others without pressure from social media.
# App service development # User interface design
104
PORTFOLIO WANG, YU-ROU
booboo0590@gmail.com +886 975 311 236
TEL +8 8 6 9 7 5 3 1 1 2 3 6
MA I L bo o b o o 0 5 9 0 @g m a i l .c o m
YU RO U W. 'S P OR TF OL I O
2021