work sample

26
Deng -Shun Chang Portfolio

Upload: danny-chang

Post on 15-Mar-2016

213 views

Category:

Documents


0 download

DESCRIPTION

by Deng-Shun Chang

TRANSCRIPT

Page 1: Work Sample

Deng -Shun ChangPortfolio

Page 2: Work Sample
Page 3: Work Sample

1

ProjectsIdentity

Graphic/ Wayfinding

Animation

Product/ Prototyping

UX/ UI

VolunteerBIGWebsite

2011

Fu Chi: Future Chinatown

2011

Pixie Engine2010

Publi-X-Pace2010

PhillySNAP2011

UArts Enrollment2011

UArtsRecycling2010

2 4

14

106

12

18

Page 4: Work Sample

2

VolunteerBIG Website2011

UX/ UI

User experience and web design for VolunteerBIG’s first contest micro site and main website.

Page 5: Work Sample

3

10

VBIG Logo HelpHome Profile Opportunities Settings Sign out

Copyright © 2011 Progressivity, LLC. About Blog API Facebook Twitter Contact Terms of Use Privacy Policy

Contest Title

10. Contest page: landing

Date: July 10 - Sept. 12, 2011Location: PhiladelphiaDescription: Nam, occumUptatur? Re net dolupta do-luptu ritatur sim velitat iaepudia et eturehe (more)

Pre-register Now

Corporate Contributions

000 Participants

Prizes VolunteerLeaderboard

Prize Title00 Available!

Paragraph of the description of the prize. Paragraph of the description of the prize.

Prize Title00 Available!

Paragraph of the description of the prize. Paragraph of the description of the prize.

Prize Title00 Available!

Paragraph of the description of the prize. Paragraph of the description of the prize.

Pre-registrationclose in 00 days!

10.1

.1 Contest Image Can be logo of contest sponsor.

.2 Corporate Contribution LinkLink to corporate contribution.

.3 Participant CounterDisplay the number and avitar of contest participants.

.4 Contest InfoBasic info of the contest. Click more to drop down more info.

.5 Deadline CounterDisplay number of days to closing of pre-registration.

10.3

10.4

10.2

10.5 10.6

10.7

10.8

.6 Pre-register ButtonHit button to pre-register for contest, (pg 11) pop up follows.

.7 Contest Page MenuContest page is default to show Prize. User can toggle between prizes, leaderboard (pg 13) or find opportunity to volunteer (pg 14).

.8 Prize InfoGrand prize on top. Including prize image, number available, and basic info.

2

Sign inVBIG Logo

About Blog API Facebook Twitter Contact Terms of Use Privacy PolicyCopyright © 2011 Progressivity, LLC.

2. Sign in page

Email:

Password: Forgot?

OR

Sign in with your social network:

F T

I agree with the terms of service.

Sign in button

Don’t have an account? Create one now to be eligible for prizes!

Register button

Non-profit looking for volunteers?

Apply Now button

Sign in

2.1

.1 Forget Password LinkLink to new page for user to enter email to receive password reset instruction.

.2 Terms of ServiceLink to access Terms of Use page.

.3 Sign in ButtonGoes to Signed in Landing Page (pg 8).

.4 Sign in with Social NetworksUser can choose to sign in with social network account. Window pops up for access.

.5 Registration ButtonUser hits Registration Button to access account Sign up page (pg 3).

.6 Non-Profit Sign up ButtonNon-Profit user hit this button to access Non-Profit Sign up page (pg 4).

2.3

2.4

2.2

2.5 2.6

Sample pages of main website wireframe with interaction description.

Page 6: Work Sample

4

PhillySNAP2011

SNAP retailer locator by USDA

Fresh Food Finder by Buy Fresh Buy Local

Identity

Design strategy and branding for PhillySNAP, a sms-based mobile app developed during Philadelphia’s Random Hacks of Kindness hackathon 2011.

Targeting low income families by using text message to discover farmers markets or healthy corner stores that accepts SNAP (food stamp voucher) to promote healthy diet.

Page 7: Work Sample

5Animation

This video is created to demonstrate the technology and functions of the app.

Page 8: Work Sample

6

Fu Chi: Future Chinatown2011

福氣

FuChi

turenatown

