a blank state process

72
a blank state process notebook

Upload: allie-fields

Post on 01-Mar-2016

218 views

Category:

Documents


0 download

DESCRIPTION

Desiging for Interaction Process Book

TRANSCRIPT

Page 1: A Blank State Process

a blank stateprocess notebook

Page 2: A Blank State Process
Page 3: A Blank State Process

The five categoriesdata

platform

visual form & mapping

surface

Interaction

Page 4: A Blank State Process

emotions

movements

descriptions/vocabulary

ingredients

drawings

personal possessions

sleep

Page 5: A Blank State Process

Dataa constant stream of facts, statistics

or other infomration.

Page 6: A Blank State Process

ios system

application

website

projection

EMERGENCE

The creation of a platform. This occurs through the process of finding

all the elements and letting the final product be created.

Page 7: A Blank State Process

platformThe software or system in which an interactive

concept can be developed upon.

Page 8: A Blank State Process

pictures

charts

graphs

time line

Page 9: A Blank State Process

visual form & mappingA visual representation of data changing over time.

Page 10: A Blank State Process

mirror

screen

paper

wall

iPad

skin

Page 11: A Blank State Process

surfaceA physical space or object which one can interact with.

Page 12: A Blank State Process

viewing

sharing

building

touching

movement

Page 13: A Blank State Process

InteractionThe way in which an individual contributes information.

Page 14: A Blank State Process
Page 15: A Blank State Process
Page 16: A Blank State Process
Page 17: A Blank State Process
Page 18: A Blank State Process

http://www.behance.net/gallery/Vodafone-Flagshipstore-Cologne/5550549

http://cre8ive.kr/thesis/sketches/

http://www.behance.net/gallery/Castorama-Interactive-Kiosk/4446213

http://www.behance.net/gallery/Active-Perception/416729

http://www.behance.net/gallery/Genesco-op-Interactive-Table-Barneys-New-York/5053455

Page 19: A Blank State Process

links

Page 20: A Blank State Process

datablinkingbird migrationeye movement when readingsocksIQingredientscolorbrain activityfeelingswriting

mappingprojectionsthumb tackscake layerstrianglespaperballoonscollagethumbprintsfinger printingsandholes

interactionbuildingthinkingwritinghearingexchangestompingtwistingspeakinguploadingmoldingbreathing

surfacemirrorskinsurfacesandwallceilingscreenpost-itstickershirtwaterwatchnecklace

Page 21: A Blank State Process

listing

surfacemirrorskinsurfacesandwallceilingscreenpost-itstickershirtwaterwatchnecklace

Page 22: A Blank State Process

emotions*

colors in water

moving finger

true colors

water*

data

mapping

interaction

platform

surface

Page 23: A Blank State Process

true colors is an interactive platform

that tracks emotions based on the

color of the water when one places

their hand or finger in he bowl. it is

capable of representing varying or

multiple emotions (colors) at once.

Page 24: A Blank State Process

blinking*

shapes / triangles

building*

open your eyes

screen

data

mapping

interaction

platform

surface

Page 25: A Blank State Process

open your eyes is an interactive platform

that tracks blinking, represented by

triangles of different sizes based upon

speed and time between each blink.

blinking builds a visual display on the

screen, the size of a wall.

Page 26: A Blank State Process

traffic through door

thumbprints*

opening door

tracking traffic

doorknob*

data

mapping

interaction

platform

surface

Page 27: A Blank State Process

tracking traffic is a ineractive

platform that indicates the

number of people who have used

a doorknob, shown through neon

thumbprints that fade over time.

Page 28: A Blank State Process

IQ*

Clear reflection

looking into mirror

view me

mirror*

data

mapping

interaction

platform

surface

Page 29: A Blank State Process

View me is an interactive platform

that reveals not only looks, but

also Iq based upon the clarity of ones

reflection in a mirror.

Page 30: A Blank State Process

bird migration*

paths

viewing formation

