Chang Portfolio 2014-18

Chang, Hao-Yung Portfolio 2014-18

00 Curriculum Vitae EDUCATION TU Delft | Delft, Netherlands

EXPERIENCE PEGA Design & Engineering | Taipei

2017 - present

2014 - 2017

Master in Design for Interaction

Two and half years working experience as an Interaction Designer

This master program sharpens my design research skill and at the same time provides me with experience of working, coordinating and communicating in a multi-national team.

National Taiwan University | Taipei

I explore the entire process of innovative product design, from user/ market/ technology research to making it into reality. I work in diverse settings, such as designing interactive installations/products, IoT devices(wearable, camera, projector, etc.), and user interfaces.interfaces.

NEXCOM International Co. Ltd | Taipei

2008 - 2012

2012 - 2013

B.A., Science in Engineering majored in Applied Mechanics

Ten months working experience as a firmware engineer of car computers

I cultivated logical thinking and problem-solving strategies while learning the basic theories of science and engineering. All of these experiences make me more efficient when learning new skills.

I learned the structure of embedded systems and coding skills at NEXCOM, which became very useful in the future when designing IoT devices and prototyping.

Creativity & Entrepreneurship Program, NTU

ARTC | Zhang-Hua, Taiwan

Winner of the “Group Creative Competition Award�

Two months internship at the Automotive Research and Testing Center

I learned how to build a business model and evaluate risks when starting a new business. I also met the coolest people here and learned a lot from their spirit!

I helped ARTC with checking computer vision correction rates and learned advanced vehicle technologies, such as automatic parking and automatic obstacle avoidance.

2011 - 2012

2011 July

Chang Hao-Yung

SKILLS

EXHIBITION Salone Del Mobile | Milan

Language

One week exhibition with “Balance Lamp” at Super Studio, Zona Tortona

Chinese | Native Proficiency English | Professional Working Proficiency* French | Limited Working Proficiency

2015 April

At the exhibition, we not only presented our interactive installation “Balance Lamp” but also met designers from all over the world to freshen our minds.

*International English Language Testing System (IELTS) overall score of 7.0

Programming Languages COMPUTEX | Taipei

C JAVA

2015 June

The world’s leading B2B ICT/IoT trade show, developing into a global startup platform Entered the exhibition with the project “PilotMe” During the show, we had the opportunity to face buyers and brand companies directly and listened to their needs and thoughts.

Taiwan Designer’s Week | Taipei

2015 October

One week exhibition with “Color Frame” and “Balance Lamp” in Taipei.

It was a valuable experience for me since we witnessed the first reaction of an audience from all over the world.

Design Skills Project Management User Research & Interview Scenario Planning Product Feature Definition Prototyping & Usability Testing

Software Arduino Illustrator Photoshop Microsoft Office

Vitae 00 Curriculum 2014-18

INTERACTIVE CREATION

SERVICE/INTERFACE DESIGN

Lamp 01 Balance interactive installation

Retail 06 Smart service design

02 Weekend interactive furniture

07 Flyyo app interface design

INNOVATIVE PRODUCT DESIGN

PERSONAL INTEREST

03 PEGA360 360-degree camera

& Lights 08 Time nostalgic pendants

04 PilotMe navigation watch

Arm 09 Robotic 6-degrees freedom

05 Hobbi intelligent pico-projector

Windows 10 Taiwanese photo collection

01 Balance Lamp| Interactive Installation Redefine the value of objects and lights. *2015 Salone Del Mobile Milano Personal Contribution interaction design user experiment electronic design & programming mechanical design & prototyping concept from Witty Shih cooperate with Witty Shih and Summer Shieh

01 Balance Lamp

Have you ever wondered what’s the value of “light”? And how much would you willing to give to exchange the light and the music?

interactive installation

Scale Test

In order to get the right scale of the lamp, we asked people come with their belongings and interact freely with our lamp.

Mechanical Design

It’s hard to believe that my major subject “Applied Mechanics” and be used on this job!

01 Balance Lamp Mechanical Test & Fix

After calculation, we started a series of test with different objects, and tried to fix the error.

interactive installation

Electronic Design & Test

We paid much attention on the working fluency on both mechanical and electronic part in order to provide a pleasant experience.