福氣

FuChi

福氣

FuChi

福氣

福氣

FuChi

turenatown

福氣

FuChi

福氣

Future Chinatown福 氣 Future福 Chinatown

Identity

Thesis project for Masters of Industrial Design at the University of the Arts. It aims to use design methodology to improve communication, raise civic engagement, and increase cooperation among multilingual residents and organizations in an immigrant neighborhood, Philadelphia Chinatown.

Taking from the first few letters from “Future Chinatown,” “Fu Chi” means happiness and fortune in Chinese. It symbolize the positive energy the project would bring to this community.

Page 9: Work Sample

7

115

Fu Chi Philly

There are several important features of the Ushahidi platform we are using in our system. An important feature is the ability to toggle the main pages between English and Chinese. At the time of this writing the site is only available in simplified Chinese, but there is the option to create style sheets with traditional Chinese for the main site infrastructure.

The map of reports is a prominent feature of Ushahidi, giving the viewer an immediate grasp of the quantity of reports and their distribution in space. Reports can be color-coded with categories to make it easy to see where and what residents are reporting the most.

We created the reports to capture problems that residents mentioned, but also incorporated suggestions from the leaders in the workshop, as well as including a category called “I love Chinatown” to document positive aspects in the neighborhood.

Users have the ability to submit reports on the website that are more detailed than text messages. A timeline below the map shows the frequency of reports over time, corresponding to the date. Our site includes other information; a blog about our progress, a page with the graphs and charts we made to explain the demographics of Chinatown, and some background information.

The second phase of our project would incorporate other features such as an SMS shortcode that could spell the word “Fu Chi,” providing an easy way to remember how to text reports, rather using a complete phone number. The option to submit reports via voicemail that could be transcribed automatically to text and posted with other reports is an additional feature we would like to add in this phase. This would be much easier for residents who prefer speaking on the phone rather than texting or going online.

Designing Functionality

How to Report:

1.775.237.4407

[email protected]

#phillyfuchi

futurechinatown.com/ushahidiGraphics with simply instructions to demonstrate how to participate.

Page 10: Work Sample

8

39

Philadelphia’s Chinatown

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~64

65~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~64

65~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

Year of Entry Place of Birth

The 1964 Immigration and Nationality Act removed barriers for Chinese immigration. The foreign-born population in Chinatown has been increasing since then.

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~64

65~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

Residence in 1995

The greater number of people with different residence indicates a transient population, which makes it hard to build relationships.

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~64

65~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

40

Chapter 3

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~6465~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

Educational Attainment by Percentage

Chinatown has larger percentages of people without a high school education, and people who have a bachelor’s or higher.

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~64

65~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~64

65~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~64

65~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

Age by Language Spoken at Home

41

Philadelphia’s Chinatown

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~6465~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

Age Distribution by Percentage

The age distribution in Chinatown differs a great deal from the rest of Philadelphia; there are fewer young children, but many more young adults, indicating more people who have recently immigrated.

Total Population

Chinatown

3,570Philadelphia City/County

1,517,550

Median Income in 1999

Chinatown

$22,007Philadelphia City/County

$30,746

Educational Attainment by Percentage

Chinatown

Philadelphia City/County

NoSchool

Less thanHigh School

HighSchool

SomeCollege

Bachelor’sDegree

More thanBachelor’s

Degree

6.82% 32.02% 23.85% 9.22% 14.15% 13.94%

1.82% 26.97% 33.33% 20.02% 10.34%7.52%

White AloneBlack or African American AloneAmerican Indian and Alaska Native AloneAsian AloneNative Hawaiian and Other Pacific Islander AloneSome other race AloneTwo or more races

45.11%

43.05%

0.29%

4.29%0.05% 4.74% 2.45%

Philadelphia City/County

28.40%

21.99%

40.62%

0.87%

3.75%4.37%

Chinatown

Race in Percentage

2%

Philadelphia City/CountyChinatown

Age

0~45~9

10~1415~1920~2425~2930~3435~3940~4445~4950~5455~5960~64

65~

Age Distribution in Percentage

4% 6% 8% 10% 12% 14%2%4%6%8%

Household Type in Percentage

Live Alone18.74%

Live in a Nuclear Family35.99%

