work sample
DESCRIPTION
by Deng-Shun ChangTRANSCRIPT
Deng -Shun ChangPortfolio
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
2
VolunteerBIG Website2011
UX/ UI
User experience and web design for VolunteerBIG’s first contest micro site and main website.
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.
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.
5Animation
This video is created to demonstrate the technology and functions of the app.
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.
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
#phillyfuchi
futurechinatown.com/ushahidiGraphics with simply instructions to demonstrate how to participate.
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.
9
Intriguing poster design at 2011 UArts design exhibition for the project.
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.
11
An integrated online system combining different functions and eliminating physical forms is proposed to further streamline the registration process.
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.
13Animation
An animation to demonstrate how Pixie Engine would work in real life scenarios.
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.
15Graphic/ Wayfinding
The placement of bins is carefully planned. With clear signages posted, the new recycling program has started in Winter 2010.
16 Animation
This animation entails the process to start a new recycling program in any organization or school.
17
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.
19Product/ Prototyping
Using transparent pages, the overlapping features can be explored individually on the guide book.
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.
21
Second iteration of the chair is wrapped in a Tyvec concrete jungle packaging. Upon unwrapping, user can create his own green space.
1025 Cherry St. Unit#303 Philadelphia, PA 19107-2362 217.979.2851
Address
WebsiteEmail
Deng -Shun Chang