{"id":153,"date":"2023-02-15T23:10:02","date_gmt":"2023-02-15T23:10:02","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/xrt\/?p=153"},"modified":"2023-02-22T21:29:17","modified_gmt":"2023-02-22T21:29:17","slug":"week-4","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/xrt\/week-4\/","title":{"rendered":"Week 4 &#8211; LoFi"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The team is focusing on developing the LoFi product for this week. There are both design and engineering updates for this week.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Design-wise, based on the user flow confirmed last week, the team decided to prioritize the artist&#8217;s experience, especially the part of editing the artwork at the pop-art district, and the corresponding viewer&#8217;s experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-1-1024x525.png\" alt=\"\" class=\"wp-image-155\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-1-1024x525.png 1024w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-1-300x154.png 300w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-1-768x394.png 768w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-1-1536x788.png 1536w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-1-2048x1051.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Overview of the full-service flow<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-3-1024x484.png\" alt=\"\" class=\"wp-image-157\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-3-1024x484.png 1024w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-3-300x142.png 300w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-3-768x363.png 768w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-3-1536x726.png 1536w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-3-2048x968.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Overview of the artist&#8217;s edit experience<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-4-1024x444.png\" alt=\"\" class=\"wp-image-158\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-4-1024x444.png 1024w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-4-300x130.png 300w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-4-768x333.png 768w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-4-1536x666.png 1536w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-4-2048x888.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Overview of the user&#8217;s view experience<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The design team created several User Interface designs based on this flow.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-login-1-1.png\" alt=\"\" class=\"wp-image-165\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-login-1-1.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-login-1-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Login<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-home-1-3.png\" alt=\"\" class=\"wp-image-166\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-home-1-3.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-home-1-3-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Home<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-profile-2.png\" alt=\"\" class=\"wp-image-167\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-profile-2.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-profile-2-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">User profile<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-profile-3.png\" alt=\"\" class=\"wp-image-168\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-profile-3.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/AR-profile-3-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Click to interact with the artwork<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/iPhone-14-2-1.png\" alt=\"\" class=\"wp-image-169\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/iPhone-14-2-1.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/iPhone-14-2-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">A short info window pops up<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"390\" height=\"844\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/iPhone-14-4-1.png\" alt=\"\" class=\"wp-image-170\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/iPhone-14-4-1.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/iPhone-14-4-1-139x300.png 139w\" sizes=\"auto, (max-width: 390px) 100vw, 390px\" \/><figcaption class=\"wp-element-caption\">Drag to expand the info window<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/comment-1.png\" alt=\"\" class=\"wp-image-171\" width=\"293\" height=\"633\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/comment-1.png 390w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/comment-1-139x300.png 139w\" sizes=\"auto, (max-width: 293px) 100vw, 293px\" \/><figcaption class=\"wp-element-caption\">Anonymous comment system<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">For the user end, the design confirmed two things:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The way to interact (pop-up the message window) with the artwork is by clicking it on the screen.\n<ul class=\"wp-block-list\">\n<li>The user clicks on an artwork<\/li>\n\n\n\n<li>A small info window pops up<\/li>\n\n\n\n<li>The user drags to expand the info window<\/li>\n\n\n\n<li>The user clicks the comment button to open the comment window<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>There will be a comment system for the user in that every user could leave comments without registering an account. The uniqueness is determined by the device number that is decoded in each mobile phone. There will be random icons generated for each user.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The programmers confirmed the technical feasibility of creating the login service, as well as the comment system. These are planned to be developed in the HiFi prototype.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, the producer organized a system design alignment with the programmers. The aim of doing this is to make the development process clear and easy to modify when new requirements are suggested.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"424\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-5-1024x424.png\" alt=\"\" class=\"wp-image-159\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-5-1024x424.png 1024w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-5-300x124.png 300w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-5-768x318.png 768w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-5-1536x636.png 1536w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-5-2048x848.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">System Design of the artist&#8217;s edit experience<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">More specifically, the detailed implementation is also specified and confirmed by the engineering team. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"701\" src=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-6-1024x701.png\" alt=\"\" class=\"wp-image-160\" srcset=\"https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-6-1024x701.png 1024w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-6-300x205.png 300w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-6-768x525.png 768w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-6-1536x1051.png 1536w, https:\/\/projects.etc.cmu.edu\/xrt\/wp-content\/uploads\/2023\/02\/image-6-2048x1401.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Implementation design of the artist&#8217;s edit experience<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The team had an ideation session with Mo on Friday (Feb.10).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of \u201cWhat are the most important things\u201d for this project:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fun experience<\/li>\n\n\n\n<li>Refined museum experience<\/li>\n\n\n\n<li>Inspire artists<\/li>\n\n\n\n<li>Change paradigm<\/li>\n\n\n\n<li>Empower artists\n<ul class=\"wp-block-list\">\n<li>Reputation &amp; profits<\/li>\n\n\n\n<li>Connect community<\/li>\n\n\n\n<li>Creativity<\/li>\n\n\n\n<li>Control<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Pop district-advertising<\/li>\n\n\n\n<li>Accessibility for the community<\/li>\n\n\n\n<li>Gathering (physically bringing people to the district)<\/li>\n\n\n\n<li>Reliable &amp; expected technology<\/li>\n\n\n\n<li>Reliable &amp; expected technology<\/li>\n\n\n\n<li>Community creation<\/li>\n\n\n\n<li>Exchange ideas<\/li>\n\n\n\n<li>Financial gain for viewers<\/li>\n\n\n\n<li>Engaging experience<\/li>\n\n\n\n<li>Merging physical &amp; virtual realities<\/li>\n\n\n\n<li>See other people virtually and physically<\/li>\n\n\n\n<li>Easy to share<\/li>\n\n\n\n<li>Exploration of other people\u2019s comments<\/li>\n\n\n\n<li>Trigger physical exploration<\/li>\n\n\n\n<li>Artists\u2019 relationship<\/li>\n\n\n\n<li>Collectible \/ gamify<\/li>\n\n\n\n<li>Education&nbsp;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">All of these points will be reorganized into a hierarchy by the end of this week.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Besides the session, Mo also suggested that we should playtest the feature of anonymous names and icons for the comment system. This way is encouraging people to troll. People might say something super inappropriate. In that case, we may need a moderator. This is a nice way to increase accessibility, but people might be rude in this case. This is hard to play test: people are trying to be nice when they are playtesting. We will need to confirm if introducing this is worth it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The team is focusing on developing the LoFi product for this week. There are both design and engineering updates for this week. Design-wise, based on the user flow confirmed last week, the team decided to prioritize the artist&#8217;s experience, especially the part of editing the artwork at the pop-art district, and the corresponding viewer&#8217;s experience. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-153","post","type-post","status-publish","format-standard","hentry","category-post"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/posts\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":4,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/posts\/153\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/posts\/153\/revisions\/207"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/media?parent=153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/categories?post=153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/tags?post=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}