{"id":1864,"date":"2020-05-15T17:59:49","date_gmt":"2020-05-15T10:59:49","guid":{"rendered":"http:\/\/ubproject.net\/class\/?page_id=1864"},"modified":"2020-05-22T05:52:16","modified_gmt":"2020-05-21T22:52:16","slug":"pux-2020-kelompok-b4","status":"publish","type":"page","link":"https:\/\/ubproject.net\/class\/pux-2020-kelompok-b4\/","title":{"rendered":"PUX 2020 Kelompok B4"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" width=\"210\" height=\"44\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/logo.png\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<h2>Cyclendar<\/h2>\n<h4>solution to track your period<\/h4>\n<p>\t\t\tIn this page, we will describe and explain step-by-step the design process of this app, from zero to hero.<br \/>\n\t\t\t<a href=\"http:\/\/ubproject.net\/class\/pux-2020-kelompok-b4\/#\" role=\"button\"><br \/>\n\t\t\t\t\t\tGet Started<br \/>\n\t\t\t\t\t<\/a><br \/>\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1326\" height=\"1258\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herader-1.png\" alt=\"header post\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herader-1.png 1326w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herader-1-300x285.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herader-1-1024x971.png 1024w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herader-1-768x729.png 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herader-1-370x351.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herader-1-760x721.png 760w\" sizes=\"(max-width: 1326px) 100vw, 1326px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<h2>Design Process<\/h2>\n<p>Design Steps we implement in building and designing this app<br \/>(Choose one title of these images to get the details respectively)<\/p>\n<aside id=\"trx_widget_slider_65223021_widget\">\n<h3><a href=\"https:\/\/drive.google.com\/open?id=1bnXR4i_dEe8wLBYxjBe6oCV3yoR6DENF\">Idea Generation<\/a><\/h3>\n<p>We generate our idea based on brainstorm, research, and create persona. What we do in here is User Research and also Preparing for Interview <\/p>\n<h3><a href=\"https:\/\/drive.google.com\/open?id=1qXEz77H-sgi0ChSzG_n2VlLBTElbArF4\">Empathize and Analyze<\/a><\/h3>\n<p>Based on the result of Idea Generaion step, we empathize the result and also analyze it to get as many insight as possible. In this step, we make Empathy Map, User Flow, and User Journey<\/p>\n<h3><a href=\"https:\/\/drive.google.com\/open?id=1fwk3VGy_rdEl8xuZottdxGXO-l8xtCkN\">Sketching<\/a><\/h3>\n<p>After we get the result from Empathize and Analyze, we sketch some ideas about the app design would be. We also sketch about how the Information Architecture should be and what Mental Model would be implemented<\/p>\n<h3><a href=\"https:\/\/drive.google.com\/open?id=1Ez8l0E2k63ujKPmQJdN6SOxoap_v_uPO\">Wireframing<\/a><\/h3>\n<p>Based on the result from Sketch step, we create the Low Fidelity of our app design called Wireframe to layout our app. Also, in this step we create Screenflow as well<\/p>\n<h3><a href=\"https:\/\/drive.google.com\/open?id=1209n_4lp9Pl7Wr2Xp1fluzNh6uwF07SV\">Medium Fidelity Design<\/a><\/h3>\n<p>We enhance our result from Wireframing step, and then we create the Interface Design. This result isn&#8217;t interactive yet, but we can still evaluate it in the next step<\/p>\n<h3><a href=\"https:\/\/drive.google.com\/open?id=1cTj5ZMFsOWgEh39BqKZiNFCmeS3sqmz4\">Evaluation<\/a><\/h3>\n<p>After we create the Interface Design from last step, we evaluate the design. Evaluation done by us act as an Expert in UI\/UX. We get Negative Findings from last step, to redesign our app in the final step<\/p>\n<h3><a href=\"https:\/\/drive.google.com\/open?id=1tzSqSgB9CvePME8YcDKjm7gVUie-yxXJ\">High Fidelity Prototype<\/a><\/h3>\n<p>In this final step, we re-design our app, &#8220;Cyclendar&#8221; based on the result we get from Evaluation step. We enhance everything we need to, and make the Prototype available online<!-- \/.slider-wrapper --><a href=\"#\"><\/a><a href=\"#\"><\/a><!-- \/.slider_container --><!-- \/.slider_outer --><br \/>\n\t\t\t<\/aside>\n<h2>About<\/h2>\n<p>Cyclendar is an app where you can find your solution to track your period.<br \/>Useful features are provided within this app, such as recording your period dates, predicting the next cycle, and saving it to log book. It can even sync the log book to your account!<\/p>\n<h4>Check our video here!<\/h4>\n<div class=\"zak-oembed-container\"><iframe loading=\"lazy\" title=\"Presentasi Final PUX B | Kelompok 4\" width=\"812\" height=\"457\" src=\"https:\/\/www.youtube.com\/embed\/_Lt1L76TQgw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<h2>Meet Our Team<\/h2>\n<p>Here are 5 people who have dedicated their time building this app<\/p>\n<p>\t<img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"576\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343-576x576.jpg\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343-576x576.jpg 576w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343-300x300.jpg 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343-1024x1024.jpg 1024w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343-150x150.jpg 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343-768x768.jpg 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343-370x370.jpg 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343-160x160.jpg 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343-760x760.jpg 760w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/IMG_7272-scaled-e1589597043343.jpg 1132w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><br \/>\n\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/ubproject.net\/class\/team\/delischa-novia-sabilla\/\"  aria-hidden=\"true\"><\/a><\/p>\n<h5><a href=\"http:\/\/ubproject.net\/class\/team\/delischa-novia-sabilla\/\">Delischa Novia Sabilla<\/a><\/h5>\n<p>\t\t\tResearcher<br \/>\n\t\t<a target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/delischa-sabilla\/\" rel=\"noopener noreferrer\"><\/a><a href=\"http:\/\/ubproject.net\/class\/team\/delischa-novia-sabilla\/\">Read more<\/a><br \/>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"576\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/imgprofile-576x576.jpeg\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/imgprofile-576x576.jpeg 576w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/imgprofile-150x150.jpeg 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/imgprofile-160x160.jpeg 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/imgprofile-370x370.jpeg 370w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><br \/>\n\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/ubproject.net\/class\/team\/dhifan-diandra-heriswan\/\"  aria-hidden=\"true\"><\/a><\/p>\n<h5><a href=\"http:\/\/ubproject.net\/class\/team\/dhifan-diandra-heriswan\/\">Dhifan Diandra Heriswan<\/a><\/h5>\n<p>\t\t\tResearcher<br \/>\n\t\t<a target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/dhifan-diandra-366a14193\" rel=\"noopener noreferrer\"><\/a><a href=\"http:\/\/ubproject.net\/class\/team\/dhifan-diandra-heriswan\/\">Read more<\/a><br \/>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"576\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira-576x576.jpg\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira-576x576.jpg 576w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira-300x300.jpg 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira-1024x1024.jpg 1024w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira-150x150.jpg 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira-768x768.jpg 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira-370x370.jpg 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira-160x160.jpg 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira-760x760.jpg 760w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/fira.jpg 1280w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><br \/>\n\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/ubproject.net\/class\/team\/fira-sukmanisa\/\"  aria-hidden=\"true\"><\/a><\/p>\n<h5><a href=\"http:\/\/ubproject.net\/class\/team\/fira-sukmanisa\/\">Fira Sukmanisa<\/a><\/h5>\n<p>\t\t\tProgrammer<br \/>\n\t\t<a href=\"http:\/\/ubproject.net\/class\/team\/fira-sukmanisa\/\">Read more<\/a><br \/>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"576\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/938715-576x576.jpg\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/938715-e1589609517197.jpg 576w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/938715-e1589609517197-300x300.jpg 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/938715-e1589609517197-150x150.jpg 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/938715-e1589609517197-370x370.jpg 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/938715-e1589609517197-160x160.jpg 160w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><br \/>\n\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/ubproject.net\/class\/team\/hanif-aliffudin\/\"  aria-hidden=\"true\"><\/a><\/p>\n<h5><a href=\"http:\/\/ubproject.net\/class\/team\/hanif-aliffudin\/\">Hanif Aliffudin<\/a><\/h5>\n<p>\t\t\tFront-End Developer<br \/>\n\t\t<a target=\"_blank\" href=\"http:\/\/www.linkedin.com\/in\/hanifaliffudin\" rel=\"noopener noreferrer\"><\/a><a href=\"http:\/\/ubproject.net\/class\/team\/hanif-aliffudin\/\">Read more<\/a><br \/>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"576\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Picture-1-576x576.jpg\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Picture-1-576x576.jpg 576w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Picture-1-150x150.jpg 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Picture-1-160x160.jpg 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Picture-1-370x370.jpg 370w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><br \/>\n\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/ubproject.net\/class\/team\/muhammad-dandi-darojat\/\"  aria-hidden=\"true\"><\/a><\/p>\n<h5><a href=\"http:\/\/ubproject.net\/class\/team\/muhammad-dandi-darojat\/\">Muhammad Dandi Darojat<\/a><\/h5>\n<p>\t\t\tUX Designer<br \/>\n\t\t<a target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/dandidaro\/\" rel=\"noopener noreferrer\"><\/a><a href=\"http:\/\/ubproject.net\/class\/team\/muhammad-dandi-darojat\/\">Read more<\/a><br \/>\n<a href=\"#\"><\/a><a href=\"#\"><\/a><!-- \/.sc_team -->\t\t<\/p>\n<h4>What are you waiting for?<\/h4>\n<h2>Get Started with Cyclendar<\/h2>\n<p>\t\t\t<a href=\"https:\/\/xd.adobe.com\/view\/a386e8ed-14a2-4b63-7195-adc20e6b9f0f-d5b7\/?fullscreen\" role=\"button\"><br \/>\n\t\t\t\t\t\tGive a Try !<br \/>\n\t\t\t\t\t<\/a><\/p>\n<p>Copyright \u00a9 2020 SaaSy by PxlSolutions. All Rights Reserved.<\/p>\n<p> Made with \u2764\ufe0f<\/p>\n<p>\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n\t\t\t\t\tFacebook-f<br \/>\n\t\t\t\t\t\t\t\t\t<\/a><br \/>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n\t\t\t\t\tTwitter<br \/>\n\t\t\t\t\t\t\t\t\t<\/a><br \/>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n\t\t\t\t\tYoutube<br \/>\n\t\t\t\t\t\t\t\t\t<\/a><br \/>\n\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n\t\t\t\t\tInstagram<br \/>\n\t\t\t\t\t\t\t\t\t<\/a><br \/>\n\t\t\t\t\t\t\t<a target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n\t\t\t\t\tVk<br \/>\n\t\t\t\t\t\t\t\t\t<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cyclendar solution to track your period In this page, we will describe and explain step-by-step the design process of this app, from zero to hero. Get Started Design Process Design Steps we implement in building and designing this app(Choose one title of these images to get the details respectively) Idea Generation We generate our idea [&hellip;]<\/p>\n","protected":false},"author":990018,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1864","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/pages\/1864"}],"collection":[{"href":"https:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/users\/990018"}],"replies":[{"embeddable":true,"href":"https:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/comments?post=1864"}],"version-history":[{"count":48,"href":"https:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/pages\/1864\/revisions"}],"predecessor-version":[{"id":7878,"href":"https:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/pages\/1864\/revisions\/7878"}],"wp:attachment":[{"href":"https:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/media?parent=1864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}