![\"IMG_4768.JPG\"](\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/10\/IMG_4768.JPG-300x239.jpg\")
\u00a0\u00a0![\"IMG_4769.JPG\"](\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/10\/IMG_4769.JPG-300x241.jpg\")
<\/p>\n\u00a0\u00a0<\/p>\n
What does it do?
\nThis interaction is a digital mood ring. The home or start screen will be a darker background with colors moving all over the screen, similar to a lava lamp. I want this to give off a sort of magical feel. Then the user will place their finger on the trackpad, move it around and the program will tell them their mood. Just like a mood ring, a color will appear that is a representation of the mood. For example if the mood was happy, it would display yellow, not a\u00a0\u00a0stagnant yellow color but a liquid moving one with slight changes in the color. It will also display the mood in words. Like \u201chappy\u201d and it will have synonymous floating around describing your feeling.<\/p>\n
Why am I interested?
\nWhenever I walk into a shop and there\u2019s a mood ring on display, I always want to try it on and see what it thinks my mood is. It\u2019s fun if the ring gets it right and still exciting even if it\u2019s way off. It only takes a minute and is simple to do. It creates a little bit of mystery and exciting fun. I\u2019m always interested in seeing if people or computers can guess things correctly.<\/p>\n
How will it work in a public space?
\nI hope that the lava lamp like colors will attract people and draw them over. I think because it doesn\u2019t take long to do and is pretty easy, people will go up to it and try it out just for fun. I hope that it creates some new connections between people and they talk about how it guessed it right or so wrong. Maybe they\u2019ll try to see what happens when they both move the trackpad.<\/p>\n
How does it create a magic circle?
\nMy interactive creates a magic circle by having a place (my laptop) where play can exists. The user can interact with the space and find their mood, which is hopefully fun. Finding out their mood should be exciting and they should have fun in the arena I created for them. It also builds a place for people to have exchanges about their moods or the program.<\/p>\n
Norman\u2019s seven steps:
\nForming the goal: The user will see the moving colors on the screen.
\nForming the intention: The user will touch the mousepad and see that the screen changes to display a mood.
\nSpecifying the action: The user will realize that when they move their finger on the trackpad it tries to guess their mood.
\nExecuting the action: The user will move their finger around the track pad and wait to see their mood.
\nPerceiving the state of the world: The screen will change and the images will move to show that it received the movement and is calculating the mood.
\nInterpreting the state of the world: The screen will display their mood.
\nEvaluating the outcome: They will either agree with the mood outcome or disagree and hopefully enjoy the experience.<\/p>\n
Design: I wanted the design to be intriguing and mysterious since I feel like mood rings work in a fun, unexplainable way. I was originally going to use the motion tracking code and movement to output a mood but I later decided, with some guidance from Angela, that it would be more realistic if the user actually touched the trackpad, since we are used to interacting with mood rings through touch. I think the design will appeal to most people because it has a low barrier to entry and the colors and movement on the screen are inviting.<\/p>\n
Code: The size and background will be in the setup function and the code for the trackpad interactivity will be in the draw function. I will use variables for all the different moods and colors. I don\u2019t know how to completely code this interaction yet, but I plan on also using the restart function to take the user back to the first start screen.<\/p>\n
Kadie Roberts<\/p>\n","protected":false},"excerpt":{"rendered":"
\u00a0\u00a0 What does it do? This interaction is a digital mood ring. The home or start screen will be a darker background with colors moving all over the screen, similar to a lava lamp. I want this to give off…<\/p>\n","protected":false},"author":77,"featured_media":3607,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[168],"tags":[39,175,48,50],"class_list":["post-3566","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-interactive-city","tag-conference-project","tag-public-interactive","tag-interactive","tag-conference","wpcat-168-id"],"_links":{"self":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/3566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3566"}],"version-history":[{"count":8,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/3566\/revisions"}],"predecessor-version":[{"id":13047,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/3566\/revisions\/13047"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/media\/3607"}],"wp:attachment":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}