CWNL
product development
As one of the most signiďŹ cant and competitive products that Lenovo Corporate Research & Development is focusing on developing, Client-side web navigation of Lenovo aims at providing value-added services for Lenovo's mobile terminals. I participated in optimizing user interface (UI) and mainly designed a whole set of GUI of high praise, which has been published on Major Android Websets with millions of clients and will be pre-installed in the Idea-phone and Idea-pad.
Interaction
8
TEAMWORK Liang Wu, product manager, E2E, MENTOR
Lenovo Corporate Research & Development Main UI designer 07/2012-09/2012
VISUAL STYLE DEFINITION
BREAK THROUGH OF LAYERS PAGE LAYRE
Includes address and searching bar as well as content area Sprightly
Texture
Elegent
ICON DESIGN SPECIFICATION
Ease
FOCUS ON NAVIGATE EXPERIENCE
GRASP DESIGN Efficiently Plot TREND Fluency
Concise Reliable Cordial
Quality
Android 4.0
ENHANCE BRAND IMAGE Previous Versions
Current Versions
WINDOW LAYRE
The carrier of page layer, with the function of changing skin
carry muti-windows and the left sidebar plugins options
TERMINALS ANALYSIS
According to the users’ feedback of the pre-version, we optimized the structure plot and redefined a new visual style. The whole set of interface I design was seleted and highly praised
BROWSERS LAYER
Broad Area
Our design has to consider flexibility of differenct screens of IdeaPhone.
I kept communicating with the program engineer in order to guarantee fluent and convenient user experince.
Hot word lables
side bar for system modes Slid to switch two main screen
taskbar
rotate to change pages
page background
bookmarks & history
useful telephone
telephone classification
PROTOTYPE
1. Transform function structure from layer to peer position 2. Increase more slide gestures that provide fluency experience 3. Strengthen the visual legibility 4. Reduce some repeat and useless functions 5. Increase user-defined flexibility
CAMERA
In order to display Client-side web navigation of Lenovo, I especially designed bamboo concept Idea-pad and Idea-phone based on Chinese culture. 2rd prize of “Newsman cup” Industrial design competition
HOME BOTTOM
Exhibit in Beijing International Exhibition Center
TABOO POWER BOTTOM SLIDE INDUCT VOLUM KEY
BAMBOO LEAF SHAPED AUDIO
Navishow navigation application for Exhibition Hall [Based on real time positioning LBS and AR virtual reality]
Integration
9
MENTOR Professor Jinyan Qin, Lecturer Jiaming Yin TEAM GROUP Group Leader
Navishow
freely navigate in exhibitions
Emotion needs to be nourished Just think of you for amilorating human’s mood
Electrolux
MOOD NUTRIENT is a Intelligence food prpare machine that can select and prepare the food material for you according to your mood， which provides a targeted prescription to improve user’s mood. MENTOR Professor Jinyan Qin, USTB
04/2012-05/2012
Product 6
IDEATION Negative Emotions
Hope to be understood
Particular food can amilorate mood
Time consuming & troublesome
Telepathy communcation
Telepathy one of the most miraculous phenomenon in the world, attacts human so much that it can understand what other think or experince.
USAGE DIAGRAM
An xi e ty
What is your mood colour？
ted tra s u Fr
Reflect different emotion with different colour
Depressed
An
Aggr eived
gry
Food Processed Spiral
Sort, cut and clean ingredients ①Put your hand on the Emotion Sensce Circle to sense your mood.
Joyful music & Cooking guidance
②Offer you recommended dishes that can improve your mood.
③Prepare the food ingredients for you.
Link with refragirator
Pick up ingredients automotively ④ Enjoy cooking your “Chicken Soup” with mood-enhancing effects
INTERACTION MODE Interactive Light Circle
Food Sterilize Biomembrane
Disinfect ingredients with ultraviolet rays
Telepathy Channal Telepathy Center Mood analysising
Recipe matching
Clone
TAMP
Want the damage surface of your household goods turn to be intact and uniďŹ ed like before? This creative products can help you repair them like the clone stamp tool in Photoshop! Clone stamp creatively uses a compositing technique--Scanning Photocopy Technology in order to help people make up their damage surface of walls or furnitures with a simple and pleasant user experience. AWARD
Reddot Award Finalist 2/2012-08/2012
TEAMWORK
First designer
VIEDIO
http://v.youku.com/v_show/id_XNDg4ODY0NTE2.html
Product
2
IDEATION
Have Experinced this？ Traditional surface repairing is a tough and annoying task, which always wastes a lot of time and energy! But the effect is not satisfied for the repaired place is often incompatible with original one.
When you intend to make up a scratch on a surface...... effect difference
paint, dust...
time consuming
Scaning Photocopy Technology
Oops!..Not this one either!!!.Rawr..
scanning technique Rcord the color & texture
3D printing technique
Print out the same texture and colour ！
You need a magic clone stamp!
Squeeze & Push
Soft Silicon Connection When you push down the handle, paint particles spray out with pre-deďŹ ned mode.
Scaning Laser
Clone
Abstract the texture like a dropper
TAMP
LCD Screen Bearing the seal
How does it work? Even complex texture and pattern can be made up by 3D Print.
Before After
When you squeeze here, scaning laser copies down characteristic of the surface.
11