Jocelyn's banner

Product Portfolio
"Living Widows & Paper Sons (LWPS)"
Saga of the Chinese Exclusion Act Era

Interface screen for content about Chinese Exclusion Act via Angel Island

content screen: an interacive activity
Activity

Content screen for documents Content screen for video

Designing the Living Widows & Paper Sons Website

The "Content Place" screen sets up the interface for the major content.
The ribbon appears on the left with the character the user chose at the top. A list of categories appears on the ribbon, Stories, Official Documents, Viewpoints, People/Places, Activities and FAQ (Frequently Asked Questions). Roll over the categories and they change color designating that they are active.
At the top of the screen is the identifying title bar and below that on the left are small icons which are active for additional content; left to right is a "film reel" for video, the word "overview" for an overview of the current category, a "phonograph" for sound and the "characters" for Chinese language for content in Chinese.
Below the title bar on the right is text designating which category the user is in, i.e. "The Place," Angel Island and the category, Chinese Exclusion Act.
At the bottom of the screen is the global navigation bar divided in four rows. The first line accesses the three main categories for this place location. Within Angel Island one can go to Chinese Exclusion Act, Coming to America and Arriving on Angel Island.
The second row shows the characters within the Angel Island experience. The characters add voice to the experience. When the user is in a different "Place," the characters for that locale would be visible here.
The third row lists the three distinct places; Angel Island, CA, a village in Toisan, China or Chinatown, USA.
The forth row takes the user to overarching headings in the experience, the Site Map, Home & globel FAQ.
These three thumbnails show types of "Content" screens 1) an activity 2) documents and 3) video interview in both Cantonese and English.
Click on the interactive "Activity." Here the user takes an interrogation test from circa 1910 and will receive feedback on how well she/he did.

go to previous page go to next page