01 Balance Lamp 2015 Salone del Mobile Milano

It’s an exciting experience to me. People were willing to exchange their belongings with Balance Lamp and were so curious about how it works!

interactive installation

02 Weekend| Interactive furniture Enjoy your cozy weekend here! *2017 Salone Del Mobile Milano Personal Contribution ideation user research modeling electronic design Arduino coding usability test cooperate with Chung Yu-Hsun 3D modeling and rendering by Chung Yu-Hsun

02 Weekend Observation

The combination of table, chair and light is commonly seen in everybody’s house. We often read here, furthermore, for the modern lifestyle, we often phubbing here in the weekends.

interactive furniture

However, through the modern lifestyle I found that there are some redundant things happen here. there are too much......

pieces

of furniture

movements

cables

when reading & phubbing

of charger & light

Ideation

In order to remove the above redundancy in our life, and provide a comfortable reading or phubbing environment for modern people, we list the following elements on our chair.

1

2

3

4

1. comfortable first 2. a wireless charger in table 3&4. adjustable light by touch best suit for reading and phubbing separately.

02 Weekend Sketch & Real Size Mockup

With the above elements, We started to sketch our ideas and made real size mock up for the later test.

interactive furniture

User Experiment

We were struggling on the balance of table and seat area meanwhile the most suitable light direction, so we made an experiment with real size.

1 2

1. invite testers to seat on Weekend and read or be a phubber 2. record using habit

02 Weekend

Generations of Weekend

We developed several generation of our “Weekend�, through discussions and modifications. Special thanks to my partner lala.

interactive furniture

3D modeling and rendering by Chung Yu-Hsun

02 Weekend

adjustable light

with white light suitable for reading and yellow light suitable for pubbnig

wireless charger

for none disturbing experience of your phubbing weekend.

interactive furniture

comfortable seat

deeper and larger seat area allows you fold your legs on the chair and be more relax.

03 PEGA360|360-degree camera Enjoy marvelous moment in your life *2017 COMPUTEX TAIPEI Personal Contribution project management market & trend research user research scenario planing doable assessment technical specification define prototyping & usability test cooperate with PEGA360 team

03 PEGA360 Human-Centered Research

We started from a series of qualitative research focus on 3 types of interviewees based on the previous trend research.

Interviewees Age: from 27 to 48 Total: 13 people Interviewee Types motocycle rider X4 sporty user X4 360-experienced user X5 Interview Outline 1. general questions 2. questions based on type 3. 360 camera experience 4. VR experience & Try

Material Analysis

According to the user profiles, finding out people’s dissatisfaction and needs toward current situation.

Finding Out: Problem Statement Current Solution Context Proposed Solution Reason why Can’t Solve

360-degree camera

Design Opportunities

According to the previous analysis, we classify and define totally 15 most possible opportunities.

1

2

3

4

Examples of Opportunities: 1. Auto AI Recorder 2. Accident Handler 3. Video Value Increase 4. Riding Info Exchange

Ideation

Based on the 15 opportunities, we had tow sections of brainstorming, one is freer and the other is stricter. Finally we sorted and selected them by certain criterias.

1

2

3

4

1,2 Brainstorming 3. Classify and Selection 4. Scenario Story Board

03 PEGA360 Scenario Planing

including doable assessment and technical specification define

360-degree camera

03 PEGA360 Camera Form Brainstorming

We make prototypes with clay to feel the physical characteristics and by sharing ideas to find some suitable forms for 360 camera design.

1

2

3

4

1. start brainstorming 2. making and sharing ideas 3. totally11different forms 4. comparison of all prototypes

Camera Form Factor Testing

According to the comparison, we made 5 most suitable forms and invited 10 users to try and commend on each form.

1

2

4

5

3

1. five fine-tuned prototypes 2. try 360 camera and realize how it works first 3. then try our prototypes 4. comparison of all prototypes 5. final form define

360-degree camera

Remote Controller Test

We found from our interviews that 360 camera is more popular in sport usage because of it’s characteristics. And the control during activities is a pain point for them. So we tried to figure out the best way to control camera for sportive users.

diving

ski

surfing

boarding

biking

5 sports types, 10 users diving, ski, surfing simulated with VR headset biking and boarding directly tested in real scene

