Spirit Web Process Book

W E Bspirit

W E BspiritDesigning for Social Interaction : ProcEss Book

Claire Pedersen : Fall 2012 : Michael Selby

I N T E r A cT I V E D Es I G NData | Platform | Mapping | Surface | Interaction

D data || consistent stream of facts, statistics, and other information.

ingredient

flights

drawings

sleep

rainfall

affection

heart rate

television time

P platform || The software or system that the interactive concept can be developed upon.

iso

twitter

website

app

projection

hologram

instagram

facebook

M mapping || A visual representation of data changing over time.

lights

string

blocks

fire

nails

paper

balloons

sound

s surface || A physical space, or object which one can interact with.

air

wall

clothes

billboard

skin

frozen lake

mirror

paper

I interaction || The way in which the user contributes information.

dancing

shaking

smoking

swimming

writing

smelling

slapping

waving

FouND ExAMPlEs

1 2

3 4

1. Music Swings | D: speed of swinging M: sound s: swing I: swinging2. Feel Me | D: Finger Movement M: Finger Movement s: Touchscreen I: Touching screen3. Light Trails | D: Footsteps M: color Projections s: lED lights I: stepping4. SKal | D: objects in bowl M: shows on TV s: Wood Bowl I: Placing objects in bowl

Slot Machine : coNcEPT DEVEloPMENT

wind currents

mixing colors

hair length

note length

frequency of songs

text messages

traveled roads

cloud formations

fried foods

cactus blooms

baked goods

crayon usage

tredmarks on shoes

toothpicks

textures

height

insect migration

childhood artwork

spoken language

city’s travel

colors in sunset

dreams & inspirations

tracks

strings

projections

bars

line

peaks

blocks

pyramids

rules

sun light

rainfall

melody

die dispertion

scales

fold marks

light trails

shadows

air stream

boat wakes

blinds

time lapse

dripping

cup

balloons

moss

vinyln records

elastic

ice

paint

fog

bubble wrap

dirt

mountains

bubbles

tunnel

sand

clouds

icicles

oil

lycra

afghan

spiderweb

leaf

caverns

lift

fold

blink

break

build

break

build

tough

putting on clothes

jump

run

touch head

run in place

grab

place objects

open mouth

turn off lights

hold hands

dance

sing

wave

fly

D M s I

N A M E : E : Scaling the Wall of Emotion

s u BT I T l E : Visual data representation of a communities emotions.

s H o r T

D Es c r I PT I o N : A interactive data wall in a public space that individuals can post their moods as scales.

B E N E F I T : The community can track overall moods, see the trend in moods and aim for a happier community.

lo N G

D Es c r I PT I o N : A interactive data wall in a public space that individuals can post their moods as scales. The community can track overall moods, see the trend in moods and aim for a happier community. This wall is designed for teens and young adults.

Initial Design : coNcEPT 1

Interactive Wall : sPAcEs

Interactive Wall : Mock uP

F I N A l co N c E PTData | Platform | Mapping | Surface | Interaction

feelingfeelingH o W A r E Yo u

To DAY ?

N A M E :

s u BT I T l E : an interactive web growing with colors representing a

communities emotions

s H o r TD Es c r I PT I o N :

B E N I F I T : the community can track overall moods, see the trends moods and aim for

a happier community.

lo N G D Es c r I PT I o N :

an interactive data wall that allows individuals to select a color to represent their mood.

an interactive data wall that allows individuals to select a color to represent

their mood. their color then gets added to the existing web of colors from other

users, contributing to the spirit web. this instillation benefits the community be-

cause it tracks over all moods and trends. this instillation could help to make

an happier community.

W E Bspirit

D P M s I

colors spirit web web interactive wall touch

M A Y

2012 1 2 3 4

6

5

15

7 8 9 10 11 12

13 14 16 17 18 19

2220 21 23 24 25 26

3028 29 31 32

feeling

W H AT A R E YO U

T O D A Y ?

Visuals : sTorYBoArD

B E F o r E : E : The user sees the blank spirit web screen a wall

in a public space.

D u r I N G : The user is given the prompt “How are you feeling today” to answer in form of selecting a color.

E F F E cT : Their color gets added to the ever growing web of color.

T H E E N D : Users can see their color among the web of col or and see popular moods of the day as well as search for popular colors for different days.

User Experience : ANIMATED WAll

Reflection : sPIr IT WEB

I was very excited to start this project because it offered me an opportunity to think

in different way. I appreciated the way we chose our topic because it offered a way

to broaden our thinking and discover something outside the box. It was interesting

designing something that didn’t have to “solve a problem” because as designers we

are constantly trying to fix things. It was nice to think of something in pure visual

form, but have a lot of research to back it up. I had trouble creating visuals for the

first few steps of the project because I wasn’t sure how I wanted to represent all the

data obtained by the users. When I finally figured out I wanted it to be in a web form

things really clicked. In the end I am very happy with how the project turned out

visually and I think it would be really cool if it could actually be made.

Spirit Web Process Book

Documents

Transcript of Spirit Web Process Book