JOSH LIU Industrial Design
PORTFOLIO
D
2016 - 2018
Josh Liu’s Design Work 2016 - 2018
CONTENT
Josh Liu Portfolio
3
HEALTHY DESIGN
HandiCare
11
Smart Wearable Hand Reliever
RoRo-Cleaner
27
Wash Your Fruit In A Different Way
LIGHTING DESIGN
Whisper
41
Bionic Scenario Lamp
EMOTIONAL DESIGN
Recall
53
To Revive The Memories For Two
EXPERIENCE
NextDrive Design Intern
67
Ecogenie Notification Revision
OpenHCI
83
Human Computer Interaction Workshop
TTDW Exhibiton
87
Exhibition Planning
OTHERS
PROJECT
93
Other Projects In Ntust
SKILLS
99
Rendering & Sketch 4
”JOSH LIU LIKES TO WORK WITH PEOPLE IN DIFFERENT FIELDS TO CREATE A SATISFYING DESIGN.”
5
Tapei ,Taiwan +886-923-103-939 l0923103939@gmail.com
劉 家勳
Josh Liu
Education Background - National Taiwan University of Science and Technology (NTUST)
2014-18
Work Experiences - NextDrive co. Design Intern - Custom Design co. Design Intern
2018-19
2018
- Industry - University Cooperative Research Project (with Professor shermanlin) Electric Scooter Concept Design Project (China Motor Corporation , CMC)
2017
Electrical Bicycle Concept Design Project
2016
Bicycle Fender Concept Design Project
2016
- Sketch Educational Institution
2014-16
I’m an industrial designer from Taiwan. I always believe design can solve problems and help people live better. Design must be combined with different professions, so I like to collaborate with people from different professions and use design to give back to this world.
6
Exhibition Joint-schools Design Graduate Exhibition - Hashtag - Handicare
2018
NTUST Design Graduate Exhibition - 面交地點
2018
- Handicare TAICHI 2017 (Taiwan HumanComputer Interaction Seminar)
2017
- Recall TTDW 2017 (Taiwan Tech Design Week)
2017
- Whisper TTDW 2016 (Taiwan Tech Design Week)
2016
- Gaming mouse VIRUS Awards Reddot Design Awards - Winner - Handicare
2018
Ntust Design Department Selection Best Project
2018
- Handicare TAICHI 2017 Design Awards Best Design - Recall Lexus Design Award Workshop Best Design - Recall
7
2017
2017
Activities Joint-schools Design Graduate Exhibition - Hashtag
2018
- Exhibition planning NTUST Design Graduate Exhibition - 面交地點
2018
- Exhibition planning KYMCO Design Workshop - Workshop Students
2018
MIT Media Lab Mobility ++ Workshop
2017
- Workshop Students Lexus Design Award Workshop
2017
- Workshop Students OpenHCI 2017 (Human-Computer Interaction Workshop)
2017
- Workshop Students TTDW 2017 (Taiwan Tech Design Week)
2017
- Exhibition planning
8
H
HEALTHY DESIGN
HandiCare
11
Smart Wearable Hand Reliever
RoRo-Cleaner
27
Wash Your Fruit In A Different Way
The works in this chapter is about healthy living. Designing suitable products to make lives better after investigating user habits and illness related problem research.
Catagory / Medical Assistive device Material / Cloth , Plastic , Electron Size / 10 â•ł 15 â•ł 30 Co-designer / Fly Wang Assistance / Zhang Ji (App Development) Pin Shiuan Wang (Electronic Engineering)
11
HANDICARE Smart Wearable Hand Reliever
Handicare is a series of smart hand protectors, mainly targeting the De Quervain syndrome (stenosing tenosynovitis). Handicare uses an APP to detect the hand muscle force, and a replaceable module(vibration/electrotherapy) to soothe area of pain. Moreover, traditional steel bars are replaced with the inflated pump for support so as to achieve the effect of lighter weight and better fit to the hand.
12
13
Found Issue While walking around Yongle Market (A fabric market), I realise that many workers were wearing hand protectors on either of their hands. After inquiring out of curiosity, I understood that the workers needed hand protectors , because of tendonitis due to long hours use of wrist during work. This medical symptom is called DeQuervain’s Tenosynovitis (Mother’s Wrist).
14
DeQuervain’s Tenosynovitis DeQuervain’s Tenosynovitis is caused mainly by overuse, particularly from forceful gripping with activities that require movements of the wrist. Less commonly, it can be caused by direct trauma to the wrist. Symptoms of DeQuervain’s Tenosynovitis include pain, cramps and tenderness on the radial side of the wrist.
15
A
B
De Quervain syndrome is inflammation of two tendons that control movement of the thumb and their tendon sheath. This results in pain at the outside of the wrist.
Similar diseases is Carpal tunnel syndrome. It is a medical condition due to compression of the median nerve as it travels through the wrist at the carpal tunnel.
Cooperation with the hospital In order to understand more in depth, we visited the hospital(Taipei Veterans General Hospital) to ask the main cause of De Quervain syndrome and how to improve it. The doctor said “ Treatment includes rest, ice, anti-inflammatories, physical therapy, bracing of the wrist and thumb, and steroid injections. If these are not successful, surgery may be needed.
When we proposed that we wanted to improve the existing protective equipment and emhance it into a completely new design, doctors verified and expressed that this project is indeed a very interesting project to work on.
16
“ The Hospital Doctor ”
Dr. Lin Gender : Male Age : 50 Occupation : Physiotherapist Location : Taipei , Taiwan
What Occupation will have this illness ? Occupational diseases related to the hands are commonly seen among many professions like Typists, chefs, construction workers and housewives who work with both of their hands for a long period of time. Any methods of treatment so far? The best and main treatment for this symptom is to rest the hand muscles. Because the hand muscles will repair themselves. Overworking an injured muscle, will only your make matters worst. When the muscles are beyond repair, you’ll be left with only the surgical solution. How to relieve the pain ? We always advise the patient to do hot compresses or electrotherapy and massage the hands. Normally, we would recommend patients to use hand protectors to fixate the hand. Preventing excessive movement which leads to pain.
17
“ The Sewing Worker �
Ms. Wu Gender : Female Age : 52 Occupation : Stitcher Location : Taipei , Taiwan
Why do you need to wear hand protectors? I have been using my hands for a long time, causing pain in my hands, pain and even inability to work. In order to work, I must wear hand protectors to help my hands. Disadvantages of existing hand protectors? I have used several hand protectors that are not suitable for me. Apparently steel bars appear to be in alot of traditional protective gears. I have to work 8 hours a day, so wearing it makes my hands too stiff to the point of discomfort instead. How do you soothe your pain? If it is too painful, I will go to the hospital to look for the physical therapist who will perform electrotherapy. But the hospital is far away from my home and it takes too much of my time to travel. Its too troublesome!
18
Ideation Sketch & Prototype After understanding the illness and defining the patient's needs, I start to brainstorm new ideas for hand protectors. After the final sketch is determined, 1:1 prototype is made. Using ready-made parts from existing products for my prototype, I need to confirm the feasibility of my design.
19
Electronics & Final Model We cooperated with electrical engineering students in order to make our product come to live. In addition, We held discussions with a tailor on how to house the electrical wirings; which was rather challenging for traditional tailors to understand. After mutiple rounds of tweaking from different fields, we finally completed our working prototype with success.
20
Product Composition
1 Muscle Sensor Handicare monitors the use of hand muscles over a long period of time, such as over-tightening and excessive use of hand muscles, and the APP reminds users to relax the hand.
2 Electronic Module The vibration or electrotherapy electronic module is set at the area in pain, and can be disassembled and changed according to the user's needs to relieve the pain.
3
Air Pump Press the pump to inflate the air cushion in the protector which replaces the metal bar in the traditional protective gears. The pressure can be freely adjusted, and the weight is reduced.
21
HANDICARE Smart Wearable Hand Reliever
Handicare is designed for this disorder. This product is equipped with an electronic module for soothing pain, an inflatable air cushion for fixing the hand, and a muscle sensor to help understand the condition of the hand.
22
Product Appication
TIME TO RELAX !
The collected muscle data will be sent back to the APP. If your hands are overworked, the APP will automatically remind users to relax their hands to prevent the condition from deteriorating.
The vibration module or the electrotherapy module can be controlled via the module interface of the APP, and the intensity and frequency can be adjusted as desired.
23
Module charging box
Handicare is equipped with a charging box to charge the electronic modules. There is a magnetic adapter inside the box that can be assembled to power the box. The magnetic adapter can be connected to the micro USB charging cable.It also solves the inconvenience of normal wireless charging storage. The electronic modules can also be stored in the box, which is portable. The overall volume is convenient for storage.
24
“ We Care For Your Hands ” 25
Another version Besides relieving stenosing tenosynovitis, Handicare also includes a model for the carpal tunnel syndrome (CTS).
Product video
In order to get a better understanding of our products, we have taken a video for handicare, please scan QR Code.
26
Category / Product Design , Universal Design Material / Plastic , ABS Size / 25 â•ł 255 â•ł 20
RORO - CLEANER Wash Your Fruits In A Different Way RORO-CLEANER is a vegetable washing machine designed for the elderly. Elderlies with limited hand movements were worried that their fruits and vegetables are not washed thoroughly enough,hence i came up with a product that enables easier cleaning of vegetables for cooking.
27
28
29
& Found Problem Through research, we found that older people shared a common problem ; immobility of their hands which affects their daily activities. Most elderlies enjoy cooking their own food, but they always have problems cleaning vegetables leaf by leaf.
30
Observation The theme for this semester is universal design of the elderly. Before the case began, the professor required us to do a round of field research and see if there were any problems hidden in the daily lives of elderlies around us.
Defining The Problem I came to a senior community and saw a group of female senior citizens cooking together for the elderlies in the community. After asking, I found that some problems were plaguing them during the cooking process. Some aunties suffer from painful hands, thus washing vegetables is rather challenging for them. Therefore I started ideating on how could the vegetables be washed easily yet thoroughly clean.
31
“ The Professional Housewife ” Name : Ms.Wang Gender : Female Age : 55 Occupation : Housewife Location : Taipei , Taiwan Illness : KTPP, Hand Dermatitis Hobby : Cooking
Empathy Map THINK & FEEL As we get older, we must pay extra attention to our health. Nowadays, the origins of vegetables sold in the market are unclear. I don’t know how many pesticides are on them. When I wash vegetables, sometimes I don’t know if I washed them clean.
HEAR I discuss with the women in our community on how to wash vegetables. My friend shared that experts said soaking the veges in a basin of water for five minutes, and then scrubbing the pesticides with running water is the simplest and most effective method of washing vegetables.
Pain I am most worried about the condition of my hands. How can i clean the vegetables thoroughly?
SEE It is especially troublesome to wash vegetables in winter, because of the icy waters that makes it very uncomfortable. I have KTPP, Hand Dermatitis, thus the skin on my hands peel and grow blisters from too much washing.
SAY & DO No matter how i wash my vegetables, letting my family eat the fruits and vegetables at a peace of mind or cooking delicious and healthy meals for my family is the happiest things.
Gain I hope that my family can have a peace of mind when eating my fruits and vegetables
32
1
2
How to wash ?
Protect hands !
The first question is how to wash the dishes clean. After investigation, we found that even organic vegetable surfaces still carry some pesticides and hazardous substances. So how do you wash it ?
When patients with KKTP come into contact with water for a long period of time, their hands get red red from rashes . How can we let them wash their vegetables comfortably?
Finding a method According to the above survey, I have found that most elderly people have two troubles in washing vegetables. We are looking for a way to solve this problem based on these two questions.
33
Cheap Portable
A
Intuitive Cleanable Safe
Ozone is used to oxidize surface pesticides to achieve a cleaning effect, but it is doubtful because it may also destroy the surface of fruits and vegetables and allow pesticides to penetrate.
Cheap Portable
B
Intuitive Cleanable Safe
Turn the vegetable washing machine with your hand and wash the vegetables. However, it may be uncomfortable for the elderly to use the hand for a long time.
Cheap Portable
C
Intuitive Cleanable Safe Cheap Portable
D
Intuitive Cleanable Safe
The surface pesticide is removed using the ultrasonic vibration principle. Although it is easy to use but the price is too expensive therefore difficult for most people to get it .
Integrated multi-wavelength spectral sensing technology, automatic flushing with water flow, users understand the degree of pesticide residue through APP. Too complicated for the elderly.
Product Analysis Before designing, the professor asked us to conduct a market analysis to understand the advantages and disadvantages of certain products in the market.
34
A
B
Development of Sketch My design is mainly divided into two series, A and B. The A series is designed without electricity, and the B series is designed with technology as the solution.
Definition After discussing with the professor, I decided to take the non-electrical powered design as my chosen direction, mainly because it allowes the elderly to use intuitively.
35
Modeling & Testing I started to make a 1:1 functional model in order to prove that the function of this design has a practical approach. Then take this model to do user interviews.
User Interview Ms. Chen Gender : Female Age : 56 Location : Taipei Your Experience? It seems to be a bit too big, but I think this design is good, it helps me save alot of troubles washing vegetables, so I can do other things.
My Mom Gender : Female Age : 53 Location : Taichung Your Experience? Every time I get off work, I have to cook for you. If I have this machine, I can save time in washing vegetables. I hope he can produce it quickly. But it is a bit too big.
Components In my prototype, I use single-way bearing parts so that the inner basket can be rotated when the handle is pressed down, and the handle will automatically jump when the press is completed.
36
A
B
Put in Vegetables & Add Water Put the fruits and vegetables into the RORO-cleaner and open the lid of the water inlet to add water. Vegetables should be soaked for at least 30 minutes to get rid of pesticides that is on the surface of vegetables.
37
Press the Handle
C
D
Press the handle to allow the inner basket to spin quickly and pour the pesticide out of the vegetable surface. The design of this pressing handle allows elderly to easily press and improve the inconvenience of previous washing machines.
Open the Water Outlet Open the lid below to allow water to flow out. After repeating the B.C.D action two to three times, the raw vegetables are ready.
38
Whisper
41
Bionic Scenario Lamp This chapter’s work focuses on how to use light while learning to define adjectives, analyze products and create an extraordinary design.
L
LIGHTING DESIGN
41
Category / Product Design , Lamp Material / Metal , Plastic Size / 40 ╳ 38 ╳ 10
WHISPER Bionic Scenario Lamp Whisper tries to make the lighting of the lamp have a different scene. Whisper emulated the communication between nature, as if two birds stood on the branch whispering to each other. Adjusting one of it’s position creates a different relationship within.
42
43
Initial Idea Our professor asked us to collect light sources in nature. I thought: if I want to convert elements from nature into a lamp, must it be light ? I want to create a lamp with different relationships.
44
Ecology of Light The theme of this semester is Light, and the professor gave us different sub-themes. Such as the history of light, physics of light, ecology of light. I chose the ecology of light.
45
Product Analysis Before starting the design, the professor asked us to analyze the lamps in the market. Define a variety of adjectives for these luminaires for analysis, and find more people to help analyze with their own experience. Investigate to understand the advantages of good products, and then start designing. Intuitive to use
Portable
Stable
Beautiful
Adjustable
Cheap
Durable
Easy To Clean
46
Chirping Together I chanced upon a scene when thinking about how to use light from ecology as a design concept for my lamp.That is, I saw birds chirping on the branches in the park. So i thpught whether I could turn this interaction into a light.
Reflection of Light I want to use the principle of mutual reflection between light and objects to match the scene of birds interacting. So I collected as many reference that uses this same principle .
47
Design Process Simplifying the organic shape of a bird and defining the appropriate shape. After sorting and combining, find the suitable shape.
After deciding on the final shape, make a 1:1 model to detect the appropriate size.
Create a 3D model and add detail. Make the final model with 3D printing.
The 3D printed objects are processed and polished to obtain the final refined model.
48
Adjustable light The way to adjust the intensity of the light for this lamp is different from most lamps in general. I want to change the strength of the reflection by moving the position of the light source. This will achieve the function of adjusting the intensity of the light.
A
B
gentle reflection
srrong reflection
Mutual Relationship The intensity of the light represents the sound of the birds. In different locations, there are different relationships.
Strong reflection Gentle reflection
49
The intersection of the lamp holder can also adjust the angle of preference.
50
Recall
53
A Box That Evokes Memories
This chapter’s works is about exploring the emotional aspects of people. And how products create emotions between people.
E
EMOTIONAL DESIGN
RECALL To Revive The Memories For Two Recall tries to pull people away from the over-digital life by recording the most important moments through Recall, and converting them into sealed memories, which can be revisited in the future.
53
Category / Slow Technology Material / Wood , Plastic , Electron Size / 16 ╳ 23╳ 8 (cm) Assistance / Yueh Lin Wu (Electronic)
54
Initial Idea This is a topic we discussed in the human-computer interaction workshop, that is smart phones are popular in life now, and we can record every detail very quickly. But are these only recorded in our mobile phones, not in our memories?
55
56
Why Exist ? Though we’re in today's increasingly technologically advanced era, analogy technologies still exist. And analog technology has a certain market, and some have even been redesigned just to preserve its advantages.
or
Advantages of Analog Technology This book“ The Revenge of Analog� mentions digital technology to make the shortcomings of analog technology more attractive. Because these analogy technologies are expected and unique, they are irreplaceable.
57
Brainstorming Through group discussions and brainstorming, we define what the advantages of these analogous technologies are, using it as the basis for our design.
Defining Design Then define the target of our products and the main functions of Recall.
Product Element
For Couple
Limit quantity
Unrepeatable
Delay
58
Modeling & Testing We used RFID technology, light sensitive resistor and motors to create a working model that was continuously tested.
59
Final Prototype After the test passed, we used 3D modeling to build the RECALL profile and print it out. Electronics were placed inside the housing to make the final prototype work.
60
Locked Box Couples each get a locked Recall. It is designed to keep the box locked in the normal state through a special mechanism design.
Registration and Pairing Recall has a APP, registered members can complete the pairing of the box with the phone. Information about Recall can be learned and recalled through the APP.
Pick Important Memories Type what you want to say to your loved ones , or pick an important photo to send it. However, it can only be sent once a day, so choose wisely.
61
Receive and print Recall will print the received text or photo sent from within the box.
Delete Memories When the file is printed to another box, the photo or text will be deleted from the phone.
Unlock Memories Only on a specific date, the two parties can put the boxes together to unlock the box. You will see what memories you have prepared for each other during then!
62
Recall uses digital technology to transform into irreplaceable analog technology, allowing people to slowly taste important memories in an era of complex information.
63
To Revive The Memories For Two
64
This chapter’s works is about activies i participated in my design life that has given me a lot of valuable experiences.
E
EXPERIENCE NEXTDRIVE INTERN
67
Ecogenie Notification Revision
OPENHCI
83
Human Machine Interaction Workshop
TTDW EXHIBITON Exhibition Planning
87
67
ECOGENIE NextDrive Connect App Ecogenie is a power management system. Also, Ecogenie supports automatic controlling of home appliances (Iot), and more. The HEMS Gateway Cube was developed and sold by NextDrive in 2017. The company provides easy-to-use solutions for home energy management. Built-in BLE, Wi-Fi and Wi-SUN communication modules, enables wireless connection to a home smart meter. Ecogenie is used to view power management sources such as purchasing and selling electric power and analyzing power usage . when needed, “electricity over-used” push notifications is sent to notify users. Also, Ecogenie supports automatic controlling of home appliances (Iot) , and more.
About Nextdrive Founded at 2013, NextDrive is a smart home company that simplifies energy management by combining the Internet of Things (IoT, known as the Internet of Things) with power technology. Our goal is to provide solutions. NextDrive is currently working on the Japanese market and working with Japanese power company to build the future’s power market.
68
Internship at Nextdrive: Ecogenie app Nextdrive found potential problems in the first version of Ecogenie and we want to make a revision. During my internship, I participated in this revision project. The revised content is mainly to enable the notification center to convey helpful and understandable messages. Hopefully, creating a notification experience that is lovable by users.
NotiďŹ cation 2.0
69
Interveiw About Notification The purpose of this phase is to explore User's various views on Notification. To summarize their usage habits and situations for Notification, and to find out their pattern of use, and to pick out Insights that can become a solution that will benefit the average Users.
After interviewing users, we understood their habits and preferences regarding how they would like to be notified (Notification experience.): # Most users will not allow push notifications at the beginning # Once the APP properties are known, the user will open the push notification again. # Users find it annoying when the app pushes too many irrelevant notifications, which, will ultimately result in them deleting the App. # Most users will find ways to eliminate the red dot in the notification. # Only when users receive guidance or useful information through these notifications, will they be willing to turn on these alerts
70
Research Reference After interviewing and arriving at the above insights, I proceed on to collect other Applications who provides positive Notifications as case studies. Specifically looking into how these examples build synergy with users through notifying them.
App 01: Cluster
Asking At Appropriate Times In previous versions, the first step in creating a new space in Cluster was to add photos. That meant we asked for photos access right after they hit “Create Cluster.” This resulted in the user granting photo access 67% of the time. We decided to move photo uploading back a few steps until they were a little more aware of what Cluster was, and made them actually tap on the camera icon and “Choose Photos” before we asked for access. Asking users for photos access after they tapped a camera and “Choose Photos” increased the acceptance rate from 67% to 89% .
71
Cluster
Educational Pre-permission Overlays When asking for Contacts access, Cluster wanted to do a little more educating, and the standard system dialog didn’t give them enough room or flexibility to fully explain what was going on, so they built their own that let them include an image. First they showed users a dialog about why Cluster needed the access and gave them the choice to use the address book, otherwise enter contact info manually themselves. Using pre-permissions dialogs made the “Don’t Allow” problem almost disappear. It was exceptionally rare that a user didn’t give us access at a system level when asked.
72
Unique Ui To Convince Users Nearly every APP sends push notifications, but innovative APPs get the most subscribers. Take a look at the picture above where Walmart requires its user interface to allow for a difference from Timehop. Walmart insists on a simple default design, while Timehop cleverly uses special images and colors to make their requirements warmer and more attractive.
Remind User Where To Re-open When users switch off push notification permission, the APP should remind the user where to switch it on for better engagement. Facebook Messenger practices this by appearing at appropriate timings. The step-by-step approach is to educate Users how to turn on notifications from their own mobile phone’s operating system when the users wants to open the push notification again (most users don't know).
73
The Notification Center Is Mostly Presented In The Timeline In most of the APP's notification centers, notifications for events are usually presented in a timeline format. Usually presented in a clear and straightforward style, including an image or logo to represent the event, in addition to the title and time of the event.
74
Function map Notification Settings
Notification
Notification Center
Push Notification
Dashboard
New Motion Card
New Thermo Card
Revised Function Map After studying the case studies above, modifications for the structure of the notification center and the function of the notification settings were made accordingly. Thus we reconstructed the Function map for Notifications.
75
Motion Cube
Smart Meter Thermo
Activity Feed
Sensor
Delay-noti
no-disturb Sensor
repeat-noti
NotiďŹ cation Filter
Ask Permission New History Existing Function
New / Renew Function
76
UX Flow ( Part ) 01 Dashboard
77
02 Notification Center
03 Filter
04 No Data
01 Connet Device
02 Ask Permission
02 Ａllow Push
03 Reject Permission
04 Successfully
01 Management
02 Notification Settings
03 Motion Settings
04 no-Disturb
05 no-Disturb QA
01 Connet Device
02 Ask Permission
02 Ａllow Push
03 Reject Permission
04 Successfully
A
B
C
Usability Testing We did three prototypes of the Notification Centers for user testing, enabling multiple users to evaluate product usability. Through Analyzing the user's behavior and feelings, we got the most appropriate solution for Ecogenie.
A
The A version of the notification center is presented in a timeline style with a concept similar to Facebook's notification center, which in turn divides the notification nature into Alarm and notification.
B
The B version is similar to the A version. The only difference is that this version does not separate the notifications. All notifications is be presented on the same page.
C
The C version is the same as the original Ecogenie notification center. It is mainly presented as a list of device classifications. When a notification appears, a small red dot will appear to remind the user.
78
Amy
“ The Independant ” Gender : Female Age : 23
Hsianghsin
“ The red-dot
noti destroyer ” Gender : Ｍale Age : 35
Fly
“ The phone addict ” Gender : Ｍale Age : 27
Occupation : Student
Occupation : Engineer
Occupation : Postgraduate
I would like to see the relationship between several notifications. I think the way version C is presented cannot be accepted by me. I need to go in and see it one by one, which makes me feel so troublesome!
At first glance, when I saw the C version, I thought it was a good fit for me, because I could find the device I wanted to see from the category, but after the tests of A and B, I still feel that these two are more intuitive and easy to use.
The A and B version of the notification center is very similar to other communication APPs, because I am used to the time-line notification center from other APPs, so I think both A and B suits me.
Most Users Choose The A Version After going through interviews with ten testers, the A version was obviously favored by users. The main reason is that most users have become accustomed to the inter-axis notification. The concept of the software notification can be picked up quickly from the Timeline.
79
UI Flow ( Part ) 01 Dashboard
02 Notification Center
03 Filter
04 No Data
01 Connet Device
02 Ask Permission
02 Ａllow Push
03 Reject Permission
04 Successfully
01 Management
02 Notification Settings
03 Motion Settings
04 no-Disturb
05 no-Disturb QA
01 Connet Device
02 Ask Permission
02 Ａllow Push
03 Reject Permission
04 Successfully
80
UI Flow ( All )
Completion of Ecgenie Notification2.0 I feel very fortunate to be able to participate in this revision project during this internship. I learned a lot about UX, and that designing an APP concerns many aspects, not only the needs of the users, but also the technical considerations.
81
82
83
OPENHCI 2017 OpenHCI Worshop 8th Student - organized Workshop On Human - computer Interaction. Topic : Re: _____ 重構 “Re-” stands for a process of rethinking, reconstruction and revolution. We invite you to set free your imagination and subvert your mind through multi-disciplinary collaboration. Together, we aim to discover a deeper level of interaction within human, objects, and everything in between.
What is OPENHCI ? Openhci is an intensive workshop dedicated to promoting HCI learning. The six-day workshop, co-organized by HCI students from various schools, provides information on design and different cross-disciplinary talents. Communicate on the topics of UXE and UCD to develop cross-domain communication and collaboration skills.
84
Theme Speech OpenHCI invites HCI-related industry professionals from all walks of life to share with professional professors to enhance their understanding of HCI.
Design Thinking On the second day of the event, we went on a field observation to look for problems that might exist in our lives. Brainstorm with my team members to discover possible solutions while training the process of design thinking.
85
Making Prototype After defining the theme and solution, we must complete the working prototype within 18 hours. This tests the communication and cooperation of the team. Division of labor is done by people of different professional backgrounds.
Achievement Exhibition On the last day, we show our final prototype for the final selection. OpenHCI invited people from all walks of life to vote. In the end, we got the Intel special sponsorship award!
86
R AP
面 國
立
目 臺
灣
模
科
技
大
糊 學
設
IL
的
計
Be
系
ha
年
n
品
季
春
度
ce
作
日
今
04 ＠
JU
29
r Po
交
學
流
：
生
綜
作
研
學
生
e oR
.] at
究
品
05 ＠
li
[S
合
大
樓
4F
＆
展
.27 作
品
山
展
：
角
vie /講
主
國
際
臺
主辦單位：國立臺灣科技大學工商業設計系 / Behance Reviews NTUST
灣
：
題
大
樂
06
ws
座
[S
音
＠
87
4
會
盛
tfo
.29
集
0 NE
綜
研
1F
.] B區
節
.04
科
大
究
大
樓
1F
展
at
樓
合
籃
球
場
展
演
空
[S
、
操
場
間
/主
un
0
題
.]
展
4 6.0
：
國
際
大
樓
1
F大
[S 用
工
un
坊
（
玻
.]
璃
屋
）
TTDW 2017 Taiwan Tech Design Week 2017 NTUST Department of Design Student Design Week Theme : The Ambiguous Present We always remember the past. While the future is full of expectations and imaginations. But for us now we are always ambiguous, We don't know if the decision we made now is right or wrong. We are still learning, and everything is ambiguous.
What is TTDW ? TTDW is NTUST most important annual event. Since 2012, we have started a one-week design carnival. It showcases the best works of students from the entire year while including lectures and workshops to demonstrate the diverse characteristics of NTUST. Thus, it is also the best time for students with outstanding work to shine!
88
Exhibition Space Planning 2017 TTDW: I was responsible for planning the exhibition space. Job scope includes; Creating 3D models, plan human traffic-flow, and design podium according to the floor plan of the exhibition space.
89
Exhibition complete ! In the exhibition,we showcased a translucent material to create a blur that is close to the main visual color. After completing the exhibition space planning, I had a very good sense of accomplishment and gained a fruitful experience on exhibition planning.
90
O
OTHERS
PROJECT
93
Other Projects in Ntust
SKILLS
99
Rendering & Sketch
This chapter’s works is about my other works in colleges and my sketch skills.
PROJECTION RULER A Tool To Help Drawing
2016
Category / Technology , Tools Material / Plastic , Electron Size / 16 ╳ 3 ╳ 2 (cm)
Concept PROJECTION RULER" is a tool rule that combines technology projection. When writing or drawing, you often encounter situations where you need to position the grid and geometric pattern. You can project the preset pattern or positioning grid to help increase the work of effectiveness.
93
GUARD RING Safety Mini Guard
2017
Category / Technology , Rings Material / Plastic , Electron Size / 3 â•ł 3 â•ł 5 (cm)
Concept Today's social security problems are frequent, and there are many dangers in the dark alleys. Guard Ring uses a dedicated targeting system to keep family members informed. In case of danger, it can emit a beam of strong light to temporarily blind the suspect and capture the identity of the criminal through a mini camera.
110
94
VIRUS Bionic Gaming Mouse
2016
Category / Gaming , Product Material / Plastic , Metal Size / 13 â•ł 10 â•ł 4 (cm)
Concept Applying the virus element to the gaming mouse represents an image that gradually invades the enemy and ultimately defeats the opponent. The venting holes on the upper cover of the mouse, as well as the color matching and the entire temperament, are derived from the irregular organic form of the virus.
95
FLAME Bionic Gaming Mouse
2016
Category / Gaming , Product Material / Plastic , Metal , Rubber Size / 14 ╳ 9 ╳ 4 (cm)
Concept Extracting the intangible form of burning flames in nature, i used the characteristics of the flame’s irregularity to try to change the shape while keeping in mind human hand’s ergonomics. When the player uses it, the momentum is absolutely burning like a flame.
96
EATSELF Assisted Eating Tableware
2016
Category / Product , Tableware Material / Plastic , Metal Size / 10 ╳ 15 ╳ 11 (cm) 20 ╳ 21 ╳ 6 (cm) 15 ╳ 3 ╳ 4 (cm) 15 ╳ 15 ╳ 15 (cm)
Concept EATSELF is designed for users whose hands are rehabilitating or are unable to bend. This series includes a bowls, spoons, soup bowls, and cups.
97
POETRY ON THE TABLE Chinese Imagery Tableware
2016
Category / Product , Tableware Material / Ceramics , plastic Size / 15 â•ł 15 â•ł 18 (cm)
Concept "POETRY ON THE TABLE" is a set of Chinese mountain ink painting made into a series of tableware, bowls into mountains, pepper pots and salt pots into shale, chopsticks into bamboo, spoons and leaves, forming a landscape on the table, just like China Landscape paintings are in front of you.
98
99
SKETCH Design Painting Sketch
Category / Sketch , Product Tool / Pen , Marker Pen Author / Josh Liu
100
DIGITAL DRAWING Photoshop Sketch Rendering
During my studies, I took the time to learn how to use PHOTOSHOP to draw close to rendering effects. This is great for the proposal, because you don't need to model all the ideas in your brain.
Catagory / Rendering , Product Tool / Photoshop Author / Josh Liu
101
102
Josh Liu’s Design Work 2016 - 2018
Tapei ,Taiwan +886-923-103-939 l0923103939@gmail.com
劉 家勳
Josh Liu