M A G A Z I N ET Y P O G R A P H YG E N E R A T I V E A R T

U S E R E X P E R I E N C E

D I G I T A L S O C I A L M E D I A

I N T E R A C T I O N

I2011-2013 Wenjun Wu

ORT O OO

D I G I T A L M E D I AB E H A V I O R + P H E N O M E N O N

P E R C E P T I O N

I N S I G H T

M E T A P H O R

A w A R E N E S S

E X P E R I E N C E E N H A N C E M E N T

D A I L Y A C T I V I T Y

walking is religion2012.10-2012.12u t i l i t y a n d s o c i a l i p h o n e a p p m o c k - u p

" w A L k I N G I N C I T Y I S A N A C T I V I T Y C A L L I N G f O R I N D I V I D U A L I T Y A N D A G A I N S T M A I N S T R E A M A N D T H E S T A N D A R D I Z E D I N D U S T R I A L I Z E D S O C I E T Y. "

M E T A P H O R M A J O R R E L I G I O N S C O M P A R I S O N

R E L I G I O N S T R U C T U R E

M A P P I N G w A L k I N G

A R T A N D S T U D Y O f w A L k I N G

U T O P I A N R E L I G I O N

R E L I G I O N D O C T R I N E

S T R U C T U R E O f T H E A P P

S C E N A R I O M O V I E M A k I N G

I N T E R f A C E D E S I G N

S O U N D R E C O R D I N G

A C T I V I T Y

╳

Religion

Walking

REQUIREMENT RESEARCH FICTION STRUCTURE DESIGN DEMOMAPPING

The project maps walking on religion as its metaphor to rethink this daily activity. The design is an iPhone app. It allows users imagine the Church of Walking and guide their walking by audio instruction in order to enhance walking experience.

ART AND STUDY OF WALKING: ① Rebecca Solnit. "Wanderlust: A History of Walking"(Left) ② Janet Cardiff. “Her Long Black Hair” (2004), Central Park(Upper right) ③ Guy Debord. The situationists’ theory - “Dérive” (1940s-1950s)(Lower right)

♫

S T O Pw A L k I N G

R E L I G I O N f A C TR E w A R D /

P U N I S H M E N Tf U N C T I O N M O D E

I N S T R U C T I O N

T R A N S P O R T A T I O N

M U S I C I N V I S I B L E C H A P E L w E E k L Y S E R V I C E P R I V I L E G E

❖ ☀ ☜

STATUS

AUDIO INSTRUCTION

FUNCTION

“walking is not an inefficient way of moving from one place to another in city.”

“A piece of music is deleted.”

“Congratulations! You find an invisible chapel. Now you can stay for a while to hear what others said in the chapel.”

⎣

⎜⎜

⎜⎜

⎜⎡

⎣

⎜⎜

⎜⎜

⎜⎡

⎣

⎜⎜

⎜⎜

⎜⎡

⎣

⎜⎜

⎜⎜

⎜⎡

⎣⎜

⎜⎜

⎜⎜

⎡

⎣

⎜⎜

⎜⎜

⎜⎡

Audio instruction and minimal interface reduce interaction with digital media in order to guarantee concentration on the real world experience.

SCENARIO: LAUNCH + STATUS + MUSIC

“Get a new function-showing status. There are three status-walking, stop and transportation. keep walking status for a while will get reward. keep stop status for a while will get punishment. keep transportation status will get double punishment.”

“Headphone's plugged in. Now start walking.”

“Get a new function-playing religious music and a new piece of music. Music will play automatically from your collection. Click music button to check your collection."

Users draw the symbol of the Church to launch the app rather than seeing the standardized symbol. It emphasizes individuality in walking spirit.

SCENARIO: RELIGION STUDY

“Get a new religion fact: walking is far more meaningful than its benefit on physical health.”

“Get a new religion fact: walking is not an inefficient way of moving from one place to another in a city.”

“Get a new religion fact: walking in city is an activity calling for individuality and against mainstream and the standardized industrialized society."

SCENARIO: PUNISHMENT + FORGIVENESS

“Music function is blocked."

"A piece of music is deleted."

"Music function is resumed."

SCENARIO: INVISIBLE CHAPEL