1

2

3

4

1. four prototypes of controllers

including: voice and BTN control

2. tag system prototype on app 3. interview 4. conclusion

project now on going

04 PilotMe| navigation watch Follow your mind.

*2015 COMPUTEX TAIPEI Personal Contribution building user flow usability testing project management cooperate with PilotMe team

Navigation Watch

04 PilotMe Building User Flow & Testing

We consider the user flow as a whole between wearable device and our app in order to provide the best experience.

pilotme LED functions

20150525_Haoyung

Pairity x3

1

從手機配對 a. 一開始開啟app時---第一次配對後自動更新時間 b. 導航按下GO時---配對更新完顯示目標位置

4

x1 橘燈 橘燈轉一圈後 走到導航方向 漸慢停止

* 橘燈跑三圈 * 配對成功在手機上顯示狀態

2 3

Navi

12:00

Time

白燈 先依序亮四顆燈 之後顯示時間 時針: 恆亮 / 分針: 閃爍 2秒/cycle: 亮一秒暗一秒 12:00 單顆恆亮

Function Switch ON 敲擊兩下後 顯示導航/時間模式 OFF 10秒後暗燈 (導航模式下10秒 沒有轉變方向暗燈)

Low Bat. 12:30

10秒內再敲兩下

Navi

Time

- 1.75V<偵測電壓<1.8V時, 每七秒閃一次十二點鐘方向橘燈(閃: 亮0.1秒) *沒有目標位置時 敲擊後只顯示時間 *有目標位置時 優先顯示導航 *跑圈: 從十二點鐘方向開始跑

Interviewees Age: from 20 to 30 Total: 5 people including expected TA: student, artist, editor Interview Outline To actually experience PilotMe on the streets and answer the following questions: 1. feeling of overall style 2. usability 3. purchase intention 4. advise for PilotMe

navigation watch

Project Management

From arranging schedule, communicating between 8 different function teams to allocating resources, I learned how to co-work in a big team.

PilotMe Schedule ID/ME IxD IxD

Final size

v2 proposal (1/9) ID fix (on 2/6) app wireframe

flow lock

prepare material

2014/12/26

EE layout & SMT

finish circuit

Computex prototype making co-work with AP engineer

GUI check material Sensor, MCU study, FW v1

2015/2/6,9

2/23

2/13,16

FW coding

3/6,9

3/23

3/31

4/10

verify

layout check ID/ME adjust Layout(1w)

PCB(2w)

PCBA

*vacation: 2/18-23 *vacation: 2/28-3/1

1

3 4

2

1. schedule arrangement 2. communication between 8 different function teams 3. project resource allocation 4. PCB area is especially critical for wearable devices, so we spent lots of time balancing the volume.

04 PilotMe 2015 COMPUTEX Taipei

The working sample of PilotMe including the app and the device attracted many buyers come and visit us which brought us great benefits.

Navigation Watch

navigation watch

HOBBI

Your sweet companion bro.

05 Hobbi|intelligent pico-projector Your sweet companion bro.

Proposal to SONY Personal Contribution scenario planning video making cooperate with ProjectAir team

05 Hobbi Product Feature and Image Define

Itâ&#x20AC;&#x2122;s the second round of the development. We based on customerâ&#x20AC;&#x2122;s feedback of the previous proposal, and evaluated the features and define product image.

1 2

3

1. previous proposal 2. feature evalutaion 3. image define

intelligent pico-projector

Story Board & Video Making

After evaluating the features, we started to make story board not only for having a clear presentation of our ideas but also for having a better internal communication of the senarios.

05 Hobbi

Hobbi - Final Proposal Video & Main Features

Your sweet companion bro. Hobbi just likes one of your family members!

intelligent pico-projector

06 Smart Retail| service design

A smarter amusement park in the near future Proposal Accepted by Kaohsiung TAROKO PARK Personal Contribution User Research Scenario Plannig App Wireframe Video Making cooperate with Smart Retail team

06 Smart Retail Human-Centered Research

We started from a series of qualitative research focus on 5 types of main customers which is the real data given by the amusement park.

