{"id":318,"date":"2012-02-28T03:34:49","date_gmt":"2012-02-28T03:34:49","guid":{"rendered":"http:\/\/interaction2012.coin-operated.com\/?p=318"},"modified":"2012-02-28T03:39:17","modified_gmt":"2012-02-28T03:39:17","slug":"social-media-project-teratags","status":"publish","type":"post","link":"http:\/\/interaction2012.coin-operated.com\/?p=318","title":{"rendered":"Social Media Project \u2013 Teratags"},"content":{"rendered":"<div><em>Teratags are<\/em>\u00a0the final iteration of the social media project where I continued with the idea of hashtags physically located in a specific place.<\/p>\n<p>Here is a definition:<\/p>\n<p><em>A Twitter hashtag located in a physical space so as to connect an object, place or happening to the digital world allowing for a streamlined organized conversation to take place.<\/p>\n<p><\/em>The concept is to bridge the gap between interactions in a digital space and places or objects located in a physical space. A precedent to this project was created in 2004 called <a href=\"http:\/\/yellowarrow.net\/v3\/\" target=\"_blank\">Yellow Arrow<\/a>\u00a0where yellow arrow stickers were placed in physical spaces. Using SMS, users could send a message or thought with a unique code located on the arrow. \u00a0When another person encounters the arrow, they can listen to the message and using the unique code on the arrow, have the opportunity to respond by sending a message back.<\/p>\n<div id=\"attachment_345\" style=\"width: 165px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/logo.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-345\" class=\"size-full wp-image-345\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/logo.png\" alt=\"\" width=\"165\" height=\"165\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/logo.png 165w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/logo-150x150.png 150w\" sizes=\"auto, (max-width: 165px) 100vw, 165px\" \/><\/a><p id=\"caption-attachment-345\" class=\"wp-caption-text\">Yellow Arrow logo<\/p><\/div>\n<p>The project proved to be successful as it gained a large user base (for 2004) and a lot of press. I think Teratags continues to push this concept but by incorporating Twitter we can open up a more dynamic and widely adopted platform with a higher amount of potential users.<\/p>\n<p>When designing how the hashtag will physically live in a designated space and getting people to recognize that what they are seeing is a physical hashtag was a design challenge. I will have to build the signage so that the hashtag and its connection to the physical world is clear; I will need to define what the signage means. Using a QR code will bring the user to a site where can they look up information and definition of Teratag. This will minimize words on the sticker and keep the design simple.Below is a mock-up of the first design iteration of the sticker that will live in the physical space:<\/p>\n<\/div>\n<div>\n<div id=\"attachment_319\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/teratag_mock-1.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-319\" class=\"size-medium wp-image-319\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/teratag_mock-1-300x187.jpg\" alt=\"\" width=\"300\" height=\"187\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/teratag_mock-1-300x187.jpg 300w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/teratag_mock-1-1024x640.jpg 1024w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/teratag_mock-1.jpg 1228w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-319\" class=\"wp-caption-text\">Teratag mock-up sticker<\/p><\/div>\n<\/div>\n<div>They sticker will only display the hashtag name, a QR code and the logo. Once the QR code is scanned they will be brought to a site that provides more information on Teratags and how to use them. Here is an example of what the website would look like:<\/div>\n<div>\n<div id=\"attachment_320\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/web_mock.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-320\" class=\"size-medium wp-image-320\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/web_mock-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/web_mock-300x300.jpg 300w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/web_mock-150x150.jpg 150w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/web_mock.jpg 1020w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-320\" class=\"wp-caption-text\">Teratag website mock-up that links to QR code<\/p><\/div>\n<\/div>\n<div>In order to push this project further, there needs to be integration from location-based social media. For example I want to incorporate <a href=\"https:\/\/foursquare.com\/\" target=\"_blank\">Foursquare<\/a>\u00a0with Teratags and have the Twitter hashtag become part of the venue name. This way when a user checks into a place, the hashtag is immediately known. This allows Teratags to live in the digital world if a sticker could not be easily implemented. Below are a series of examples using Foursquare:<\/div>\n<div>\n<div id=\"attachment_322\" style=\"width: 200px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1183.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-322\" class=\"size-medium wp-image-322\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1183-200x300.png\" alt=\"\" width=\"200\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1183-200x300.png 200w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1183.png 640w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-322\" class=\"wp-caption-text\">example of Teratag incorporated with Foursquare Venue<\/p><\/div>\n<div id=\"attachment_321\" style=\"width: 200px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1184.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-321\" class=\"size-medium wp-image-321\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1184-200x300.png\" alt=\"\" width=\"200\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1184-200x300.png 200w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1184.png 640w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-321\" class=\"wp-caption-text\">example of incorporating Teratag with Foursquare comment<\/p><\/div>\n<div id=\"attachment_323\" style=\"width: 200px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1180.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-323\" class=\"size-medium wp-image-323\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1180-200x300.png\" alt=\"\" width=\"200\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1180-200x300.png 200w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1180.png 640w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-323\" class=\"wp-caption-text\">users can share their comment to Twitter for further conversation<\/p><\/div>\n<p>Once a check-in is shared to Twitter, the location&#8217;s hashtag as well as #teratag are now part of the online conversation which allows for organized conversation about a particular location. Foursquare comments are not streamlined, and it is difficult to hold a conversation about a comment on the app. Once a user checks into a new place, their old comment is no longer directly accessible. Example of Foursquare check-in shared to Twitter:<\/p>\n<div id=\"attachment_328\" style=\"width: 200px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1188.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-328\" class=\"size-medium wp-image-328\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1188-200x300.png\" alt=\"\" width=\"200\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1188-200x300.png 200w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1188.png 640w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-328\" class=\"wp-caption-text\">Foursquare check-in with comment posted to Twitter<\/p><\/div>\n<p>In addition to Foursquare, I thought it would also be meaningful to incorporate <a href=\"http:\/\/instagr.am\/\" target=\"_blank\">Instagram<\/a>. Teratags work well with Instagram because the app already has a feature that saves hashtags for posts. Once you take a photo, comment and share with Twitter, your hashtags become a jumping off point for photos associated with places and events. Below are some examples of how this will look:<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_338\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_photo.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-338\" class=\"size-medium wp-image-338\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_photo-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_photo-300x300.jpg 300w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_photo-150x150.jpg 150w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_photo.jpg 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-338\" class=\"wp-caption-text\">Instagram photo taken from #themarkrooftop<\/p><\/div>\n<div id=\"attachment_340\" style=\"width: 200px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_post.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-340\" class=\"size-medium wp-image-340\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_post-200x300.jpg\" alt=\"\" width=\"200\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_post-200x300.jpg 200w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_post.jpg 640w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-340\" class=\"wp-caption-text\">Instagram post with hashtags<\/p><\/div>\n<div id=\"attachment_341\" style=\"width: 200px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_tweet.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-341\" class=\"size-medium wp-image-341\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_tweet-200x300.jpg\" alt=\"\" width=\"200\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_tweet-200x300.jpg 200w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/instagram_tweet.jpg 640w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-341\" class=\"wp-caption-text\">Instagram Post shared on Twitter<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>Once a tweet, check-in or photo is posted to Twitter, it becomes very easy to manage and continue your comments and conversations. Here are some examples of what sorting your hashtags would look like:<\/p>\n<div id=\"attachment_336\" style=\"width: 200px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1190.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-336\" class=\"size-medium wp-image-336\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1190-200x300.png\" alt=\"\" width=\"200\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1190-200x300.png 200w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1190.png 640w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-336\" class=\"wp-caption-text\">hashtag sorting by venue name<\/p><\/div>\n<div id=\"attachment_337\" style=\"width: 200px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1189.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-337\" class=\"size-medium wp-image-337\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1189-200x300.png\" alt=\"\" width=\"200\" height=\"300\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1189-200x300.png 200w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/02\/IMG_1189.png 640w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-337\" class=\"wp-caption-text\">#teratag sorting<\/p><\/div>\n<p>In the next phases of this project I would build the website, print the stickers and incorporate user testing throughout the entire process as I would have to filter down which locations would be the most likely to attract users. I would also like the website to propose the idea for Foursquare and Instagram users to attach hashtags to venues, comments and posts. If Teratags begin to gain presence on other \u00a0location-based social\u00a0networks, this could really help in the overall adoption rate.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Teratags are\u00a0the final iteration of the social media project where I continued with the idea of hashtags physically located in a specific place. Here is a definition: A Twitter hashtag located in a physical space so as to connect an object, place or happening to the digital world allowing for a streamlined organized conversation to &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/interaction2012.coin-operated.com\/?p=318\">Continue reading<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[10],"class_list":["post-318","post","type-post","status-publish","format-standard","hentry","category-student-work","tag-project-2","item-wrap"],"_links":{"self":[{"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=\/wp\/v2\/posts\/318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=318"}],"version-history":[{"count":10,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=\/wp\/v2\/posts\/318\/revisions"}],"predecessor-version":[{"id":356,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=\/wp\/v2\/posts\/318\/revisions\/356"}],"wp:attachment":[{"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=318"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}