“Now it's your turn to talk in the chapel. Leave your message after the beep sound. After recording,click the chapel button to leave the chapel.”

"I just passed by a bus stop on my way to school. I'm lucky. Today is not extremely cold so I can still walk. It will be miserable if I get on that crowded bus..."

“Congratulations! You find an invisible chapel. Now you can stay for a while to hear what others said in the chapel.”

“It sounds like I'm the second one who discover this chapel. I pass by this street everyday. There was no chapel here yesterday. It must be created early this morning..."

Similar to geocaching games, some users specify chapels so that ordinary places have special meanings. Chapels as social places allow users to share their walking stories.

SCENARIO: WEEKLY SERVICE

“Time for weekly service. walk for an hour by following the rule you hear: please follow the red color you see."

“It is the end of weekly service."

Weekly service employs the practice of Dérive (Drifting), which means an unplanned journey through urban landscape. Participants make quick decision on routing with a given rule. The ultimate goal of Dérive is to have authentic walking experience which relies on environment rather than routines.

online Double exposure2012.9-2012.11o n l i n e p h o t o b o o t h w e b s i t e u s i n g f l i c k r a p i a n d p r o c e s s i n g

FILM DOUBLE EXPOSURE

Risk of ruining photo by the other person

Imagination for the outcome

Out of expectation for the outcome

Imagination the story in the other photo

Creating meaning from connecting two photos

DIGITAL DOUBLE EXPOSURE

Collaboration with strangers

Depending on coincidence

Getting to know each other via the photo

The fascination of analog media is disappearing in digital age. How to preserve the value of analog world without struggling against the trend and even improve it with digital technology?

}

P R I V A T E A L B U M

P U B L I C A L B U M

㆖ ㆖

㆖

㆖

㆖

㆖ ㆖

㆖

㆖㆖

㆖

㆖

O N L I N E D O U B L E E X P O S U R E G A L L E R Y ; U S E R S C A N C O M M E N T O N P H O T O S

㆖

㆖

㆖

㆖

Tea ceremony inviTaTion2012.12t i m e - b a s e d g e n e r a t i v e a r t p r o d u c e d b y p r o c e s s i n g

PImage textImage1, textImage2, textImage3, bg;int[] rowState1,rowState2,rowState3;int rows1,rows2,rows3;int[] rowFrameCount1,rowFrameCount2,rowFrameCount3;final int lineheight=16;int speed=100;//larger-lowerint displayTime=1000;int windowWidth=1240;int windowHeight=620;int X1,X2;boolean showColumn1;boolean showColumn2;boolean showColumn3;

