you le portfolio

8/14/2019 You Le Portfolio

1/28

Interaction

Design

Curriculum

Vitae

Industrial &

Research Design

Corporate Identity

& Branding

Y

I

R

I

Experiences

2007 Studying MA Intera

2003 - 2006 Research Designer,

2002 - 2003 Industrial Designer

1997 - 2002 Bsc. (Hons) Industr

OSIM, www.osim.c

Maclarenbaby, ww

PENSONIC, www.p

ORCA, www.orca.c

Lotus Restaurant, S

Niceprint, www.nic

MAQUET, www.ma

Motorola, www.mo

Danfoss, www.dan

Nokia, http://onlyp

Umea Airport, htt

Clientele

ExperiencesCurriculum Vitae
http://www.dh.umu.se/http://www.orcadesign.com.my/http://www.likom.com.my/http://www.utm.my/http://www.utm.my/http://www.likom.com.my/http://www.orcadesign.com.my/http://www.dh.umu.se/


2/28

How I Work?Design Process

Each proje

depending


3/28

ZeroResearch

DesignEvaluation

5 Days (2007)www.sketchtools.com

Stretch Your Body with Nada is an exercise that was carried out with Tellarts. It was designed

to use Nada Sketchtools with MAKE controller, an asssortment of sensors, Nada software and

Flash actionscripts.

During the exercise, three projects were developed during this exercise with Heewon Lee and

Jannes Peters.

MAC platform

MAKE

controller

RFID

outputs

inputs

Stretch Your Body with NadaInteraction Design

1, Mac Mini

2, Make Controller (analog and

digital converter kit)

3, Phidgets RFID Reader

4, An assortment of sensors, motors,

lights, fans, servos, and RFID tags

5, NADA software and Live Manual

6, Flash 8 Software

NADA Sketchtools

//Link to design demo

In this virtual files of sharing, the tangib

and sharing activities have dimmed gra

This design allows people to share their

of the screen. The shared files will fly thr

receiver.

Approximately Sensor : to identif

files loca

Touch Sensors : to triggMAKE Controller : links the

Tap-tap File Sharing Platform
http://www.youtube.com/watch?v=KOZav8heycshttp://www.youtube.com/watch?v=KOZav8heycs


4/28

Drink me reminder is designed to remi

This device just looks like an ordinary cu

It records the weight changes of the cup

appears on the monitor, It is time to dri

Stretch it is an health monitor that reminds users to do some daily exercise in their computer

work routine.

The computer screen will shrink down after 2 hours of non-stop work as a reminder to the user

that they need to take a break and exercise. To resume the screen, the user is forced to pull thestretching tool with a friend. If a juicer is connected, the system will activate it once the exercise

is completed.

Pressure Sensors : embedde