watch me fly

sand*

data

mapping

interaction

platform

surface

Page 31: A Blank State Process

watch me fly is an interactive

platform that tracks in an

accelerated speed bird migration with

sand on the ground.

Page 32: A Blank State Process

NAME

SUBTITLE

SHORT DESCRIPTION

BENEFIT DESCRIPTION

LONG DESCRIPTION

A Blank State

What will you create?

A Blank State is an interactive installation built by the rate and frequency of one’s blinking.

This installation allows people to enter a blank space which transforms into a visual display simply by

blinking. The participant is not aware this particular function is what creates the display. Movement, rate of

blinking, and number of participants all effect the creation of the display.

A Blank State is an interactive installation built completely by the viewers, despite their lack of knowledge

about their specific participation within the room. Based on the rate and frequency of one’s blinking a

visual display will be created completely comprised of shapes and triangles. The more people within the

installation, the faster the room will become filled with the design. Participants will wonder what exactly

their impact on the display is, which is a distinct feature of this installation. If or when their contribution is

noted, they may choose to manipulate their blinking to influence what is created. Movement throughout the

room will also affect the creation of the display. The intended audience will range from children to adults,

especially those who enjoy modern art or frequent museum.

Page 33: A Blank State Process

rate and frequency of blinking

triangles and the patterns they create

blinking

a blank state

an empty white room

data

mapping

interaction

platform

surface

Refinement

Page 34: A Blank State Process

The space

Page 35: A Blank State Process

The space

Page 36: A Blank State Process
Page 37: A Blank State Process

Mood Board

Page 38: A Blank State Process
Page 39: A Blank State Process

VIsual Refinement

Page 40: A Blank State Process
Page 41: A Blank State Process
Page 42: A Blank State Process
Page 43: A Blank State Process
Page 44: A Blank State Process
Page 45: A Blank State Process
Page 46: A Blank State Process

w hat will you create?

A blank state

Page 47: A Blank State Process
Page 48: A Blank State Process

before

during

The End

statistics

The user only sees the title of the exhibit: A Blank State.

The group enters the room, installation will start instantly and the user must try and figure out what causes

the visual effects, or they can just observe what is happening.

Users will be informed what created the visual effects in the installation.

People blink an average of every four seconds.

Page 49: A Blank State Process

User Experience

Page 50: A Blank State Process

Animation Storyboard

Page 51: A Blank State Process
Page 52: A Blank State Process
Page 53: A Blank State Process

final presentation

Page 54: A Blank State Process
Page 55: A Blank State Process
Page 56: A Blank State Process
Page 57: A Blank State Process
Page 58: A Blank State Process
Page 59: A Blank State Process
Page 60: A Blank State Process
Page 61: A Blank State Process
Page 62: A Blank State Process
Page 63: A Blank State Process
Page 64: A Blank State Process
Page 65: A Blank State Process
Page 66: A Blank State Process
Page 67: A Blank State Process
Page 68: A Blank State Process

Creat e

Clear save Shar e A blank st

Page 69: A Blank State Process

A blank st at eDetails

Page 70: A Blank State Process

When we were introduced to this project I was excited at the possibilities this assignment would offer.

Because we were dealing with such a different type of process and way of thinking, it allowed me to

come up with broader and more varied ideas for what my final product would be. I enjoyed letting this

process help me to create something unique, rather than my usual habit of coming up with practical

problem-solving solutions. I enjoyed the element of impracticality. It was fun to not have to worry so

much about the technical elements of creating our idea, but focus on the best visual representation of an

abstract concept. I learned through my video how important timing can be in presenting a concept, and

how sometimes a video doesn’t necessarily have to give everything away. I feel that my final presentation

accurately presents the concept I came up with in a visually interesting way, if only this exhibit could exist

in real life.

Page 71: A Blank State Process

Reflection

Page 72: A Blank State Process

Allie Fields VISC 404 // Fall 2012

Designing for InteractionMichael Selby