youle chong portfolio 2008
TRANSCRIPT
Interaction Design
CurriculumVitae
Industrial &Research Design
Corporate Identity & Branding
You Le, Chong (Malaysia)
Interaction DesignerResearch Designer
Industrial Designer
Experiences
2007 Studying MA Interaction Design, Umeå Institute of Design, Sweden
2003 - 2006 Research Designer, Orcadesign, Malaysia
2002 - 2003 Industrial Designer, Likom Casework, Malaysia
1997 - 2002 Bsc. (Hons) Industrial Design, University Technology Malaysia, Malaysia
OSIM, www.osim.com
Maclarenbaby, www.maclarenbaby.com
PENSONIC, www.pensonic.com
ORCA, www.orca.com.my
Lotus Restaurant, Su Zhou, China
Niceprint, www.niceprint.net
MAQUET, www.maquet.com
Motorola, www.motorola.com
Danfoss, www.danfoss.com
Nokia, http://onlyplanet.nokia.com/php/public/
Umea Airport, http://www.lfv.se/
Clientele
ExperiencesCurriculum Vitae
How I Work? Design Process
Each project has different weightage within individual phases depending on the project nature and the project scopes.
Industrial Design2001 Orcadesign Consultants, Malaysia2002-2003 Likom Casework, Malaysia
Likom LCD Monitor
Concept 1
Concept 2
Concept 3
Concept 4
Concept 5
Ideation
1 Month (2002)www.likom.com.my
ZeroResearch
DesignEvaluation
Likom LCD MonitorIndustrial Design
Development 1
Concept Development
Development 2 Development 3
“WOBI” Sponge Holder
1 Month (2001)www.orca.com.my
ZeroResearch
DesignEvaluation
Sponge HolderIndustrial Design
ConceptDevelopment
ProductUsage
Ideation
A sponge holder that bring in joy and happiness to the kitchen.
Research Design2003-2006 Orcadesign Consultants, Malaysia
Maclarenbaby Stroller Research ProgramIdentifying problems in existing baby strollers and defining
design oppotunities in baby strollers market
We also identified parent who left their baby stroller unattended for a few minutes because of inconveniency to push in the baby stroller into the shops.
We had discovered interesting usage of stroller and who are actually sitting on the stroller.
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 and the users studies. The research material were used as New Product Devlopment materials.
Research ProcessInterviews On-site trials User Observations
Product Trials Mechanism Studies Market Research
Product Studies Analysis
ZeroResearch
DesignEvaluation
2 Weeks (2004)www.maclarenbaby.com
Examples of research findingsMaclarenbaby Stroller Research ProgramResearch Design
Parents who say NO to stroller due to the inconveniency of stroller in manuverable around especially 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 suit their needs and the geographical climates.
Problem Identification
Maclarenbaby Convertible Cot and SeatA detachable seat module for an existing baby stroller
3 Month (2005)Collaboration with mechanical Team
ZeroResearch
DesignEvaluation
Convertible Cot and Seat (CCS) is a detachable module that allow it to be transformed from a cot 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 lock and push the CCS Back Rest from the bottom till it change into Cot.
Released the safety lock at the CCS Back Rest. The gravity force helps to convert the cot into seat.
Mockup (Ideation)Size (1:5)Low-fidelity mockup in ideation stage that help to push the idea forward.
Functional Mockup (Development)Size (1:1)Functional Mockup is essential in this products because it involved a lot of mechanism design.
Maclarenbaby Convertible Cot and SeatIndustrial Design
Prototype
After a few functional mockups and design evalutions, the design is send for prototyping. In this project, the design was transfered back to the Maclarenbaby UK New Product Development Team for evaluation.
Mechcanical Design (Converting Cot to Seat)
Releasing the Safety Lock Push the upper frame Push it till both side of the locks snapped.
Softgood Design (Converting Seat to Cot)
Unbuttoning the 4 buttons on the side of the softgood of CCS.
Hold on to the top frame and let allowed CCS converts from Seat to Cot naturally with the help of gravitational force.
Product Design Identity2003-2006 Orcadesign Consultants, Malaysia
ZeroResearch
DesignEvaluation
Product Design Identity (PDI)It is a value, an image, as well as a visual expression of the company and its brand through design, aiming to create a desirable experience that happens between the user and the company
A Malaysia company named PENSONIC would like to have a facelift in their brand image. Due to the constrained of time and resources, we’ve suggested them to do a PDI program specially on colours on their best selling product range, kitchen appliances.
Zero Phase Research Phase Design Phase Evaluation Phase
Planning Setting up Colour Lab
Market Research
Colours Interpretations & Cultural Influences
Analysis & Ideation
Design screening
Finalising Colours
Implemention& Testing
4 months (2005)www.pensonic.com
PENSONIC Product Design Identity Corporate Identity & Branding
a. Colour Feelings & Emotionb. Regional Studies (South East Asia)c. Kitchenware + Kitchen Environmentd. Brand Image & Valuee. Electrical Appliances Competitors (International & local brands)f. Trends Studies (Collaborate with Clariant)g. Target Users
Research Scopes
In their products range, there are significantly divided into 2 editions,
1. The original edition2. 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.
For the limited edition, we selected Maroon with Silver because it is a distinctive and exclusive combination.
PENSONIC Product Design Identity Corporate Identity & Branding
Corporate Identity2006 -2007 Graphic Design Freelancer
Astra PharmaceuticalCorporate Identity
ZeroResearch
DesignEvaluation
3 Weeks (2006)Graphic Design I
Astra PharmaceuticalCorporate Identity & Branding
Nice PrintCorporate Identity & Packaging Design
Save 50-60% of your printing costs, align with your overhrad trimming strategy!Clear printing, good quality, 100% product warranty,and a good way to stay GREEN!
Cartridges Packaging Advertisement
Logo
ZeroResearch
DesignEvaluation
60 Hours (2007)www.niceprint.net
Nice PrintCorporate Identity & Branding
Lotus Restaurant, SuzhouCorporate Identity
Logo
Menu
Business Card
ZeroResearch
DesignEvaluation
60 Hours (2006)www.niceprint.net
Lotus Restaurant, SuzhouCorporate Identity & Branding
Interaction Design2006-2008 Umeå Institute Design, Umeå, Sweden
Design is a GameDesign reflection
1
To transport the CUBE from “START” to “DEADLINE” by shooting the puck at it
- the first team to complete this, WINS.
Collaboration in University of Southern Denmark - Sønderborg
Users Testing
5 Weeks (2006)Collaborations with University of Southern Denmark - Sønderborg
ZeroResearch
DesignEvaluation
Design is a GameInteraction Design
“Tick-Tock Time’s Up!”, a game was inspired by Danfoss (Micro-Drives) product manager who thinks that whole department is fighting with time.
The game makes players aware of the important of time and the importance 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 game and everyday life.
“Time is very costly,” he states and continues to say “and very big factor to look at.”
Intuitive DoorSound, Form and Graphical Interpretation
3 Weeks (2007)Collaborations with MA Product Design
With RFID Tag, the device can auto-detect whenever an user with the RFID Tag is approaching.
Signing in with your personal signature.
The design of the device guide user to push like an handle and once the user pushed it, is a doorbell.
Door Bell connected to the receptionist.
User with RFID Tag
User without RFID Tag
Devices detected user appoaching. User Sign in. Code Accepted, door unlocked.
User without RFID tag approaching and try to open the door by pushing the door handle.
Door bell heard and connected to the receptionist
Door unlocked by receptionist
Intuitive Door Interface
//Link to Product Demo - With RFID Tag
Door Unlocked Please Sign In Sign in Pad Door Bell & Intercom Devices detected user appoaching.
New designed sounds are incorperate into these interfaces the to make the whole device more intuitive and friendly.
//Link to User Interface
ZeroResearch
DesignEvaluation//Link to Product Demo - without RFID Tag
Intuitive DoorInteraction Design
RFID Tag
Ambient (Musical Visualiser)A multi layering information project; giving priority in
information layering...
MelodyHarmonyRhythm
OrchestrationIntrumentation
VocalRich of Vocal
Harmony
Percussion
5 Weeks (2007)
ZeroResearch
DesignEvaluation
Link to example
Ambient (Musical Visualiser) Interaction Design
Time
Current Playing
Track
Coming Tracks
Previous Tracks
Community that listening to the same music channel
Song Information:1. Song Title2. Artist 3. Album4. Year
Colours and Mood of the 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 fundamental level.
“Stretch Your Body” with NadaA research program comparing 8 others mobile phone
brand identity with panda
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
MAKEcontroller
RFID
outputs
inputs
“Stretch Your Body” with NadaInteraction Design
1, Mac Mini2, Make Controller (analog and digital converter kit)3, Phidgets RFID Reader4, An assortment of sensors, motors,lights, fans, servos, and RFID tags5, NADA software and Live Manual6, Flash 8 Software
NADA Sketchtools
//Link to design demo
In this virtual files of sharing, the tangible interactivity between each other become invisible and sharing activities have dimmed gradually.
This design allows people to share their files through network by simply tapping the side of the screen. The shared files will fly through the screen of the sender to the screen of the receiver.
Approximately Sensor : to identify the location of the user’s hand relatively to the files location of the screenTouch Sensors : to trigger the sending signalsMAKE Controller : links the computer and sensors as a platform
“Tap-tap” File Sharing Platform
“Drink me” reminder is designed to remind the computer user to drink more water.
This device just looks like an ordinary cup coaster but it is embeded with a pressure sensor. It records the weight changes of the cup over time. From time to time, a pop up screen appears on the monitor, “It is time to drink water!”.
“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 the stretching tool with a friend. If a juicer is connected, the system will activate it once the exercise is completed.
Pressure Sensors : embedded under the coaster to weigh the glass (the amount of the water)Make Controller : links the computer and sensors as a platform
Pressure sensors : embedded in the handle to simulate the pulling actionsMotors : lab-made fruit juicer Make Controller : links the computer and sensors as a platform
“Drink me” reminder“Stretch it “ health monitor
“Stretch Your Body” with NadaInteraction Design
//Link to design demo //Link to design demo
“Happy Feet” the music floorExperience prototyping project with the objective of
build, test, build, test and build...
“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 with sounds and lights.
This project was carried out over 12 working days with the approach of prototype early and prototype more. We nearly spent 80% of our time in prototyping, testing and trouble shooting.
B.O.M list2x Laptops2x Speakers1x Power supply2x Keyboard Emulators2x Arduino Boards24x Tiles
192x LEDs24x Pressure sensors24x 100k Ohm resistors2x 100 Ohm resistors4x ULN2003 chipsA lot of wires
// Link to demo
“Happy Feet” the music floorInteraction Design
Day 1
Finding ideas and exploration
Facing lots of difficulties with the hacked piano system
More experiments and building 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 electronic Piano to get some sounds
Production continue (sub- assembles the parts)
Day 2 Day 3
Arduino with processing and Flash (matching hardware & software)
Using ULN 2003 chip as a switch to allow external power supply to power the LEDs
Using PhidgetLED 64 to create the luminous effects
The final assembly
Day 4 Day 5 Day 6Development
Production
Trial and error
HOW WE WORK?
Day 7 Day 8 Day 9 Day 10 Day 11 Day 12
Airport as an InterfaceShaping a Pleasure Departure
Airport as an InterfaceInteraction 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 Grounded Theory
Participatory Design (ii)Participatory Design (i) Participatory Design (iii)
ZeroResearch
DesignEvaluation
8 Weeks (2007)www.lfv.se
Airport as an InterfaceInteraction Design
Shadowing (Research sample) Grounded Theory
It is a well known fact that there often is a discrepancy between what people say they do and what they actually do. In light of this, we decided to shadow and film behavior as well as interview the travellers. Shadowing and then interviewing the same individuals would provide us with a deeper and more complex understanding of how the airport is being used.
This part of the research was very much inspired by Grounded Theory with the less strict version that is connected with Glaser (1998). The aim of Grounded Theory is to discover the theory implicit in the data. You start with data collection which we did by shadowing and filming and by interviewing. The next step is the coding.
Link to research video
Airport as an InterfaceInteraction Design
Joakim(student)
Interview
Coding MemoingHypothesis
(DesignOpportunities)
Design
Quotes fromInterviews
Footage fromShadowings
Shadowing
Sara & Lena(scientists)
Austrians(engineer)
Henricksson Family
UmeåMan
Sony Ericsson’s Sales (Foreigners)
Grounded Theory Participatory Design
Airport as an InterfaceInteraction Design
Participatory Design (PD)
We had two participatory design sessions at which nine travellers and seven design students participated. For the first session we decided to divide the group into two groups. PD -1 is “the white room” which included role playing and body storming.
PD -2 is “the mini airport”. Is it a miniature model group, made a 3D collage about how they wanted the new departure hall to be. The could draw on the plan of the airport, cut and paste from magazines, hang signs in the ceiling and use play-doh to make furniture.
PD -3 is “the departure hall”. For this session we took ideas from the first two sessions ideas and build a departure hall with lo-fi & wizard of oz techniques to allow people to experience the environment. A discussion is held after this session to discuss about the pros and cons or each idea.
cultural cubeThe cultural cube is a collaboration between the airport and the library, supporting
the project of getting Umeå elected European cultural capital 2014. It gives travellers a nice way to spend time in transit by listening to sounds, music, books and facts about Umeå. They can bring a bit of Umeå culture with them on their journey afterwards, by
downloading from the cube on their pendrive.
// Link to demo
interactive floor guideAlthough Umeå City Airport is a small place, signage is a must have and it presents an
opportunity to create an innovative experiences out of the ordinary. Inspiration comes from the nerves of the leaf but it is also an attempt to reduce the
information overload by only showing the information to people who need it.
// Link to demo
At least 60% or the students.
Info screen and gate screenTime passing is displayed using Storytelling. Complementing the accurate
clock, birch leaves fall smoothly one by one, during the last ten minutes before boarding. The leaves are of course also a connection to “The City of
Birches”. It gives to passengers a calm feeling.
// Link to demo
motion detect OLED informationKeeping the essential airport information close to the travellers when they are in transit at Umeå City Airport is one of the important parts of the new airport
experience. Nervous double checks of flight time or gates are no longer needed. Passengers can relax and enjoy their time in the departure area.
// Link to demo
Connect the Unconnected“Connect” the “Unconnected”?
ZeroResearch
DesignEvaluation
10 Weeks (2008)www.nokia.com
IMMIGRANTStheir aspirsations and their stories
Nokia Only Planet Interaction Design
This project spread over 10 weeks and resulted into a documentary about the “unconnected” community from the massive digital communication network.
It started up in a group of three and after 2 weeks of research, we proceed into our own direction. In our research wedecided to look back at our own cultures, and try to find a common ground to three of them.
What is communication? What is non-verbalcommunication
“Conventional”CommunicationMethods
Visual Memories The “Malaysian Way”
Who is the unconnected?
“A man’s reach must exceed his grasp... or what’s a heaven for?” - Robert Browning
In my project journey, I had experienced a totally different design route. Instead of continuing in design, I moved on with more research. New information, new sight, new exposure and new aspiration strike.
reflection | role playing |brainstorming | interviews
brainstorming | interviews |story telling | wizard of oz
mock-up | user testing | reflection | decision making
shadowing | observation |exploration | interview
documenting | video editing | sharing | reflection
Nokia Only Planet Interaction Design
A stronger insight has extended the limits in design from a design solution into a documentary.
More interviews and observations were carried out with the immigrants. The intention was to comprehend their social contacts as immigrants in Malaysia. On the other hand, shadowing Anthony Chu had become part of the plan to grasp further his daily contribution to them.
This project went through various phases of design. From ideation to development till refinement, but after the user testing exercise, instead of proposing a design solution which at that stage was not mature, a decision of continuing the search was made. Although the project requirements were not met with the deliverables of documentaries but it has definitely gave me a clearer insight of immigrants life and expanded my view.
The last 4 weeks of my project had changed my design vision and questioned my personal positioning in design.
CLICK on the images to play videos.
Read more about this project:
Project Blog
The Malaysia Ways
My Experience (Project Report)
A day with Anthony Chu (the photographer)
Message from Home (Nepal to Malaysia)
User experience (the immigrants with the camera)
The Postcard Camera Concept(Story telling)
Visiting the Immigrants Accomodation In Melaka, Malaysia
Green UmeåMake sustainability a living community
Green UmeåInteraction Design
ZeroResearch
DesignEvaluation 20 Weeks (2008)
As a final examination, the students of Master in Interaction Design programme have to develop a project in co-operation with a company, demonstrating their skills as interaction designers. This project lasts about 20 weeks starting from 21 January till 4 June 2008.
I am an Interaction Design Master Student with a professional background as a Research Designer for 4 years. I have always been interested in the environmental topic. I will take this project as an opportunity to explore “What could be the role of Interaction Design in Sustainability? ”
Photo by: B Tal
Preliminarybasic understanding about the subjectplan - time, budget, collaborators
Dec
Researchcollect, sort & analyse dataidentify problems and design opportunities
Jan
Ideationuse the inspirations from the research to generate ideas lot of sketchy ideas
Feb
Developmentuse the inspirations from the research to generate ideas lot of sketchy ideas
Mar
Refinementimprove and refine the designconstrains implementation
Apr
Deliverybuild final design mockup or prototypefinal presentation
May
Research Focus
Waste Management Operating System
The Process(Behind the
scene)
The Process(User experience)
Waste Management
Information
Visiting sites and interviewingprofessionals
Shadowing,Observing and Interviewing users
Problem IdentificationTo have a clearer view, I have devided the recycling route into threedifferent zones, 1. recycling at home 2. the journey from home to recycling center 3. at the recycling center
Proper waste management needs efforts, extra knowledge and is very time consuming.
Results are not prominent, facilities are not well maintained and community contributions are not appreciated.
recycling becomes enjoyableinformation is in the airrecycling is a lifestylesomeone say thanks
This project is still on going till 5th June 2008...
Example of Research Video at iLRecycling
Link to Mid Presentation
The design challenge of the following phases are to make sustainable a living community in Umeå
What if...
Skills
Softwares
Hardware
Adobe Photoshop, Illustrator and InDesignAdobe Premiere ElementMacromedia Flash and FreehandMicrosoft Word and PowerpointSound Software - AudacityProEngineer
Make Controller with NadaPhidgetsArduinoElectronics
Knowledge Experience Prototyping - Low Fidelity and High Fidelity PrototypingElectronics with sensors and controller (with flash actionscripts)Design Research - Grounded Theory, Participatory Design, ShadowingDesign Research - New Product Development and Trend StudiesVideo DocumentaryShort Movie Making Branding and Product Design IdentityProject ManagementInteractive Presentation
Languages English, Chinese and Malay (Advance)French & Swedish (Beginner)
Strength Strong in Design Process & MethodologyStrong in Research, Documentation and PresentationStrong Coordinating, Planning & Organizing SkillInnovative & CreativeResponsible & Self InitiativesProblem Analytical SkillWork great in Team & Individually
You Le, Chong (Malaysia)
Pedagoggränd 1C:15SE-907 30, Umeå, Sweden
+46 73 031 00 85
Thanks for viewing.
Curriculum VitaeSkills & Strength