Live in anExtended Family

5.13%

Speak only EnglishSpeak Asian and Pacific Island Languages

Age by Language Spoken at Home

Age: 5 ~ 17

63.52%

31.56%

Speak English

Very well 31.61%

Well 40%

Not well 28.39%

Age: 18 ~ 64

61.05%

28.75%

Very well 20.12%

Well 34.67%

Not well 32%

Not at all 13.21%

Speak English

Age: 65+

41.31%55.27%

Very well 3.61%

Well 9.28%

Not well 28.87%

Not at all 58.25%

Speak English

Place of Birth

Chinatown

61.62%Native

38.38%ForeignBorn

Philadelphia City/County

90.96%Native

9.04%ForeignBorn

Year of Entry

1965 1969 1974 1979 1984 1989 1994 2000

Foreign-Born Population

Naturalized Citizen Population

200

600

1000

1400

29.81%

58.85%

11.34%

61.90%

35.30%

2.79%

Same House

Different House in US

Different House at Foreign Country

Residents in 1995

Chinatown Philadelphia City/County

Chinatown’s younger and older generations have a higher incidence of Asian languages as their first language. Among the younger generation, many speak English well, while in the older generation the majority do not speak English well.

Graphic/ Wayfinding

Infographics explaining the demographic profile of the Chinatown community extracted from 2000 census data.

Page 11: Work Sample

9

Intriguing poster design at 2011 UArts design exhibition for the project.

Page 12: Work Sample

10

UArts Enrollment2011

UX/ UI

Rethinking current enrollment and registration process at UArts, this project is a proposal including redesigns of information and a more intelligent online tool to streamline the registration process.

Multiple online tools with different interfaces and numerous paper forms are the factors that confuses the students and faculty members during registration period.

Page 13: Work Sample

11

An integrated online system combining different functions and eliminating physical forms is proposed to further streamline the registration process.

Page 14: Work Sample

12

Pixie Engine2010

Information Hierarchy & Contextual Change

A PixieEngine can obtain information from Spotcasts. Spotcasts are stationary PixieEngines with ethernet connectivity. They act as fixed, updatable sources of information that wirelessly tag stationary objects.

How can a large amount of information be simply displayed and easily navigated by a PixieEngine user?

Relevant info.Available info.

Problem: Information Overload

IconographyWe selected bold colors and easily-identifiable shapes to represent the different categories.

People Dining

Utility Retail

Municipal Transportation

Recreation Opacity

More relevant Less relevant

The hierarchy of information changes with the time of day. For instance, spotcasted theaters become more opaque later in the day when the user would likely be more interested in them.

This context depends on a user’s proximity and relationship to others. Strangers display with low opacity. However, those who are related to you via mutual friends (or share other interests) can be displayed with a medium level of transparency. This context also considers availability of services by prioritizing restaurants with open tables and barbershops with available chairs.

A user’s identification consists of personal preferences which affect the default hierarchy. For example, a child wouldn’t be interested in bars and a woman wouldn’t be interested in barber shops (in favor of salons).

This context depends on mainly on user-input through category and text search. However, certain situations allow PixieEngine to accurately predict the purpose use. For example, if a PixieEngine user is operating a spotcasted vehicle, gas station spotcasts would be opaque.

Priority is given to a user’s most-visited areas. Modes of transportation gain and lose priority depending on usage history; restaurants may gain favorite status if they’re visited with great frequency.

Location is the most commonly considered context in location-based service design. It allows information and services to be localized. A userís location can be absolute, as described by a geo-referenced coordinate, or relative, such as when youíre inside a restaurant or at home in an apartment building.

For example, if the user is interested in places to eat, he or she calls up the “places” menu option.

12:14

For social updates, the user calls the “people” menu option.

pizza 12:14

When the main menu doesn’t contain precisely what the user is interested in, a search box can be used to quickly narrow results.

Interface Considerations12:14

The root menu in our PixieEngine interface consists of four main interactive elements: the search feature, people locator, places locator and transportation locator.

12:14

Information Hierarchy & Contextual Change

A PixieEngine can obtain information from Spotcasts. Spotcasts are stationary PixieEngines with ethernet connectivity. They act as fixed, updatable sources of information that wirelessly tag stationary objects.

