{"id":226,"date":"2023-03-23T03:51:36","date_gmt":"2023-03-23T03:51:36","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/experience-x\/?page_id=226"},"modified":"2023-04-18T19:53:05","modified_gmt":"2023-04-18T19:53:05","slug":"portal-design","status":"publish","type":"page","link":"https:\/\/projects.etc.cmu.edu\/experience-x\/portal-design\/","title":{"rendered":"Kiosk Design"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-cp-timeline-content-timeline Cool-Content-Timeline\"><div class=\"cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b\"><style scoped=\"true\">.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body .story-time p{color: #ffffff;font-size: 27px;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .story-time p{color: #ffffff;font-size: 27px;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body .story-details p{color: #000000;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .story-details p{color: #000000;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body::before{background: linear-gradient(to bottom, rgba(230, 230, 230, 0) 0%, #ffffff 10%, #ffffff 90%, rgba(230, 230, 230, 0) 100%);}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .timeline-content::before{background: #ffffff;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .timeline-content::after{background: #ffffff;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body .timeline-content::before{background: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body.left .story-details::after{background: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body.right .story-time::after{background: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body .timeline-content .timeline-block-icon{background: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .timeline-content .timeline-block-icon{background: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body.both-sided .timeline-content .position-right .story-details::before{border-right-color: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body.both-sided .timeline-content .position-left  .story-details::before{border-left-color: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body.one-sided.left .timeline-content  .story-details::before{border-right-color: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body.one-sided.right .timeline-content  .story-details::before{border-left-color: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body .timeline-content  .story-details{border-color: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .timeline-content .ctl-row .ctl-6.timeline-block-detail::before{border-bottom-color: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .ctl-6.timeline-block-detail{border-top-color: #ffaa45 !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-vertical-timeline-body .timeline-content  .timeline-block-icon{border-color: #ffffffFF !important;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .swiper-button-next{color: #ffffff;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .swiper-button-prev{color: #ffffff;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .cool-horizontal-timeline-body .swiper-pagination-bullet-active{background: #ffffff;}.cool-timeline-block-6205ec61-9b54-432b-be4a-468c3e77b03b .icon-true .timeline-block-icon span.timeline-block-render-icon svg{fill: #ffae00;}<\/style><div class=\"cool-vertical-timeline-body one-sided left\"><div class=\"cool-timeline-block-list\">\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false \"><div class=\" timeline-block-timeline ctl-row  position-left\"><div class=\"ctl-6 timeline-block-time\"><div class=\"story-time\"><p>Phase 0<\/p><\/div><\/div><div class=\"timeline-block-icon\"><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-image\"><img decoding=\"async\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/screen-scaled.jpg\" alt=\"\"\/><\/div><div class=\"story-content\"><h3><a href=\"https:\/\/projects.etc.cmu.edu\/experience-x\/phase-0-design-overview\/\" data-type=\"page\" data-id=\"393\">Design Overview<\/a><\/h3><p>Introduce the main features<\/p><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false \"><div class=\" timeline-block-timeline ctl-row  position-right\"><div class=\"ctl-6 timeline-block-time\"><div class=\"story-time\"><p><strong>Phase 1<\/strong><\/p><\/div><\/div><div class=\"timeline-block-icon\"><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-image\"><img decoding=\"async\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/01\/Frame-1.png\" alt=\"\"\/><\/div><div class=\"story-content\"><h3><a href=\"https:\/\/projects.etc.cmu.edu\/experience-x\/research\/\" data-type=\"page\" data-id=\"159\">Research<\/a><\/h3><p>Motivation for making the decision; Primary research; User Research; Information architecture<\/p><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false \"><div class=\" timeline-block-timeline ctl-row  position-left\"><div class=\"ctl-6 timeline-block-time\"><div class=\"story-time\"><p>Phase 2<\/p><\/div><\/div><div class=\"timeline-block-icon\"><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-image\"><img decoding=\"async\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/02\/lofi.jpg\" alt=\"\"\/><\/div><div class=\"story-content\"><h3><a href=\"https:\/\/projects.etc.cmu.edu\/experience-x\/phase-2-wireframe-and-user-testing\/\" data-type=\"page\" data-id=\"233\">Wireframe and 1st User Testing<\/a><\/h3><p>Wireframe; User testing feedback<\/p><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false \"><div class=\" timeline-block-timeline ctl-row  position-right\"><div class=\"ctl-6 timeline-block-time\"><div class=\"story-time\"><p>Phase 3<\/p><\/div><\/div><div class=\"timeline-block-icon\"><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-image\"><img decoding=\"async\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/a1de6a57-fe6e-433f-bf8c-8e393674a79a.gif\" alt=\"\"\/><\/div><div class=\"story-content\"><h3><a href=\"https:\/\/projects.etc.cmu.edu\/experience-x\/phase-3-high-fi-and-2nd-playtest\/\" data-type=\"page\" data-id=\"285\">High-fi and 2nd User Testing<\/a><\/h3><p>Hi-fi creation; Design principles; User testing feedback<\/p><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false \"><div class=\" timeline-block-timeline ctl-row  position-left\"><div class=\"ctl-6 timeline-block-time\"><div class=\"story-time\"><p>Phase 4<\/p><\/div><\/div><div class=\"timeline-block-icon\"><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-image\"><img decoding=\"async\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/imageLikeEmbed.png\" alt=\"\"\/><\/div><div class=\"story-content\"><h3><a href=\"https:\/\/projects.etc.cmu.edu\/experience-x\/ue5-demo-and-playtest-day\/\" data-type=\"page\" data-id=\"352\">UE5 demo and Playtest day<\/a><\/h3><p>UE5 Developement, Large group user testing, Iteration plan<\/p><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-cp-timeline-content-timeline-child swiper-slide\"><div class=\"timeline-content icon-false \"><div class=\" timeline-block-timeline ctl-row  position-right\"><div class=\"ctl-6 timeline-block-time\"><div class=\"story-time\"><p>Phase 5<\/p><\/div><\/div><div class=\"timeline-block-icon\"><\/div><div class=\"ctl-6 timeline-block-detail\"><div class=\"story-details\"><div class=\"story-image\"><img decoding=\"async\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/266003_4237368980936_564754252_o.jpg\" alt=\"\"\/><\/div><div class=\"story-content\"><h3><a href=\"https:\/\/projects.etc.cmu.edu\/experience-x\/phase-5-final-iteration-and-takeaways\/\" data-type=\"page\" data-id=\"404\">Final Design<\/a> <\/h3><p>Visual design system, Introduced features, <\/p><\/div><\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":32,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"predecessor-version":[{"id":417,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages\/226\/revisions\/417"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}