void setup() {

size(1240, 620, P2D); bg= loadImage("bg.jpg"); background(255); // frameRate(30); textImage1 = loadImage("text_01.png"); textImage2 = loadImage("text_02.png"); textImage3 = loadImage("text_03.png"); rows1=textImage1.height/lineheight; rows2=textImage2.height/lineheight; rows3=textImage3.height/lineheight; showColumn1=true; showColumn2=false; showColumn3=false; X1=430; X2=800; smooth(); noStroke(); rowFrameCount1= new int[rows1]; //count frames played to decide the duration rowState1= new int[rows1]; //0:haven't started, 1:create, 2:display, 3:destroy, 4:disappear rowFrameCount2= new int[rows2]; rowState2= new int[rows2]; rowFrameCount3= new int[rows3]; rowState3= new int[rows3]; rowState1[0]=1; //start the first row}

void draw() { //background(bg); //every frame clean previous drawing if (createInput("ichigoichie.txt")==null) { //detect if program run before

if (showColumn1==true) { for (int r=1;r<=rows1;r++) { if (rowState1[r-1]==1) row_create(r, textImage1,rowFrameCount1,rowState1,rows1,0,X1); if (rowState1[r-1]==2) row_display(r, textImage1,rowFrameCount1,rowState1); if (rowState1[r-1]==3) row_destroy(r, textImage1,rowFrameCount1,rowState1,rows1,0,X1); } if (rowState1[rows1-1]==2) { if (showColumn2==false) rowState2[0]=1; showColumn2=true; } if (rowState1[rows1-1]==4) showColumn1=false; }

if (showColumn2==true) { for (int r=1;r<=rows2;r++) { if (rowState2[r-1]==1) row_create(r, textImage

PURPOSEThe invitation is for a Japanese tea ceremony in Japan House at the University of Illinois. It demonstrates the zen statement “impermanence of all things“.

CONCEPT"Impermanence of all things" means that nothing is permanent. We should value every opportunity we have because it cannot last forever.

Another related statement "ichigo ichie" refers to "one life one time". It tells us to consider every opportunity as the only one in our lives. 一期一会

ichi go ichi e

Digital media seems to be the form against tradition. But it is the language of our era. Why not use our own language to refresh the understanding of the old concepts which still work nowadays?

The invitation runs only once. And it appears line by line and then disappears in the same way. Thus the guest needs to value the opportunity and pay attention on reading due to the awareness of its impermanence.

T H E f I L E I S G E N E R A T E D A f T E R T H E P R O G R A M R U N S O N C E . w H E N T H E P R O G R A M D E T E C T S T H E f I L E N E X T T I M E , T H E I N V I T A T I O N w I L L N O T B E S H O w N .

f R A M E 8 0

f R A M E 2 0

f R A M E 9 1

f R A M E 1 0

f R A M E 9 3

f R A M E 5

C R E A T I N G A L I N E

D I S P L A Y A L I N E f O R A w H I L E

S T A R T f R O M ( f R A M E 0 ) A N D E N D I N ( f R A M E 1 0 0 ) E M P T Y S P A C E

D E S T R O Y I N G A L I N E

f R A M E 9 5

f R A M E 3

f R A M E 9 7

f R A M E 1

f R A M E 9 9

f R A M E 0

› › › › › ›

››››››

›

›

› ›

› ›

2 3 4

7 8

9 10 12

13 14 15

5 6

11

16

17 18 19 20

1

The sequence of showing invitation text in three columns

spurlock museum app2013.1-2013.2e d u c a t i o n a l i p a d a p p m o c k - u p

MAKE Your FigurinEObserve the figurine in Spurlock Museum and finish a specified making task to collect the figurine.

Build Your FigurinE CollECtionPick the silhouette that matches the figurine you find in Spurlock Museum.

➡

A way of studying in museum is asking questions about exhibits and looking for answers by observing and reading museum materials. The app encourages users to answer "questions" by providing the motivation, collecting figurines.

Spin the globe to specify the region...

Pick up a texture to specify the material...

Drag the edge of the mud to shape...

☝ Carve the major details...

❶ f I N D A f I G U R E ❷ S P E C I f Y R E G I O N

❷ f I N D I T I N T E R E S T I N G , T A k E P I C T U R E S A N D L E A V E

w I T H O U T T H E A P P

❸ S P I N T H E G L O B E T O S E L E C T R E G I O N

❹ O B S E R V E M A T E R I A L

❺ P I C k M A T E R I A L ❻ C H E C k O U T S I L H O U E T T E S A N D P I C k O N E

❼ R E A D T H E M A k I N G T A S k I N S T R U C T I O N

❽ O B S E R V E A P P E A R A N C E

❾ D O T H E M A k I N G T A S k

❿ f I N I S H T A S k A N D C O L L E C T T H E f I G U R E

The app enhances museum experience by creating interaction between the virtual world and the real world.

Digital media should enhance people’s real-world experience rather than separating people from the reality and getting them addicted to the virtual world.

ninTh leTTer-guThrie's book alTeraTion2011.9-2012.1a c o l l a b o r a t i v e j o u r n a l p r o j e c t w i t h s a n n y l i n , b r i d g e t h a p n e r a n d h a n n a h b u r t n e s s

Willis Guthrie alters images in books using the collage technique. We design a 19 page secton to display his artwork in Ninth Letter Vol. 8 No. 2.

Ninth Letter is an award-winning literary arts journal produced by the English department and the Graphic Design department at the University of Illinois, Urbana-Champaign.

It is impossible to recreate the experience of touching the collage in photos. Thus we visualize the sense of touch.

american The blue2011.9a c o l l a b o r a t i v e t y p o g r a p h y p r o j e c t w i t h m i c h e l l e , c o l l e e n , l i z a n d b r i a n

What is the nature and the characteristics of an everyday thing which most people understand but have not raised awareness of?