Thursday, October 20, 2011

My Experiences at AMC UIST

Hightlighing my favortie papers



Conté: Multimodal Input Inspired by an Artist's Crayon






I got to talk to him afterwards and as a tangent we bonded over our artistic influences. He had gone to art school! I expressed my concern of being so split between art and compsci and he told me about "processing," a code that creates art!
..more later

Version and Demo presented at Uist

Saturday, October 8, 2011

Considerations of UIST's "Where's Bo Peep" TouchSheep map


So, our TouchSheep traverses the folktale world of Little Bo Peep looking for his lost owner(even though the owner thinks it's actually her that has lost her sheep). Indeed we need a map that will represent the virtual world and hiding place of Bo Peep.

The first step in planning out the v
isuals of the map were to consider the, what I call "Hotspots" of the map, where the TouchSheep would interact with the board. For example, a cave where the TouchSheepo would stretch its head in to look for Bo Peep and either activate a swipe foreward gesture or a pinch out montion that calls on a "Baaa"-ing sounds as if it were the sheep asking if Bo Peep was there. The following show some Hotspot ideas and the corresponding audio output.


PlaceGestureMetaphoric GestureAO IntroAO PositiveAO Negative
HouseTapKnockSign that says “Please Knock”
Welcome to pee’s household
TouchSheep, I found you!!!

TS:Sighs
Peep’s mom: “Bo Peep isn’t here right now, but you can check in the garden!”
Garden outsideMove forwardOpens gate
Garden insidePinch outBaa: Are you in here?
LogForwardPeeking in
Wellechoing baa
BridgeLeft or rightOver side
TreeLeft or rightLooking around trunk
Wise Old Sheep (beard)No gesture

Pinch out

No response
Walk

baaa: yes

no
Hello I’m the wise sheep.
Do you want a hint about where Bo Peep is?
CavePinch outbaa: Are you there?
Flower/BlueberryPinch ineat flowerYou need food!
BeachPinch out


Repeated left and right
“Shake/Wiggle”
baa: Are you there?

Splash in water
Could Bo be swimming?
HopscotchMove over number

Pinch out




Baa
The last time I saw Bo Peep, she was on square 3+2. She might still be there!“... eight, nine, ten! Sheep, you’re here!”
SchoolTap/ClickKnocking on door
PicnicPinch Outbaa: Are you there?
Blueberry Patchrepeated left and right (shake/wiggle)shake bush
Hayfield/cornfieldshake/wigglelook though field
Watering holePinch inDrinkYou are thirsty! drinking/water soundsdrinking/water sounds



I had to keep in mind many factors when designing the sketch.

First I had to keep in mind that we plan for the specific HotSpots to be 3D.
  • That meant imagining the map with the object on it and considering the user experience with the components. The weight of the objects would dictate the mobility of the whole game. When buying materials I kept in mind that I didn't want things to be too heavy. Further when orienting each hotspots I thought about the balance of the object according to their weight. For example of there will be a heavy Hotspot on the bottom of the map, I made sure to arrange so that there was a hot spot with similar weight on the other side.
  • I thought about what the user would see from their standing point playing the game in front of the map. I didn't want the height of objects in the foreground to be obstructing the view of components behind it nor did I want tall objects to make difficult reaching around objects to keep the TouchSheep moving. So the hotspots were positioned with shorter objects in the front but I still attempted to keep the weight balanced.


Then I had to try ways to encourage movement about the map. This meant I created barriers of movement to limit where the sheep could go.
  • For example the only way to cross the river, that divides the board in half, is to cross the one bridge.
  • Also the Wise Sheep or the hint sheep is across the board furthest away from the starting point so that players are not as tempted to ask for the hint at the beginning of the game when they just leaving their starting point, their pen.
  • Another trick I introduced is the concept of recharging. Once in a while, the sheep will be called out to need food upon which the TouchShepp will have to return to it's pen to eat the flowers their or to need water upon which the sheep will need to reach the water hole that is in a corner of the board.
I also had to think about the orientation of the TouchSheep. We came with a hiccup recently when we realized that turning the mouse does not turn the xy, coordinates of the computer input. Aka, even though we turn the TouchSheep left to move left, the TouchMouse still senses it as moving forward. So, our TouchSheep now not only cannot be picked up b
ut also cannot be turned! We could figure out a way to fix that from the code and we really wanted to avoid have a physical constraint like a track that keep the TouchSheep in place so I came up with a couple physical restraints as suggested by the map.
  • Knowing the measurement of the TouchSheep and that we cannot have the sheep turned, as in it must always be vertical, I designed the p athways such as that the width of the pathways on the x axis did not allow for turning. The width between hotspots is always less than the y length of the mouse.
  • Conversely, the y-axis on the map pathways are wide allowing comfortable traversing sideways with the length of the mouse.
Here's a picture of my late night/early morning prototyping session!

Next step crafting the 3D compnents!





Monday, October 3, 2011

D-Lab

Development through dialogue, Design and Dissemination


Check out: http://d-lab.mit.edu/ !!!

Going forward with Uist: TouchSheep

The answer to making hardware more accessible and appealing to younger audiences?
Put it inside a stuff animal and make it a puppet!

Introducing TouchSheep.....

Microsoft TouchMouse inside a cute white and black toy sheep


Yes, that is our Microsoft TouchMouse inside a Sheep stuffed animal. Effectively, our TouchSheep! Surgery did happen on our sheep. I took out most of the stuffing inside and replaced it with our comparatively heavy mouse. To keep it from falling and slipping in place I fasten it with and elastic frame. Later when we realized the thick fur was interfering with reading and tracking of the mouse and consequently had to cut off the bottom underneath the TouchMouse, my teamate added velco!
I also sewed the sheep's legs to lie flat, splayed to the side so that when the mouse moves on the map the legs do not get in the way.

Also, since we want the sheep to be used as a puppet, I cut a hole in the back of the sheep and made a space for two fingers to be inserted. Since our TouchMouse is gesture sensitive, we needed to make sure that the gesterue we make could be felt through the fabric. I designed it so that the touchpad part of the puppet was right under the now so I plucked that part of the fur so that only the thread under structure showed. That was enough for the gestures to be felt! For comfort, there's now a fabric separating the stuffing from your finger.

Hopefully future users will enjoy interacting with our TouchSheep!