Pei Jen User experience design
I love human beings, they are fascinating, they full of passions, emotions, thoughts, joy, sorrow and stories. I gaze carefully, listen attentively, try to understand their feeling with empathy.
I’m super creative and incredibly observant, I have powerful intuition and great passion in work and life. I’m good at researching, analyzing, discovering problems and the solve them, interacting with people and understanding them, making love design and enjoying life. I love photography, painting and writing, those are my ways to tell story.
I love human beings, they are fascinating, they full of passions, emotions, thoughts, joy, sorrow and stories. I gaze carefully, listen attentively, try to understand their feeling with empathy.
Lin, Pei Jen ID designer / UX designer +49 1778407826(Germany)/ +886 930346122(Taiwan) peggylin38@hotmail.com
Bachelor Working Experience 2008
2009
Tunghai University Industrial design CITIKON CO. LTD Package design Colive Tea Product design, Package design
2011~2015.07
Compal Electronic Product design, User experience design, User research, Usability test
Computer skill
Pro-E, Solidworks, Keyshop, Cineman 4D, Adobe Photoshop, Adobe Illustrator
2014
Detachable + Revolve NB behavior study 2014
Silicon Rubber KB Typing Behavior Study 2014
Design Suggestion for Smartphone Attachable Lens-style Cameras 2014
(Please check the other portfolio for contents below)
Hybrid PC User study 2015
In Home IoT Devices & Their Users 2015
Light Gaming NB Behavior Suggestion 2014 Android Wear Design Suggestion 2014 2015 UX Trend 2014 Product Test & User Experience Study : Xiaomi Router & Xiaomi Box 2015 Product Test & User Experience Study : Hp Sprout 2015
Contents
2-in-1 Behavior Study
2 in 1 Detachable NB Convertible NB Hybrid NB series
To discover various users’ needs; Productivity, Portability, Companion for leisure time, we had different type of user research project.
“User Behavior study”, “Usability Test”, “User research via In-depth Interview”.
2-in-1 Behavior Study
2014
we really though this is almost the best 2-in-1 we’ve ever designed, but we need users’ feedback to make if even more perfect
2-in-1 Behavior Study
2014
Prototype A which is designed to be detached at 90°.
In this user testing, we try to get some inspiration for 2-in-1 next project by observing users‘ behavior. To see how they detach and attach the prototypes: where they put their hands on, what kind of posture they take, their force directions and the opening angle of display when detaching or attaching. We try to understand the reasons why they act like that by asking them to think out loud. Interviewees: We executed a quick user testing in Compal. There are 30 interviewees, who are ME / SW/ HE R&D engineers, IT engineers, sales representative, PTO specialists, office assistants, and a nurse. We have a balanced gender mix: 15 men and 15 women. 9
7
5
2
0
ME RD
SA1 RD
Battery RD
Bios RD
Nurse
IT
Sales
PTO
OA
APE SW RD
Prototype B which is designed to be detached at 15°.
Findings Button or latch
The force direction
Posture
• Most users look for button or latch to release the “lock” when they first-time facing the prototype and don’t know how to detach it. • After they know how to detach and attach it, some users said they’ll feel secure if there is a lock to avoid detaching carelessly.
• After they have been taught, most users said 90° is an accurate angle to do detaching and attaching. • Users tried to detach it at any opening angle, but tend to attach it at 90°. • Decorations of two ends of the hinge could be a hint of the force direction.
• Some users, especially female users, said it is not easy to detach prototype A when sitting on chair. They need to raise up their arm to do detaching, but the pad is heavy. • Some users said the detach posture of prototype B is not intuitive. They said it is a little dangerous to detach prototype B, because they afraid they may hit themselves when extracting the pad.
Prototype A
Prototype B
180° detach by accident
Align to attach
• We are surprised that there are many users tried to adjust the display opening angle to 180°, then they detach prototype A by accident. It seems like opening angle to 180° is a must to a clamshell laptop PC.
• Both prototype A and B are hard to align when attaching. • We told users that they need to attach prototype B in the angle it was detached, but it’s somehow difficult to remember in which angle it was detached. • Many users tend to attach one side first, then attach the other. So the magnet of prototype B doesn’t help on alignment, but somehow becomes obstruction. • Many users don’t know if the prototype is well-attached or not, and adjust the display when only one side is attached. This behavior will make align to attach become more difficult for the second time. • Using hands to hold the two sides of the pad make prototype A & B be easier to attach.
Apparently, there are more we can do to make it better to make it easier to use and make users feel secure, here are our suggestions • • • • •
The feedback of “lock” make users feel secure. They don’t care much about one-more-step of release button or latch. Users need a feedback (e.g. sound) to know in which angle to detach. Fool-proofing mechanism is a must to avoid 180 ° detaching. Make it be able to detach and attach at any angle. If this cannot be done, 90° is better than any other angle. Detach angle and attach angle can be different.
1+1>2 ?
if we combine Detachable mechanism & Revolve mechanism Detachable + Revolve behavior study
2014
Detachable + Revolve behavior study
2014
Detachable Notebook • System in display (tablet) • Strength: - Fully tablet experience • Weakness: - Weight balance - Storage & data transfer
Revolve Notebook • System in logic (clamshell laptop) • Strength: - Quick sharing • Weakness : - Mechanism durability - Revolve direction
Overall Comparison RV
Overall Operation
•User is able to operate with single hand. •Need more space for rotation when user operate it’s on table.
DETACH
•User have to use both hands for screen detaching. •It needs less space to operate.
•. It only activate on certain angle to prevent scratching K/B •It might trigger RV mechanism accidentally while adjust angle
•It can be operated at any angle, only if screen is opened.
•User have to carry with KB, which is heavy.
•DETACH is much lighter than RV, no need to carry K/B everywhere. •There are less steps than RV.
RV + DETACH
Conflict action might occur under different behaviors of DETACH……
Pad mode •RV needs more steps than DETACH.
Viewing mode
•It’s a intuitive way to operate, only need to turn around.
•When attaching, if takes effort to hold the screen and might have issue on mapping position.
•Have lighter tablet mode.
Combine the benefits from both RV & DETACH
•Two options to choose, RV is simpler and lighter ; DETACH is more flexible. •In viewing mode, screen might be higher than RV and Detach.
Test model: •Counterclockwise revolve, 180 degree, no angle limitation. •Magnet attach, dual-sided attach. •Pad weight 800g, logic weight 1000g.
Interviewees: We executed a quick user testing in Compal. There are 30 interviewees, who are ME / SW/ HE R&D engineers, IT engineers, sales representative, PTO specialists, office assistants, and a nurse. We have a balanced gender mix: 15 men and 15 women.
3 findings 1. Confliction between RV behavior and Detach behavior Revolve but detach accidentally Detach but revolve accidentally
2. Different preference depends on different mode 3. Unavoidable confusion duo to the combination of two mechanisms
Confliction between RV behavior and Detach behavior Revolve but detach accidentally
• One hand on top of LCD to revolve is easier to detach accidentally than two hand because in this position it's easy to cause up-ward strength. • User want to adjust LCD angle when LCD scratch KB, this action might detach accidentally • If LCD scratch on table user might raise NB to revolve smoothly, and this action might detach accidentally. •When user want to move NB and LCD at the same time might also detach accidentally. Detach but revolve accidentally
• It's easier to revolve accidenatlly by detach with One hand on top and isn't in the middle of LCD is than detach by two hands, because users need to lift their arms to detach, and it's not easy to keep direction of strength parallel to detach mechansim . • If mechanism is not easy to detach, user might want to twist LCD, no matter by one hand or two hands, to release structure.
Different preference depends on different mode
• Detach to Tablet mode since it’s easier, faster, less step and lighter to carry around than Revolve mechanism. • Revolve to Viewing mode since it’s easier cause its without mapping problem; faster to revolve back and forth if needed; less step than Detach mechanism.
Unavoidable confusion duo to the combination of two mechanisms
In this case, it might change the direction of revolve because dual-sided attached. • 1/2 of user realize the change of direction, and think it's a problem to them. • Users worry that might cause damage if they revolve in wrong direction. • Some users want to avoid revolve in wrong direction by not revolve at all. • There is no sign to remind user which way they should revolve this time.
so we think that
1+1<2
……
but if we still want a “Detachable+Revolve
Notebook”,
here are our suggestions • LCD can't scratch KB and table while revolving and should revolve smoothly. • Users need a clear feedback to know what angle they can revolve LCD. • To prevent accidentally Detach or revolve and make user feels secure, there should be a mechanism to unlock Detach and lock RV at the same time, maybe a latch or a button, also, during revolving process, Detach mechanism should not be unlock. • 1/2 of user prefer it can be revolved on dual-side, but if there are only two choices; clockwise or counterclockwise, 2/3 of user prefer clockwise. • If LCD only can revolve in one direction also two-side-attach(same as mockup now we have), there should be a obvious hint for user to know the currect revlove direction both from panel side and A cover side. • Or, since most user tend to use RV in Viewing mode and Temp mode, Detach in Pad mode, it could be one-side-attach only with a obvious hint for user to know which side to attach to avoid changing direction.
Silicon Rubber KB Typing Behavior Study
we stay
2015
Elegant, but did we sacrifice the Performance? we want to figure out
1. Influence on Performance? A: Decrease but Acceptable Most users are "OK" with it although objective score is decreased.
2. Users' Feedback A: Durability Concern Become yellow or split by time or heat.
first of all, this is how people type… Typing Strategy
Typing Behavior
Tactile Touch typing
Micro Stages of Typing Behavior
Visual Fluent Typing
Hunt & Pick
Locate & Differentiate
Press
Feedback
and this is how we
•2 NB with same Keyboard module, and one with rubber sheet on top.
•User : 6 Tactile users & 6 Visual users
•Wamr up : 5 mins to familiar with each Keyboard. •Typing Test : 1 min typing test for 5 times. •Intrerview : about usability, comfort, material and design. •Questionnaire : about usability and comfort.
Decrease but Acceptable Typing Test Tactile Original
Averge score of 6 users (WPM)
74.26
Visual
Banner 67.53
Original
Banner
50.1
46.3
-6.73
WPM Difference
-3.8
â&#x20AC;˘ Compare with original keyboard, there is significant decrease in typing performance on Banner Keyboard. Especially Tacile user.
Questionnaire 5 means very satisfied,1 means unsatisfied at all, 3 means OK. *
5 4 3
OK
2 1 0 Banner Efficiency
Feedback
Easy to use
Easy to Learn
Satisfaction
â&#x20AC;˘ Acceptable scores in general, and it might just need some improvement in detail.
•Suggestion • Make obvious difference between Keys. By height
By different texture on Key and gap
Locate & Differentiate Difficulty in Keycap Recognization
• Not easy to locate fingers on right key because of no clear boundary line. • The key height is not enough. • The touch feeling of key and ridge are the same. • No sway-sound from key cap while typing.
By direction indicator
•Suggestion • Make big key as easy to pressed as others.
Maybe there could be small groove between key and key make soft material stretch easily.
Press Fluently
• Fingers won't slip because of frictional force. Influence to Big Keys
• Big keys such as "Space key" and "Enter Key" need more strength to press.
•Suggestion • Make touch feedback different between key area and none-key area.
Hard Soft
Feedback Confused strike rebound
• No difference between pressing key and pressing keyboard frame. • "Click-feeling" reduced because of soft material. Unclear Sound feedback
• Sound feedback reduced because of soft material. Unclear Visual feedback
• No obvious difference between be pressed key and unpressed key.
Design Suggestion for Smartphone Attachable Lens-style Cameras 2015
Hand Grip Postures Size Recommendation
Palm grip
If main control area is at the holding area and control is hight complexity, we suggest "Palm gripping" and it's better to be placed on "right side" like most perfessional camera.
Finger grip
Finger Gripping
Recommend 20mm~
Palm Grpping
Recommend 30~40 mm
Holder location or
At the front side of Phone
Both at the front side or back side of Phone
If main control area is at other area except holding area like it's on the screen, and control is less complexity, we suggest "Finger gripping" and it's ok to be placed on either "right side" or "left side" .
Comfor fit - Finger grip
Palm grip For thumb
For thumb
Enough area for "Thumb finger" to rest.
For middle, ring ,little finger and index finger
"Middle, ring and little fingers" generally operate together as grippers,enough grip-area for three fingers . Also concider resting area for index finger.
Enough area for "Thumb finger" to rest.
For middle, ring ,little finger and palm
Flat shape and curved to fit middle, ring, and little finger for palm gripping.
Shape for finger force is directed into the palm of the hand would be more stable and secure with no tendency to twist out of usea's hand. And curved shape to fit palm
Control For thumb
For thumb, buttons or dial should be placed on upper side of scroll-part .
For thumb, buttons or dial should be placed at where can be pressed or operated with thumb held straight.
For index finger Suggest area
Compal
For index finger, buttons or dial should be placed on upper side of scrollpart .
For index finger, buttons or dial should be placed at where is the most comfortable place, and button surface should be parallel to finger tip, and can be pressed or operated by clench or strength the finger.
Thank you
Pei Jen +49 1778407826(Germany)/ +886 930346122(Taiwan) peggylin38@hotmail.com