Interviewees Age: from 20 to 56 Total: 11 people Interviewee Types Family with little kids X3 Single office worker X2 Student X2 Middle-aged Person X2 Foreign Tourist(China) X2 Interview Outline 1.travel and leisure time planning 2.experience of amusement park 3.experience of shopping mall 4.acceptance of technological products and services

Material Analysis

According to the user profiles, finding out peopleâ&#x20AC;&#x2122;s dissatisfaction and needs toward current situation.

Finding Out: Problem Statement Current Solution Context Proposed Solution Reason why Canâ&#x20AC;&#x2122;t Solve

service design

Design Opportunities

According to the previous analysis, we classify and define totally 12 most possible opportunities here.

1

2

3

4

Examples of Opportunities: 1. Child & Parents Interaction 2. Young Parents' Needs 3. Shopping Process Planning 4. Be addicted without conscious

Ideation

Based on the 12 opportunities, we had tow sections of brainstorming, one is freer and the other is stricter. Finally we sorted them by time line and activity types.

1

2

3

4

1,2 Brainstorming 3,4 Classify and Selection

06 Smart Retail

Taroko Moment - Final Proposal Video

Through the technology of Indoor Positioning, We provide location based services one step ahead before you think of it!

service design

Fl

ow

Ch Do ng

x) d, ) (re n , x g (gree n i rg N ha BT - C ull R_ en PW happ -F sh pu thing no

a Ch

rgi

Tu

rn

wn

loa

B On

dA

lue

pp

too

th

C On

ell

on

e

C

ON

) ,x on en n) cti re ee R_ c o n n ei n i n g ge n , g r W h P re BT Yo t a r t ( s ( g Fly a t e l y si n g D o n e i t ed nec tion m n c im Co ne T on -B TC -B

N BT

Ph

g ttin

On

Ap

/ ot sh Se g h t / / 1 - 3 i he 5-5m / 1 .

2 .5m 2 ge ran fault de

n on

ect

p

wn tdo un ec co 10 s - ec 3 / 3s /

ju Ad

st

a -S

fe

era

c Pla

To

To

uc

An

ei

t

gle

e (gr

en

ke

Off

ff eO o ak ly Y gT oF din ion t n Se cat t i fi No

Ta

m Ca

1

ion

re ,g

en

)

h

Re

cei

ve

Ta Ta

k

kin

ff eO f gO

tr ins

uct

(sh

in

ion

fro

ora ing

m

ng

e)

Ap

p

eO

f

k wn o ntd ou pic - c ake -t Ta

f

le t i o n tab D e t e c g e , x ) t ran en ev ng o r h P ini as (sh Cr d) p o e wn , s - r e - T tabl e tdo -S un - o r a n g o C (s ra me n d s Ca s s e c o ) a es - r e d y c tur , s en qu Pic o r a n g e e Fre k Ta g ( s , n es n g e ini Sh tur o r a st Pic i n i n g Fa nd e s ( s h ) e S tur BD ic (T 10 g p / BT er din ov e n w i fi - s ith -w T Fly

oS

din an - L ave -S

Se

fP

n

ctu

ttin

2

g

re d ictu p s o u nu n d

re

o e be pt s o sh

P

r ictu

e-S

en

din

Pic x)

e 0s

an cl

d

to au

ma

tic

all

tur

e e-S

nd

tio

ns

ing

Do

Co

un

w tdo ck

to

Ch

ees

e

nu me ng eese tti se y ch a s

n

lan

07 Flyyo|app interface design

ne

y Sa

cli

tT

ica

y

ran

r Sta

nd gI

Fly

d

Y

ra oC

10

zy

ke Ta

) ge ) n