(the amoMake Controller : links the

Pressure sensors : embedded in the handle to simulate the pulling actions

Motors : lab-made fruit juicerMake Controller : links the computer and sensors as a platform

Drink me reminderStretch it health monitor

Stretch Your Body with NadaInteraction Design

//Link to design demo//Link to design demo
http://www.youtube.com/watch?v=8oIW7pdnspkhttp://www.youtube.com/watch?v=JqDkN3OC-K0http://www.youtube.com/watch?v=JqDkN3OC-K0http://www.youtube.com/watch?v=8oIW7pdnspk


5/28

MelodyHarmonyRhythm

OrchestrationIntrumentation

VocalRich of Vocal

Harmony

Percussion

5 Weeks (2007)

ZeroResearch

DesignEvaluation

Link to example

Ambient (Musical Visualiser)Interaction Design

Time

CurrentPlayingTrack

ComingTracks

PreviousTracks

Community that listeningto the same music channel

Song Information:1. Song Title2. Artist

3. Album4. Year

Colours and Mood ofthe Genre of the Music

Event Information

A display that visualises the architecture of sound and projects the mood based on the

music that is playing in the living environment. Ambient the musical visualiser was inspired

by the Music Genome Project which capture the essence of music at the most fundamentallevel.
http://studentweb.dh.umu.se/yole0001/Ambient/Pandora%20Jazz%20rev5.htmlhttp://studentweb.dh.umu.se/yole0001/Ambient/Pandora%20Jazz%20rev5.html


6/28

Happy Feet the music floorInteraction Design

ZeroResearch

DesignEvaluation 12 Days (2007)

Happy Feet is a luminous music player that could be played by

anyone. In this project, we intended to explore the integration

between dance steps with digital interactivity, in this case withsounds and lights.

This project was carried out over 12 working days with the approach

ofprototype early and prototype more. We nearly spent 80% of our

time in prototyping, testing and trouble shooting.

B.O.M list

2x Laptops

2x Speakers1x Power supply

2x Keyboard Emulators

2x Arduino Boards24x Tiles

192x LEDs

24x Pressure sensors24x 100k Ohm resistors

2x 100 Ohm resistors

4x ULN2003 chipsA lot of wires

// Link to demo
http://www.youtube.com/watch?v=49GqRYP9vqAhttp://www.youtube.com/watch?v=49GqRYP9vqA


7/28

Happy Feet the music floorInteraction Design

Day 1

Finding ideas and exploration

Facing lots of difficulties with

the hacked piano system

More experiments andbuilding our own pressure

sensors

Production starts (duplicating

the code, physical parts,

soldering, wiring...)

Sourcing for Materials

New attempt with Arduino

using flash actionscripts with

keyboard emulator

Hacking an eget some sou

Production c

assembles th

Day 2 Day 3

Arduino with processing andFlash (matching hardware &

software)

Using ULN 2003 chip as a switch

to allow external power supply

to power the LEDs

Day 4

Production

Trial and error

HOW WE WORK?

Day 7 Day 8 Day 9 Day 10


8/28

Airport as an I nterfaceInteraction Design

The Airport as an Interface is a 8 weeks group project with Stina

Jonsson and Paula Segura, in collaboration with Ume Airport.

The goal was to create an user experience, considering the airport

as an interface to the city of Ume. We also aimed to give the airport

some ideas for the future reconstruction.

The final design is based on eight weeks of ethnographically

inspired methods such as User Observations, Ethnomethodology,Grounded Theory and Participatory Design.

The concept is declined in four parts: an interactive floor guide, a

culture cube, a motion detector OLED information on tables and

some arrivals, departures and gate screens. dscreens.

User Observations & Shadowing Interviewing

Participatory Design (ii)Participatory Design (i)

ZeroResearch

DesignEvaluation

8 Weeks (2007)

www.lfv.se


9/28

Airport as an I nterfaceInteraction Design

Joakim(student)

Interview

Coding MemoingOp

Quotes fromInterviews

Footage fromShadowings

Shadowing

Sara & Lena

(scientists)

Austrians

(engineer)

Henricksson

Family

Ume

Man

Sony Ericssons Sales

(Foreigners)

The focus in this project is to apply ethnography in research and to digestthe gathered data and information.

We used the Grounded Theory method as a reference here.

Grounded Theory


10/28

Although Ume City Airpo

opportuInspiration comes from

information overlo


11/28

The cultural cube is a co

the project of getting Umenice way to spend time in

Ume. They can bring a bi


12/28

At least 60% or the students.

In

Time passing

clock, birch before boardin


13/28

motion

Keeping the essen

in transit at Ume experience. Nervous

Pass


14/28

1

To transport the CUBE from START t

by shooting the puck at it

- the first team to co

Collabora

Design is a GameInteraction Design

Tick-Tock Times Up!, a game was inspired by Danfoss (Micro-Drives)

product manager who thinks that whole department is fighting withtime.

The game makes players aware of the important of time and theimportance of collaborations within teams to achieve the goal. It

also teaches the player to be open to what is done by others and

triggers a discussion afterwards about their experiences in the gameand everyday life.

Time is very costly,he states and

continues to sayand very big factorto look at.


15/28

With RFID Tag, the device can auto-detect

whenever an user with the RFID Tag isapproaching.

Signing in with yourpersonal signature.

The design of thedevice guide userto push like anhandle and once theuser pushed it, is adoorbell.

Door Bell connected tothe receptionist.

User with RFID Tag

User without RFID Tag

Devices detected user appoaching. Us

User without RFID tag approaching and try toopen the door by pushing the door handle.

Dc

r

Intuitive Door Interface

//Link to Product Demo - With RFID Ta

Door Unlocked Please Sign In

New designed sounds are incorperate i

more intuitive and friendly.

//Link to User Interface

//Link to Product Demo - without RFID

Intuitive DoorInteraction Design

RFIDTag
http://studentweb.dh.umu.se/yole0001/IntuitiveDoor/RFID/RFID.htmlhttp://studentweb.dh.umu.se/yole0001/IntuitiveDoor/RFID/RFID.htmlhttp://studentweb.dh.umu.se/yole0001/IntuitiveDoor/Sound%20and%20Visual.htmlhttp://studentweb.dh.umu.se/yole0001/IntuitiveDoor/NoRFID/NoRFID.htmlhttp://studentweb.dh.umu.se/yole0001/IntuitiveDoor/NoRFID/NoRFID.htmlhttp://studentweb.dh.umu.se/yole0001/IntuitiveDoor/RFID/RFID.htmlhttp://studentweb.dh.umu.se/yole0001/IntuitiveDoor/Sound%20and%20Visual.html


16/28

ZeroResearch

DesignEvaluation

3 Weeks (2006)

Graphic Design I

Astra PharmaceuticalCorporate Identity

& Branding


17/28

Cartridges Packaging Adv

Logo

ZeroResearch

DesignEvaluation

60 Hours (2007)www.niceprint.net

Nice PrintCorporate Identity

& Branding


18/28

Logo

Menu

ZeroResearch

DesignEvaluation

60 Hours (2006)www.niceprint.net

Lotus Restaurant, SuzhouCorporate Identity

& Branding


19/28

ZeroResearch

DesignEvaluation

Product Design Identity (PDI)

It is a value, an image, as well as a visual expression of the compan

desirable experience that happens between the user and the com

A Malaysia company named PENSONIC would like to have a facelif

time and resources, weve suggested them to do a PDI program spkitchen appliciances.

Zero Phase Research Phase D

Planning Setting up Colour Lab

Market Research

Colours Interpretations &

Cultural Influences

An

De

Fi4 months (2005)

www.pensonic.com

PENSONIC Product Design IdentityCorporate Identity & Branding


20/28

In their products range, there are significantly divided into 2 editions,

1. The original edition

2. The limited edition for special launching or occasion.

Proposed Colours Applications

For the original edition, we used try to work with pastel colours which are natural, comfortable,soothing and suit very well with kitchen appliances. Pastel with some subtle vivid tone gives

the product a bit of highlights especially with the companion of white.

PENSONIC Product Design IdentityCorporate Identity & Branding

M l b b C ibl C d S


21/28

Convertible Cot and Seat (CCS) is a detachable module that allow it to be transformed from acot to seat in seconds, catering for a wider usage and for a longer period of time. This project

start up with a new concept that was proposed by Maclarenbaby and we carried on the design

from the idea of converting cot to seat.In this project, there are 2 major focuses:

1. mechanical design solutions

2. softgood design solutions (fabric & cushion design)

Convertible Cot and Seat Usage

Converting from Seat to Cot

Converting from Cot to Seat

Unlock the side lockand push the CCS BackRest from the bottomtill it change into Cot.

Released the safetylock at the CCS BackRest. The gravity forcehelps to convert thecot into seat.

Mockup (Ideation)

Low-fidelity mockup in ideation stage that he

Functional Mockup (Development)

Functional Mockup is essential in this product

Maclarenbaby Convertible Cot and SeatIndustrial Design


22/28

Prototype

After a few functional mockups and design evalutions, the design is send for prototyping. In this project, thedesign was transfered back to the Maclarenbaby UK New Product Development Team for evaluation.

Mechcanical Design (Converting Cot to S

R el ea si ng t he S afe ty Lo

Softgood Design (Converting Seat to Cot

Unbuttoning the 4 buttons on the side of the softgood of C

Hold on to the top frame and let allowed CCS converts fro

Sponge Holder


23/28

Sponge HolderIndustrial Design

Product

Usage

Ideation

A sponge holder that bring in joy an

to the kitchen.

Pneumatic Water Toy


24/28

Pneumatic Water ToyIndustrial Design

This is a undergraduate project.

The theme of this project is todesign a pneumatic water toy.

Likom LCD Monitor


25/28

Concept 1

Concept 2

Con

Likom LCD MonitorIndustrial Design

Development 1

Concept Development

Development 2 Development 3

E l f h fi diMaclarenbaby Stroller Research Program


26/28

We also identified parent who left their baby stroller unattended for a few mpush in the baby stroller into the shops.

We had discovered interesting usage of stroller and who are actually sitting

Who sit on the stroller?Shopping Bag? Over Grown Kids? or Baby?

The objective of this program is to identify problems in existing baby

strollers and to find out design oppotunities in baby strollers. This

program enphasized on two (2) focuses, the product studies andthe users studies. The research material were used as New Product

Devlopment materials.

Research Process

Interviews On-site trials User Observations

Product Trials Mechanism Studies Mar ket Research

Product Studies Analysis

ZeroResearch

DesignEvaluation

2 Weeks (2004)www.maclarenbaby.com

Examples of research findingsMaclarenbaby Stroller Research ProgramResearch Design

ProblemIdentification


27/28

Parents who say NO to stroller due to the inconveniency of stroller in manuverable aroundespecially when they are traveling alone.

Parents who misused the stroller that might endangers the children who say in the stroller.

Creative parents who modified their own stroller or even design their own stroller that suittheir needs and the geographical climates.

Problem Identification

Skills & Strength


28/28

Skills

Softwares

Hardware

Adobe Photoshop, Illustrator and InDesign

Adobe Premiere Element

Macromedia Flash and Freehand

Microsoft Word and Powerpoint

Sound Software - Audacity

ProEngineer

Make Controller with Nada

Phidgets

Arduino

Electronics

Knowledge Experience Prototyping - Low Fidelity and High Fidelity Prototyping

Electronics with sensors and controller (with flash actionscripts)

Design Research - Grounded Theory, Participatory Design, Shadowing

Design Research - New Product Development and Trend Studies

Video Documentary

Short Movie MakingBranding and Product Design Identity

Project Management

Interactive Presentation

L an guag es E ng lish , Ch in es e an

French & Swedish (

S tr en gt h S tr on g i n D es ig n P

Strong in Research

Strong Coordinatin

Innovative & CreatiResponsible & Self

Problem Analytical

Work great in Team

Thanks for viewi

Curriculum Vitae

Skills & Strength

you le portfolio

Documents