{"id":479,"date":"2012-03-16T00:14:51","date_gmt":"2012-03-16T00:14:51","guid":{"rendered":"http:\/\/interaction2012.coin-operated.com\/?p=479"},"modified":"2012-03-16T00:15:18","modified_gmt":"2012-03-16T00:15:18","slug":"distance-interaction-project-vidshare-wireframes","status":"publish","type":"post","link":"http:\/\/interaction2012.coin-operated.com\/?p=479","title":{"rendered":"Distance Interaction Project \u2013 &#8216;vidshare&#8217; wireframes"},"content":{"rendered":"<p>I have moved from concept and sketching to building out wireframes for the site, which I am calling <em>vidshare<\/em>. These are <em>very down and dirty<\/em> wireframes, and I hope to be able to refine some components, but the core concept is illustrated. There are many more pages I would like to wireframe, but for now I think these will be enough to work off of to begin building the site.<\/p>\n<p>This is the homepage once a user is logged in and signed up. I would in the future wireframe a sign up page (form) and maybe a splash page to show what the site does and how to do it.<\/p>\n<div id=\"attachment_480\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_homepage.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-480\" class=\"size-medium wp-image-480\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_homepage-300x199.png\" alt=\"\" width=\"300\" height=\"199\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_homepage-300x199.png 300w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_homepage-1024x679.png 1024w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_homepage.png 1166w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-480\" class=\"wp-caption-text\">homepage<\/p><\/div>\n<p>This is the page for making a video to send to a friend. I was thinking of two approaches to this, one would be to pick your friend(s) whom you would be sending the video to, then record the video; the other approach is to record the video then choose who you are sending it to. In this case, I think I would want the user to select who they are sending it to from a list of friends (which I haven&#8217;t made a wireframe for yet), then record the message.<\/p>\n<div id=\"attachment_481\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_send-message.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-481\" class=\"size-medium wp-image-481\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_send-message-300x198.png\" alt=\"\" width=\"300\" height=\"198\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_send-message-300x198.png 300w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_send-message-1024x676.png 1024w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_send-message.png 1158w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-481\" class=\"wp-caption-text\">sending message<\/p><\/div>\n<p>This is the page for viewing a new video message from your friend, in this example I used Chris Pirillo (a tech blogger). The user then has the option to reply to the message with a new message.<\/p>\n<div id=\"attachment_483\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_new-message.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-483\" class=\"size-medium wp-image-483\" src=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_new-message-300x197.png\" alt=\"\" width=\"300\" height=\"197\" srcset=\"http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_new-message-300x197.png 300w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_new-message-1024x674.png 1024w, http:\/\/interaction2012.coin-operated.com\/wp-content\/uploads\/2012\/03\/wireframe_new-message.png 1164w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-483\" class=\"wp-caption-text\">new message<\/p><\/div>\n<p>For the actual site, I am going to build this last wireframe and show how you would view a video message from a friend and then reply. As a technical note, I have observed that many other video recording platforms use Adobe Flash for the video recorder. I am going to look into other possible options for an alternate, but given the fact that both Google + and Facebook are using Flash, it is unlikely there is better one. Now on to the building.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have moved from concept and sketching to building out wireframes for the site, which I am calling vidshare. These are very down and dirty wireframes, and I hope to be able to refine some components, but the core concept is illustrated. There are many more pages I would like to wireframe, but for now &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/interaction2012.coin-operated.com\/?p=479\">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":[11],"class_list":["post-479","post","type-post","status-publish","format-standard","hentry","category-student-work","tag-distance-interaction","item-wrap"],"_links":{"self":[{"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=\/wp\/v2\/posts\/479","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=479"}],"version-history":[{"count":3,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=\/wp\/v2\/posts\/479\/revisions"}],"predecessor-version":[{"id":552,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=\/wp\/v2\/posts\/479\/revisions\/552"}],"wp:attachment":[{"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=479"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/interaction2012.coin-operated.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}