How can a large amount of information be simply displayed and easily navigated by a PixieEngine user?

Relevant info.Available info.

Problem: Information Overload

IconographyWe selected bold colors and easily-identifiable shapes to represent the different categories.

People Dining

Utility Retail

Municipal Transportation

Recreation Opacity

More relevant Less relevant

The hierarchy of information changes with the time of day. For instance, spotcasted theaters become more opaque later in the day when the user would likely be more interested in them.

This context depends on a user’s proximity and relationship to others. Strangers display with low opacity. However, those who are related to you via mutual friends (or share other interests) can be displayed with a medium level of transparency. This context also considers availability of services by prioritizing restaurants with open tables and barbershops with available chairs.

A user’s identification consists of personal preferences which affect the default hierarchy. For example, a child wouldn’t be interested in bars and a woman wouldn’t be interested in barber shops (in favor of salons).

This context depends on mainly on user-input through category and text search. However, certain situations allow PixieEngine to accurately predict the purpose use. For example, if a PixieEngine user is operating a spotcasted vehicle, gas station spotcasts would be opaque.

Priority is given to a user’s most-visited areas. Modes of transportation gain and lose priority depending on usage history; restaurants may gain favorite status if they’re visited with great frequency.

Location is the most commonly considered context in location-based service design. It allows information and services to be localized. A userís location can be absolute, as described by a geo-referenced coordinate, or relative, such as when youíre inside a restaurant or at home in an apartment building.

For example, if the user is interested in places to eat, he or she calls up the “places” menu option.

12:14

For social updates, the user calls the “people” menu option.

pizza 12:14

When the main menu doesn’t contain precisely what the user is interested in, a search box can be used to quickly narrow results.

Interface Considerations12:14

The root menu in our PixieEngine interface consists of four main interactive elements: the search feature, people locator, places locator and transportation locator.

12:14

Information Hierarchy & Contextual Change

A PixieEngine can obtain information from Spotcasts. Spotcasts are stationary PixieEngines with ethernet connectivity. They act as fixed, updatable sources of information that wirelessly tag stationary objects.

How can a large amount of information be simply displayed and easily navigated by a PixieEngine user?

Relevant info.Available info.

Problem: Information Overload

IconographyWe selected bold colors and easily-identifiable shapes to represent the different categories.

People Dining

Utility Retail

Municipal Transportation

Recreation Opacity

More relevant Less relevant

The hierarchy of information changes with the time of day. For instance, spotcasted theaters become more opaque later in the day when the user would likely be more interested in them.

This context depends on a user’s proximity and relationship to others. Strangers display with low opacity. However, those who are related to you via mutual friends (or share other interests) can be displayed with a medium level of transparency. This context also considers availability of services by prioritizing restaurants with open tables and barbershops with available chairs.

A user’s identification consists of personal preferences which affect the default hierarchy. For example, a child wouldn’t be interested in bars and a woman wouldn’t be interested in barber shops (in favor of salons).

This context depends on mainly on user-input through category and text search. However, certain situations allow PixieEngine to accurately predict the purpose use. For example, if a PixieEngine user is operating a spotcasted vehicle, gas station spotcasts would be opaque.

Priority is given to a user’s most-visited areas. Modes of transportation gain and lose priority depending on usage history; restaurants may gain favorite status if they’re visited with great frequency.

Location is the most commonly considered context in location-based service design. It allows information and services to be localized. A userís location can be absolute, as described by a geo-referenced coordinate, or relative, such as when youíre inside a restaurant or at home in an apartment building.

For example, if the user is interested in places to eat, he or she calls up the “places” menu option.

12:14

For social updates, the user calls the “people” menu option.

pizza 12:14

When the main menu doesn’t contain precisely what the user is interested in, a search box can be used to quickly narrow results.

Interface Considerations12:14

The root menu in our PixieEngine interface consists of four main interactive elements: the search feature, people locator, places locator and transportation locator.

12:14

Information Hierarchy & Contextual Change

A PixieEngine can obtain information from Spotcasts. Spotcasts are stationary PixieEngines with ethernet connectivity. They act as fixed, updatable sources of information that wirelessly tag stationary objects.

