vivia liu portfolio interaction1

16

Upload: ziqi-liu

Post on 08-Mar-2016

218 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Vivia liu portfolio interaction1
Page 2: Vivia liu portfolio interaction1
Page 3: Vivia liu portfolio interaction1
Page 4: Vivia liu portfolio interaction1
Page 5: Vivia liu portfolio interaction1

CWNL product development

Liang Wu, product manager, E2E, Lenovo Corporate Research & Development

07/2012-09/2012Main UI designer

TEAMWORK

MENTOR

Interaction8

As one of the most significant 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.

Page 6: Vivia liu portfolio interaction1

ICON DESIGN SPECIFICATION

Android 4.0Cordial

SprightlyTexture

ConciseBroad Area

Quality

PlotFluency

Efficiently

ENHANCE BRAND IMAGE

FOCUS ON NAVIGATE EXPERIENCE

GRASP DESIGN TREND

Reliable

Elegent

Ease

PAGE LAYRE

WINDOW LAYRE

BROWSERS LAYER

Includes address and searching bar as well as content area

The carrier of page layer,with the function of changing skin

carry muti-windows andthe left sidebar pluginsoptions

BREAK THROUGH OF LAYERS

The whole set of interface I design was seleted and highly praised

According to the users’ feedback of the pre-version, we optimized the structure plot and redefined a new

visual style.

TERMINALS ANALYSIS

VISUAL STYLE DEFINITION

Our design has to consider flexibil-ity of differenct screens of Idea- Phone.

Previous Versions Current Versions

Page 7: Vivia liu portfolio interaction1

Slid to switch two main screen

Hot word lables side bar for system modes

page background

rotate to change pages

bookmarks & history useful telephone

taskbar

telephone classification

PROTOTYPE

I kept communicating with the program engineer in order to guarantee fluent and convenient user experince.

1. Transform function structure from layer to peer position2. Increase more slide gestures that provide fluency experience3. Strengthen the visual legibility4. Reduce some repeat and useless functions 5. Increase user-defined flexibility

Page 8: Vivia liu portfolio interaction1

According to the users’ feedback of the pre-version, we optimized the structure plot and redefined a new

visual style.

Our design has to consider flexibil-ity of differenct screens of Idea- Phone.

CAMERA

TABOO POWER BOTTOM

BAMBOO LEAF SHAPED AUDIO

HOME BOTTOM

SLIDE INDUCT VOLUM KEY

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

Exhibit in Beijing International Exhibition Center

Page 9: Vivia liu portfolio interaction1

Navishow navigation application for Exhibition Hall

Navishowfreely navigate in exhibitions

[Based on real time positioning LBS and AR virtual reality]

MENTOR Professor Jinyan Qin, Lecturer Jiaming Yin

TEAM GROUP Group Leader Integration

9

Page 10: Vivia liu portfolio interaction1

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.

Professor Jinyan Qin, USTB 04/2012-05/2012MENTOR

Product6

Emotion needs to be nourishedJust think of you for amilorating human’s mood

Page 11: Vivia liu portfolio interaction1

IDEATION

Negative Emotions

Time consuming & troublesome

Particular food can amilorate mood

Telepathy communcation

Hope to be understood

Telepathy

one of the most miraculous phenomenonin the world, attacts human so much that it can understand

what other think or experince.

Page 12: Vivia liu portfolio interaction1

Food Processed Spiral

Food Sterilize Biomembrane

Telepathy Channal

Telepathy Center

Mood analysising Recipe matching

Interactive Light Circle

Reflect different emotion with different colour

Sort, cut and clean ingredients

Disinfect ingredients with ultraviolet rays

Link with refragiratorPick up ingredients automotively

①Put your hand on the Emotion Sensce Circle to sense your mood.

③Prepare the food ingredients for you.

Frustrated

Depressed

Angry

Aggreived

Anxiety

④ Enjoy cooking your “Chicken Soup” with mood-enhancing effects

USAGE DIAGRAM

Joyful music & Cooking guidance

What is your mood colour?

INTERACTION MODE

②Offer you recommended dishes that can improve your mood.

Page 13: Vivia liu portfolio interaction1

Reddot Award Finalist 2/2012-08/2012

http://v.youku.com/v_show/id_XNDg4ODY0NTE2.html

First designer

AWARD

TEAMWORK

VIEDIO

TAMP

Product2

Clone TAMPWant the damage surface of your household goods turn to be intact and unified 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.

Page 14: Vivia liu portfolio interaction1

You need a magic clone stamp!

When you intend to make up a scratch on a surface......IDEATION

paint, dust... time consumingtime consuming

Squeeze & Push

effect difference

scanning technique 3D printing technique

Scaning Photocopy Technology

Rcord the color & texture Print out the same texture and colour !

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.

Oops!..Not this one either!!!.Rawr..

Page 15: Vivia liu portfolio interaction1

Soft Silicon Connection When you push down the handle, paint particles spray out with pre-defined mode.

Scaning Laser

When you squeeze here, scaning lasercopies down characteristic of the surface.

LCD Screen

How does it work?

Before

After

Even complex texture and pattern can be made up by 3D Print.

11

Abstract the texture like a dropper

Bearing the seal

Clone TAMP

Page 16: Vivia liu portfolio interaction1