d g o ree an i n i n n , g o L (sh ree (g

tt Se

Pa

ing

Off

indoor mini camera drone

3

ge u Alb

h n g To u c o eT

30

Exi

N

Re

cei

v

eP

_ WR

BT

NO

FF

10

tA

se

c

pp

u co

*Main Inventor of Pattern: METHOD FOR ADJUSTING ORIENTATION OF HEAD END AND REMOTE CONTROL AIRCRAFT USING THE SAME

ntd

ow

m

se

Pa

o cc

ge

td un

ow

n

Y

Se

nd

Off

n Sig

al

To

c Dis Sh

ow

Fly

on

c Dis

on

Yo

ne

ne

cte

d cte

d ms

n go

Ap

p

Lan wh

Sh h -S

utd

utd

o

ow

nF

Fly wn

o ly Y

Personal Contribution build user flow app wireframe main patent inventor

n

) ,x (x

Yo

) ,x red , x) d th ea h re r b ( at w Po o O N ( b r e Low F t pp C. h e n O Fi t ’s O Nn o n A -w hen atio - w t i fi c no

din

in en

g

“ Ta

4

ke

a pp ec nA 0s si r1 ow top fo sh rs s hts n g o cy u t t o o t e l i en p ” B h e m r a n g erg S t o a l l t g o E m g e n c yy s t o p s h i n i n . r D me enc eep k E g - “ mer LED - e oth b

cooperate with Flyyo team

Of

t nd

f”

Sta

to urn

te

gre

en

er

Fl

ow

C

r a h

t

E *(L

D_

LE 1,

w Do ing

x) d, ) (re , x C ing (green rg N a h BT - C ull R_ en PW happ -F sh pu thing no

rg ha

Tu

ON

x)

rn

O

nlo

D_

ad

lu nB

= 2)

Ap

eto

(up

pe

low r,

er)

p

oth

O

e nC

ll P

ho

ne

Co

On

Ap

nn

p co

un

ect

wn tdo c e 0s

1

ion

ć&#x2122;&#x201A;ĺ&#x2026;&#x2030; 08 Time & Light|nostalgic pendant

How memories have shaped us as time goes by. *2014 EC Design School United Exhibition The whole processes through concept to product are by Chang Hao-Yung. glass welding craft adviser: Mr. Wong, Yi-Chun

08 Time & Light Concept

A pendant conveys the concept of how memories influence every body.

We were originally clear and pure when we wereborn.

Material Chosen

Untill one day, there’s a As time goes by, more and more memories shaped us memory changed us. into how we are today.

I chose traditional patterned glass which is commonly seen on the windows of Taiwanese old house as the material represents “memories”.

nostalgic pendant

Welding Glass Craft

I found welding glass craft the best way to convey my concept and I learned the skill of weld glass craft through making the pendants.

glass craft adviser Mr. Wong, Yi-Chun

1 2 3 4

1. 1:1model and trace 2. cutting glass 3. cover thin copper foil 4. weldling

08 Time & Light

I made some distinct pendants to imply that each human being is unique since we have different memories.

nostalgic pendant

2014 EC Design School United Exhibition| Taipei

09 Robotic Arm| personal interest 6-degrees freedom robotic arm Personal Contribution the whole process procedure includes: cutting acrylic drilling process milling process firmware programming processing adviser: Mr. Lian, Fu-Liang

09 Robotic Arm Interest in Robot

Because of the curiosity and interest of robots, I made a robotic arm by myself by following the instruction from the book.

Processing

From cutting pieces of acrylics, I learned how to use milling and drilling machines and how to install all the elements into a robotic arm.

personal interest

Finished!

Spending the last summer vacation in the college in the factory of our department, I finished the robotic arm. Mr. Lian, Fu-Liang really taught me a lot!

4

5

special thanks to processing adviser: Mr. Lian, Fu-Liang and his wife

09 Robotic Arm Playing with my puppy-Diamond.

She seemed to have lots of fun with the arm!

personal interest

10 Taiwanese Nostalgic Windows| photo collection I started to collect patterns of Taiwanese nostalgic windows from 2015 in Taipei, Tainan and Hong-Kong.

Itâ&#x20AC;&#x2122;s a traditional craft becoming popular in the 1970sâ&#x20AC;&#x2122; Taiwan because people began to place a higher value on aesthetics of living during the time of economic takeoff. However, this craft began to fall in 1990s due to difficulties of maintenance and the emergence of new building materials.

These patterns really fascinates me, so I decided to collect them by photos before it disappeared.

10 Taiwanese Nostalgic Windows

photo collection

Tainan, Taiwan 2016

10 Taiwanese Nostalgic Windows

Tainan, Taiwan 2016

photo collection

Tainan, Taiwan 2016

10 Taiwanese Nostalgic Windows

Taipei, Taiwan 2015

photo collection

Taipei, Taiwan 2015

humanity

X technology

Chang, Hao-Yung Portfolio 2014-18