TIME SHARE DESIGNING FOR SOCIAL INTERACTION PROCESS BOOK
TIME SHARE DESIGNING FOR SOCIAL INTERACTION
A social interaction design created by Alex Milbourn at the University of Kansas in the Fall 2012 semester.
SPACE User interactive experience tabloids, 3D space Pages, how we interact with those spaces designtaxi.com
SURFACE Something has to hold your design Evolution of the phone — cell phone A lot of new surfaces in the future –Who will design the best one? – Ex: coffee tables – walls
DATA How we look at data Finding the most important piece of the puzzle and communicating it Huge stream of data we don’t know how to represent — Designing that can take in real time, have a life on its own Finding one thing that is consistent
MAPPING You have the data, you’ve made a call on what you are going to represent Projecting something is mapping also Interact with 3D spaces urbanscreen.com/motionographer.com
THIS IS A WAY >> PLATFORMS << Real time NOT linear Designing user experience
Y OF THINKING DATA Constant stream Can come through and keep changing Interacts together
PLATFORM Internal launch pad Structure - surface/base The name of the “thing”
VISUAL FORM & MAPPING Turns into something you can see
SURFACE How are you looking at the data? -Windows, table, walls Where does this information live? How is the data represented?
INTERACTION How do people interact with the experience?
EMERSION:// activated, willingness to interact the things that arise through an experience
IDEAS DATA:
ingredients, tempo, drawings, personal possesions, food consumption, population, IQ, sleep, affection, rain fall, time spent..., heart beat, tracking, length, items stored, pulse, stages of sleeping, dreams
VISUAL FORM:
lights, projection, string, sculpture, jazz/ improv, blocks, footprints, layout, drawing, paper, color, balloons, smoke, liquid, lines, pixels, shots, leaves
SURFACE:
wall, table, air, skin, ceiling, ground, car window, clothes, sheet, brick, screen, canvas, wod, fabric, bag
INTERACTION:
speaking, dancing, shaking, conversation, writing, exchanging, wearing, placing, sleeping, clicking, stepping, watching, pulling CLASSIFICATIONS OF PLATFORMS installation, websites, interactive experiment, surfaces, mapping
EXAMPLES DATA
PLATFORM
VISUAL
Height
Moma Heights
Location/Tracking
Coke Mobile Ad
Content
Apple iOS
A
Content
Posts, pi
Footprint steps/path
Tree footprint
Photos, digital photos via phone
Mar
Path/trackin
Painting on foot
Edited
L FORM
rkings
ng with kiosk
Apps
ics, videos
n street, green tprints
d image
SURFACE
INTERACTION
Wall
Standing and marking, viewing
Kiosk & cell phone
Buying/ receiving
iPad
Touching
Digital screen
Sharing and viewing
Canvas
Walking across the street
Screen
Sharing the photo, editing the photo
EX: instagram is a platform that allows users to manipulate and share cell phone pictures
“ WEIRDNESS FORCES CREATIVITY”
â&#x20AC;&#x153;SLOT MACHINEâ&#x20AC;? EXAMPLE
D |
Temperature change
P |
Displaying body heat via dancing
M |
Paint
S |
Skin *
I |
Dancing *
>> An interactive platform displaying body temperature by temperature sensitive paint on skin while dancing
* Pieces we were given
THOUGHTS Dreams: Dreams being recorded- you could watch it on a screen the next day Exact story would be projected - types of dreams De ja vu Sleeping: People in a city or town have their stages of sleep being tracked- that info is then projected onto a screen for people to see- viewers can see when people go to sleep and the stages of sleep [and watch their dreams??] â&#x20AC;&#x201C; What people do before bed and how that effects your sleep Eating, exercising, watching, music, homework Lines and dots Screen Watching
— REM sleep Female/male, old/young, middle school, location Focus group RESEARCH: bananas, sushi, salad, etc. – how different foods effect your sleep Nightmares, sleepwalking, different types of dreams How deep someone was in sleep Heaviness of sleep - Sand - Stages of sleep - Rapid eye movement - Where they are on a chart projecting movements Live Feed – #, posting it to something, constantly handle new info Elastic pulling up and down based on different types of peoples REM Interact with ap before you go to bed and it records info
STREAM OF DATA STEADY FLOW TECHNOLOGY OR PEOPLE INTERACTING
FOUND EXAMPLES NIGHT LIGHTS noupe.com
INTERACTIVE MULTITOUCH SPHERE noupe.com
SWEATSHOPPE noupe.com
PROJECT RE: BRIEF COCA COLA youtube.com
Creativity Where is it going to be? Who will see it? Audience What will it do Benefits
PROCESSING IDEAS...
1 TRAVELSHARE TRAVEL SOCIAL NETWORKING DATABASE
STATEMENT Travel Share is a database that allows you to share information about cities you have been to and the things you have experienced in those cities. Users are able to connect with other people one on one and get their input based on their location.
BENEFIT DESCRIPTION Being able to see and hear real peoples experiences, advice, and pictures. Being able to connect with people who are close to you, have the same interests, and want to know the same things. Being able to share you experiences. You can see where other people are in the world from your area
LOCATION People can access the database on their phones, ipads, and computers. Large cities across the world will have this database Kiosks will be located around the cities where you can directly upload information
DESCRIPTION A travel social networking database that records your travel and uploads pictures to a database that keeps track of the attractions, lodging, and restaurant recommendations you want to share to others who are going to the same location or are seeking to go somewhere. While in the city you can look up who else is there from around where you live. You can chose to meet up with them, look more indepth at the information they have posted, and live chat with them to hear one on one their experiences. This application only covers large cities around the world like New York City, London, Rome, Tokyo, etc. While in a large city, like Rome, and on the database you see you need to go to the Colosseum, you can favorite that location, put in in your â&#x20AC;&#x153;favoritesâ&#x20AC;? and go back to it later to get the directions. After visiting that location, you can then post a picture of it, and tag that location to your profile. After awhile your map on your profile will grow and people can see all of the places you have been. There are also kiosks around each city that you can go up to and directly share information and pictures. Your data will then be posted on a large screen for people to view when walking by. This screen is connected to your personal database so you can view at a later time. You can also design your own profile, collage your pictures, and add information about each one.
X X
X
X
X
X X X X
X
X
X
X
X
X X X
X
IMAGE IDEAS
2 CONSUMING
SLEEP TRACKING STAGES OF SLEEP + FOOD CONSUMPTION BEFORE BED
STATEMENT Consuming Sleep is an interactive experiment that tracks your stages of sleep based on what you ate the night before, before you went to bed. The different kinds of food is also compared to your age, gender, and location.
STAGES OF SLEEP: Stage 1: A relatively light stage of sleeping, a transition period between wakefulness and sleep. The brain produces high amplitude theta waves, which are very slow brain waves. Last around 5-2 0minutes. Stage 2: Lasts approximately 20 minutes. The brain begins to produce burts of rapid, rhythmic brain wave activity known as sleep spindles. Stage 3: Deep, slow brain waves known as delta waves begin to emerge. Transitional period between light and deep sleep Stage 4: A deep sleep lasting around 30 minutes. Stage 5: Most dreaming and rapid eye movement occurs during this period- increased respiration rate and increased brain activity. During REM sleep the brain and other body systems become more active and muscles become more relaxed
Benefits Knowing what to eat before bed and what not to eat. Seeing how food effects people and their sleep differently
Description There are five stages of sleep that people go through throughout the night. The cycle repeats itself a series of times and food consumption before bed time can highly effect REM sleep and dreams This experiment tracks your stages of sleep based on your age, gender, and location compared to what you ate the night before. Through a series of lines, dots, movement, and steadiness, your stages of sleep are represented on a screen and are then compared to other peoples sleep cycle and what they ate.
RUNNING WITH AN IDEA...
TRAVEL SHARE PROFILES
POST
SEARCH
SYDNEY, AUSTRALIA NEW YORK CITY, NY VANCOUVER, CANADA PARIS, FRANCE ROME, ITALY TOKYO, JAPAN BARCELONA, SPAIN CHICAGO, IL BEIJING, CHINA VENICE, ITALY LONDON, ENGLAND LOS ANGLES, CA ZURICH, SWITZERLAND
ZIP CODES
MAPS
NEW TO TRAVEL SHARE?
TRAVEL SHARE Look at websites that are already geared towards travel wikitravel.com couchduring.com yelp.com other community websites First time visitor vs people who are experienced Like Craigslist – particular area Social network Physical form- big touch screen map, add sticky notes, pins etc. Kiosks- common moment Travel- in the same location with people for a brief amount of time, different pasts and different futures, but you share that one moment Being able to meet up with each other – another interaction to it “Favorite” people – linked back to your profile, become friends Map of everywhere you have been Profiles show you interests- could match you with others around you So many paths of different people with intersecting points KIOSKS: Visitors center, airport – Voice for the city itself By user, city, specific place Make it worth investing in Tab- direct message Travel blogger vs someone who goes to new city Their experience and what it is like
PEOPLE PLANNING WITH PEOPLE
VANCOUVER, CANADA
CANOE RENTAL
Fifth time in Vancouver! We love it here
FAMILY PROFILE
Canoeing on the river with my beautiful family
My Brother And I Climbing The Saint Elias Mountains In Vancouver
Wandered off with my best friend and came across this
HIKE
MAP OF MOUNTAIN
Packed car for our roadtrip!
ROUTE
Enjoying Some Cold Drinks At A Local Bar With Friends
Came across this amazing view with my dad and grandpa couldnâ&#x20AC;&#x2122;t believe it. LAT AND
LONG
HILLTOP BAR
PARIS, FRANCE
My husband and I in the Square
5 Star Hotel My Wife And I Stayed At For Our Anniversary
HOTEL NAPOLEON
Beautiful mountain side view outside of the city
Bed And Breakfast In A Quaint Village Outside The City
MAP
LOCATION
ITINERARY
Pictures ties everyone together Main thing – recommendations – benefits for people who come to the city Most recommended- no negative comments to go through Interactive wall or table- combine kiosk and wall MOCK IT UP idea that it can be on multiple surfaces Grid on photos- may make it more unified On a train or on a plane? – another surface idea “Pin” your spot – dots would come on slow, then speed up to fill the map
Locations of Kiosks/Walls: Airports Train Stations Visitor Centers Inside or Outside? A specific “building” for the kiosk itself in the main part of the city? —It becomes a voice for the city itself
PEOPLE PLANNING WITH PEOPLE
TRAVEL SHARE IS AN INTERACTIVE PLATFORM THAT RECORDS AND SHARES PERSONAL TRAVEL AND PUTS IT ON A SOCIAL NETWORKING SITE TO HELP PEOPLE CONNECT AND SHARE EXPERIENCES
PROFILE IDEAS
ALEX MILBOURN
MY STORY
WHERE I’VE BEEN DIRECT MESSAGE
Student, graphic designer.... I am 21 years old and from Leawood, Kansas. I am a senior at the University of Kansas and enjoy traveling whenever I get the chance. I prefer to travel with the people I love and are close to.........
INTERESTS
FRIENDS FAVORITES
SEND
RECOMMENDATIONS Lodging Restaurants Site Seeing Tours
TRAVEL SHARE
SARAH OWENS MY STORY
WHERE I’VE BEEN
FAVORITES
FRIENDS
DIRECT MESSAGE
PIN YOUR SPOT
FINAL
TRAVEL SHARE Travel Share is an interactive platform that records & shares personal travel and puts it on a social networking site to help people connect & share experiences.
Users are able to share experiences & recommendations through pictures, posts, and pinning of locations for experienced and beginning travelers. Travelers are able to connect with the people around them all over the world
DATA Travel Experiences & Recommendations
PLATFORM Travel Share
MAPPING Posts & Pictures
SURFACE Screens
INTERACTION Sharing, Viewing & Pinning
Travel Share is unique because unlike any other travel website, users can share their experiences through personal pictures and positive recommendations right on the spot from wherever they are in the world. Users can access this site on their computers, iPads, and phones.
All travelers are connected through the site, but experienced travelers/community members have certain elements that are focused on their wants and needs, as well as beginning travelers. For example experienced people who frequent the city often have tabs that concise posts and pictures like concerts, flea markets, festivals, etc. New travelers have options like restaurants, lodging, transportation, attractions, etc to narrow their searches down. Everything you click on takes you to a new page with all the information you need. There is not an overload of information and recommendations. The idea of this site is that users only put the essential amount of information (text) so it is easy to run through, it is clean to look at, and it is all recommendations, not what you should not do and where you should not go. This interaction functions just like a normal website, it has easy upload buttons, simple text boxes, tabs that are easy to navigate through, and beautiful pictures to look at. Users can gain information according to their wants and needs through a click of a button. By customizing your profile, users can pick the stream of information they want to see and get the best results out of every vacation they take from this point forward.
TRAVEL SHARE PROFILES
POST
ZIP CODES
MAPS
NEW TO TRAVEL SHARE?
Travel Share is an interactive platform that records & shares personal travel and puts it on this social networking site to help people connect & share experiences.
SEARCH
SYDNEY, AUSTRALIA NEW YORK CITY, NY VANCOUVER, CANADA PARIS, FRANCE ROME, ITALY TOKYO, JAPAN BARCELONA, SPAIN CHICAGO, IL BEIJING, CHINA VENICE, ITALY LONDON, ENGLAND LOS ANGLES, CA ZURICH, SWITZERLAND
HOMEPAGE
VANCOUVER, CANADA CANOE RENTAL
UPLOAD TRAVELERS Fifth time in Vancouver! We love it here
Shopping Restaurants Transportation Coffee Shops Adventure Paths
FAMILY PROFILE
Canoeing on the river with my beautiful family
COMMUNITY MEMBERS Flea Markets Concerts Festivals Fairs
My Brother And I Climbing The Saint Elias Mountains In Vancouver
Wandered off with my best friend and came across this
HIKE
MAP OF MOUNTAIN
Packed car for our roadtrip!
Calender
ROUTE
Enjoying Some Cold Drinks At A Local Bar With Friends
Came across this amazing view with my dad and grandpa couldnâ&#x20AC;&#x2122;t believe it. LAT AND
HILLTOP BAR
LONG
LIVE STREAM OF CITY
TRAVEL SHARE
SARAH OWENS MY STORY
WHERE I’VE BEEN
FAVORITES
FRIENDS
DIRECT MESSAGE
SEND
STUDENT ARTIST TRAVELER DREAMER
INDIVIDUALS PROFILE
PIN YOUR LOCATION
PARIS, FRANCE UPLOAD TRAVELERS Shopping Restaurants Transportation Coffee Shops Adventure Paths My husband and I in the Square
ITINERARY
COMMUNITY MEMBERS Flea Markets Concerts Festivals Fairs
5 Star Hotel My Wife And I Stayed At For Our Anniversary
HOTEL NAPOLEON
FLEA MARKET
Calender
Beautiful mountain side view outside of the city
Bed And Breakfast In A Quaint Village Outside The City
LIVE STREAM OF CITY
LOCATION
MAP Flea Market we ran into this afternoon tucked back in old town Paris
HOTEL NAPOLEON
5 Star Hotel My Wife And I Stayed At For Our Anniversary
www.hotelnapoleonparis.com Beautiful views, 5 star amenities and accommodation services. Very luxurious and relaxing. It was expensive but not completely outrageous. It was close to the city but tucked back in a private estate.
LOCATION PAGE
SURFACES
SCREEN SHOTS FROM VIDEO
REFLECTION
I was apprehensive about this project at the beginning because I have never created an interaction design experience from scratch. There is usually so much that goes into a project like rules and guidelines, previous projects are shown, and the ones that were done “the right way” are presented. This project had none of that which looking back was such a relief and made the project benefit so much more. The process had a lot of depth to it and contained many layers of thinking and mapping. I don’t think my project would have turned out the way it did without those elements. Looking back at my process, without it I would have been stuck with a one layer interaction that was boring and useless. I would not have been proud of it. Even without rules and guidelines (which is what I thought I needed for projects), I ended up loving this project and loving what I came up with. I made a video that I am proud to show and I have mapped out the data and platform in a way that is understandable, easy to use, and could potentially become a real site. It is believable, useful, and in my opinion designed well in a way that users would want to interact with it.