How can a large amount of information be simply displayed and easily navigated by a PixieEngine user?

Relevant info.Available info.

Problem: Information Overload

IconographyWe selected bold colors and easily-identifiable shapes to represent the different categories.

People Dining

Utility Retail

Municipal Transportation

Recreation Opacity

More relevant Less relevant

The hierarchy of information changes with the time of day. For instance, spotcasted theaters become more opaque later in the day when the user would likely be more interested in them.

This context depends on a user’s proximity and relationship to others. Strangers display with low opacity. However, those who are related to you via mutual friends (or share other interests) can be displayed with a medium level of transparency. This context also considers availability of services by prioritizing restaurants with open tables and barbershops with available chairs.

A user’s identification consists of personal preferences which affect the default hierarchy. For example, a child wouldn’t be interested in bars and a woman wouldn’t be interested in barber shops (in favor of salons).

This context depends on mainly on user-input through category and text search. However, certain situations allow PixieEngine to accurately predict the purpose use. For example, if a PixieEngine user is operating a spotcasted vehicle, gas station spotcasts would be opaque.

Priority is given to a user’s most-visited areas. Modes of transportation gain and lose priority depending on usage history; restaurants may gain favorite status if they’re visited with great frequency.

Location is the most commonly considered context in location-based service design. It allows information and services to be localized. A userís location can be absolute, as described by a geo-referenced coordinate, or relative, such as when youíre inside a restaurant or at home in an apartment building.

For example, if the user is interested in places to eat, he or she calls up the “places” menu option.

12:14

For social updates, the user calls the “people” menu option.

pizza 12:14

When the main menu doesn’t contain precisely what the user is interested in, a search box can be used to quickly narrow results.

Interface Considerations12:14

The root menu in our PixieEngine interface consists of four main interactive elements: the search feature, people locator, places locator and transportation locator.

12:14

UX/ UI

This project introduces the capability and potential function of the ground breaking technology, Pixie Engine. Utilizing the technology to offer more sophisticated information with an intuitive display.

Page 15: Work Sample

13Animation

An animation to demonstrate how Pixie Engine would work in real life scenarios.

Page 16: Work Sample

14

UArts Recycling2010

Students+

Faculty

UArts Housekeeping

Gold MedalDisposal

Blue Mountain Recycling

Land�ll

Gold MedalDisposal

Identity

A proposal of recycling and waste management program for UArts.

Page 17: Work Sample

15Graphic/ Wayfinding

The placement of bins is carefully planned. With clear signages posted, the new recycling program has started in Winter 2010.

Page 18: Work Sample

16 Animation

This animation entails the process to start a new recycling program in any organization or school.

Page 19: Work Sample

17

Page 20: Work Sample

18

Publi-X-Pace2009

Current Public Spaces Cleanliness People Watching Grass

Trees Free Wi� Public Restrooms Vacant Land

Shelter Bike Parking Benches Trash Cans

Current Public Spaces Cleanliness People Watching Grass

Trees Free Wi� Public Restrooms Vacant Land

Shelter Bike Parking Benches Trash Cans

Current Public Spaces Cleanliness People Watching Grass

Trees Free Wi� Public Restrooms Vacant Land

Shelter Bike Parking Benches Trash Cans

Graphic/ Wayfinding

A guide to explore what features public spaces in Center City Philadelphia can offer.

It comes with a piece of furniture to further challenge the definition of “public space.“

After thorough site survey, each feature of a public space is color coded and highlighted on the map.

Page 21: Work Sample

19Product/ Prototyping

Using transparent pages, the overlapping features can be explored individually on the guide book.

Page 22: Work Sample

20

3 51A

B

C

4

C

2A

B

Product/ Prototyping

An important part of the guide is the three piece chair, which is meant to be taken around by the user and to use it at anywhere, hoping to challenge people’s perception of a public space.

Page 23: Work Sample

21

Second iteration of the chair is wrapped in a Tyvec concrete jungle packaging. Upon unwrapping, user can create his own green space.

Page 24: Work Sample
Page 25: Work Sample

1025 Cherry St. Unit#303 Philadelphia, PA 19107-2362 217.979.2851

Address

[email protected]

WebsiteEmail

Deng -Shun Chang

Page 26: Work Sample