My Journey Into the Product Designer
Junior College
Tainan University of Technology
Associate Degree in Product Design
(Sep. 2009- Jun. 2013)
In-Tech is the graduated project from
Ian and his partners in Junior College.
We found that the traditional retractable belt stanchion is hard to carry. Also, you can only take one piece at a time. But, the retractable belt stanchion we designed can be easily carried through four simple steps.
With the magnet at the bottom of chassis, there is no difficulty carrying more than one retractable belt stanchion.
2013 YODEX #3 Awards
-Bronze Medal
-Vendor Special Award (Poodehii)
-Vendor Special Award (野趣萬象)
College
Tainan University of Technology
Bachelor of Product Design
(Sep. 2013- Jun. 2015)
UCS is the graduated project from
Ian and his partners in College.
The starting point of the design is the necessity and the demand of charging.
UCS overcomes the usage-related drawbacks prevalent in existing battery-charging stations, and meet the needs of charging quickly and in a short period of time.
There're more projects in College Life...
Smile Spoon
There are many kinds of teether in the market, but the common shortcoming is that the product life is short. Through the observation of the baby's behavior, one of the first products to be used is the spoon.
"Smile spoon" extends the life of the traditional teether. The fixed-tooth ring adopts the assembly mode. After removing the teether ring, it is the general spoon for children. The teether ring can be used for any baby.
Walker for Elderly
From the current aging status quo, the elderly are in the home life due to bodily functions degradation, the need to use the walker to complete the living activities.
Analyze the physiological characteristics and motor system of the elderly, and design the elderly walker with ergonomics.
These walkers have the night lighting function. The most special points are light, no wheel, telescopic, support, multifunction. Designed to be as greatly help elderly to live their lives joyful.
Walker Image Map
Flashlight Image Map
Master's Degree
National Taipei University of Technology
Master of Design (Industrial Design)
(Sep. 2015- Feb. 2019)
Recognition
- Sweet Indicator
- Life Alarm
Cooperation Projects
Taipei Veterans General Hospital
- Sedentary Repositioning Assist Device
- Medical Bandage Access Device
National Taipei University of Nursing and Health Sciences
- Digitalization Long-term Care Daily Activities Record Form
Publications in Refereed Journals and Conference Presentations
- Employing Personalized Shortcut Options and Group Recommending Options for Improving the Usability of User Interface of Hospital Self-service Registration Kiosks. In International Conference on Universal Access in Human-Computer Interaction (pp. 357-368). Springer, Cham. (2017, July)
- Employing Shortcut Setting and Subitizing Effect for Improving UI of Multi Media Kiosks. In International Conference on Human-Computer Interaction (pp. 17-30). Springer, Cham. (2018, July)
Master's Degree Dissertation
- Employing Progressive Disclosure Options for Improving Choice Overload on Home Screen
Photo with
Ben Shneiderman
at HCI 2017
Recognition
Bronze Medal
Sweet Indicator
Sweet Indicator replaces the traditional plaque disclosing solutions in the form of candy, and is more friendly for children, so children would develop a good brushing habit from a young age.
Bronze Medal
Life Alarm
Life Alarm combined lane line and closet key, it can indicate the location of the drowning person. Life Alarm let the lifeguard detect the drowning person immediately and recuse the person before the golden window closed.
Cooperation Projects
Taipei Veterans General Hospital
National Taipei University of Nursing and Health Sciences
Digitalization Long-term Care Daily Activities Record Form
User Interview (Discover the demand)
Before
- Users have to fill the form on the sheets of papers.
- The data is very inconvenient to integrate.
- User interface of the original system was not so friendly for the expert users.
After
- Employing Wizard Interface to lead the users finished the form with "step by step".
- The issues in the form are presented in the form of continuity (like the layout of a scroll-down web page or a paper form).
- Apply Responsive Disclosure to mask non-filled issues in a masked manner and reduce visual interference.
- The user interface is adaptable, users could switch the mode to Novice User Mode or Expert User Mode.
- Breadcrumbs provides user overview and sees where he/she is in the system(the form).
Time
Publications in Refereed Journals andConference Presentations
Human-Computer Interaction
International Conference 2017
Employing Personalized Shortcut Options and Group Recommending Options for Improving the Usability of User Interface of Hospital Self-service Registration Kiosks
Keywords: Recommender systems · Personal shortcut options · Responsive disclosure
Human-Computer Interaction
International Conference 2018
Employing Shortcut Setting and Subitizing Effect for Improving UI of Multi Media Kiosks.
Keywords: Shortcut · Subitizing
Master's Degree Final Dissertation
Employing Progressive Disclosure Options for Improving Choice Overload on Home Screen
What's the User Need?
This study started by the pilot study with Design Thinking Process first step "Discovery". Ian start from recognizing what is "GOOD USER EXPERIENCE" and do the research about the Cognitive Psychology. The good experience from the products must be have the good mental model. A mental model is an explanation of someone's thought process about how something works in the real world.
Designers how to create the good conceptual model for the users? There are 7 tips for the better experience from the products. Include Affordances (Analogies/ Metaphor), Constraints, Mappings, Positive transfer, Cultural (associations/standards), Instructions and Interactions.
7 Tips for the Better User Experience (Ding, 2018)
Adapted from Cooper & Reimann (2003)
Through literature research and exploratory fieldwork, my study discovered a phenomenon of choice overload in smartphone home screen and intended to improve it by utilizing effect of progressive disclosure among home page icons. The prior disclosure icon was designed to present in singleton way for attracting user’s attention and enables users to utilize their pre-attentive function and then recognize the options of recommendation.
My study successively proposed two prototypes with effects of “Prior Disclosure icons” and “Subsequent Disclosure icons”. Both prototypes highlight visual features of the prior disclosure icons by delaying disclosure of others. The design of the “subsequent disclosure icons” is based on an attempt to relieve user’s visual search load.
Visual Information Processing Based on Mental Work (Ding, 2018)
Adapted from Oberle, M. (2017), based on Damböck (2013), Schlick et al. (2010) and Luczak (1975).
The Research results
1. Interface of progressive disclosure options effectively highlight the prior disclosure icons of recommendation options and significantly improve choice overload of searching home screen icons.
The optimum number of prior disclosure icons on the home screen is preferably 3.
2. “Subsequent disclosure options interface” slightly increases the number of prior disclosure icons that users can recognize on home screen, and the ultimate number of prior disclosure icons is 4 (present by 3+1).
3. Interface of progressive disclosure options may contribute to the ideal of universal usability.
4. Interface with progressive disclosure options has the potential of enhancing adaptive user interface and adaptable user interface.
Interface of Progressive Disclosure Options
(The Prior Disclosure icons schematic diagram)
Contact Ian
Guan-Jun (Ian) graduated from
NTUT (National Taipei University of Technology) with
the Master's Degree in
Institute of Innovation and Design (Industrial Design).
Guan-Jun (Ian) learned Design Research from
Dr. T.K. Philip Hwang,
the course about User-Centered Design,Universal Design,
Human-Computer Interaction Design, and
Design Thinking Process.
#Great research breeds great design