Page 1


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


Vivia liu portfolio interaction1  
Read more
Read more
Similar to
Popular now
Just for you