{"id":21,"date":"2021-08-03T13:03:01","date_gmt":"2021-08-03T13:03:01","guid":{"rendered":"http:\/\/tailinhares.tech\/?p=21"},"modified":"2021-08-30T10:57:21","modified_gmt":"2021-08-30T10:57:21","slug":"automating-an-application-process","status":"publish","type":"post","link":"https:\/\/tailinhares.tech\/index.php\/2021\/08\/03\/automating-an-application-process\/","title":{"rendered":"Automation of a Peer Reviewed Application Process"},"content":{"rendered":"\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-drop-cap has-medium-font-size\">At TU-Berlin all experiments with human participants need an ethical justifiability authorization from the ethics commission before starting. This process could take till three months, postponing the beginning of research projects, a very frustrating situation especially for bachelor and master students, who deal with a short deadline. The delay was due to the application process being manual, relying on constant email exchanges, and paperwork.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">As part of the seminar \u201cInterdisciplinary Media-project\u201d our team was asked to create a management system that completely automates the ethics commission application process. The team was composed by seven students, Jonas Sven Kriegs and I were responsible for the system\u2019s UX\/UI Design and Research. Some of the initial design requirements were that the system matches with the university\u2019s online visual identity, that the application process follows peer review guidelines, and that only critical cases reach the ethics commission staff. As none of the existing open-source free software solutions fulfilled these requirements, we decided to build our system from scratch.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-large-font-size wp-block-heading\">Starting by investigating the user flows<\/h2>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p><strong>Research Question<\/strong>: what are the product&#8217;s system and user requirements?<\/p><\/blockquote><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">Our team looked at the commission&#8217;s documentation searching for important requirements, but we realized that much of the procedure was not written, rather it was taught and communicated among the staff. In order to discover the application workflow, we interviewed five users, some of them were ethics commission members. Besides understanding the user flows, we wanted to identify possible pain points, the user\u2019s mood, and expectations regarding a fully automated solution. Here are some questions that gave us these insights:<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-medium-font-size wp-block-list\"><li>What are the steps of an application process?<\/li><li>If you had the chance, which step would you delegate?<\/li><li>What are aspects to be improved in the application process?<\/li><li>If you had the chance, which functionalities would you add to the process?<\/li><\/ul>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">These interviews were the source not only for the process diagram made by the developers\u2019 team, but also for the user stories, and prototypes created by us, the UX\/UI pair. Three different personas were identified: <strong>applicant<\/strong>, <strong>reviewer<\/strong>, and <strong>secretary<\/strong>, the latter being responsible for coordinating the process communication. A person could not be secretary and reviewer at the same time, because in the double-blind peer review applicants and reviewers should remain anonymous for each other.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">The user journey map below shows a standard applicant interaction with the ethics commission before the service automation. According to the user\u2019s answers during the interview, the application process was dominated by uncertainty and confusion. Some improvement opportunities identified at this point were increasing system feedback and process status visibility.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Journey_map_Themis-1024x576.png\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Journey_map_Themis-1024x576.png 1024w, https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Journey_map_Themis-300x169.png 300w, https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Journey_map_Themis-768x432.png 768w, https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Journey_map_Themis.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Applicant user&#8217;s journey map.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">Due to the very technical team background, I decided to write user profiles inspired by the interviews. Giving a face to the users is an important strategy to foster empathy while developing. Each persona corresponded to a user type and received a three-paragraph text in which they presented themselves, explained a regular interaction with the manual system, and expressed their needs and expectations regarding the automated version.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:29% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"580\" src=\"http:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Persona_Reviewer-1.jpg\" alt=\"Reviewer's persona.\" class=\"wp-image-172 size-medium\" srcset=\"https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Persona_Reviewer-1.jpg 400w, https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Persona_Reviewer-1-207x300.jpg 207w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;My work as a reviewer would be much easier if the whole process could be accomplished in easy short structured steps.&#8221;<\/p><\/blockquote>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-large-font-size wp-block-heading\">Prototyping for simplicity, transparency, and efficiency<\/h2>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">The application starts with a self-assessment quiz that generates an automatic authorization for non-critical experiments. However, if any of the answers indicates a need for revision, the user is forwarded to fill in a full application that might be analyzed by our humans-in-the-loop. The secretary assigns the work to two reviewers in the system, who could accept the assignment or refuse it. Once accepted, the reviewer can suggest improvements in the experiment plan or totally reject it. The process was designed to be iterative and to keep track of the reviewers\u2019 remarks made in each one of the review cycles.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">While prototyping I adopted the following design principles:<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"has-medium-font-size wp-block-list\"><li><strong>Simplicity<\/strong> &#8211; the prototype avoid deep browsing paths.<\/li><li><strong>Transparency<\/strong> \u2013 the interface communicates through status labels which action must be taken.<\/li><li><strong>Efficiency<\/strong> \u2013 the most urgent tasks are displayed in the top of the page, and applications waiting for review or improvement by the applicant are automatically sorted out to another list.<\/li><\/ol>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-medium is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/reviewer_prototype-300x240.png\" alt=\"\" class=\"wp-image-184\" width=\"611\" height=\"489\" srcset=\"https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/reviewer_prototype-300x240.png 300w, https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/reviewer_prototype-1024x821.png 1024w, https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/reviewer_prototype-768x615.png 768w, https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/reviewer_prototype-1536x1231.png 1536w, https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/reviewer_prototype.png 1797w\" sizes=\"auto, (max-width: 611px) 100vw, 611px\" \/><figcaption>Reviewer&#8217;s dashboard prototype.<\/figcaption><\/figure><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-large-font-size wp-block-heading\">Prototype&#8217;s evaluation with 10 Nielsen\u2019s heuristics<\/h2>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">According to a survey conducted by Nielsen (1995), practitioners consider heuristic evaluation the second most useful method to identify usability problems. A heuristic evaluation is performed with the support of a UX expert, who comments on the interface using design principles as judging guidelines. The advantage of heuristic evaluation is that it enables testing the prototype in the beginning of the design phase, when changing aspects of the interface still has low costs. Moreover, only two experts can already find out 50% of the existing usability issues (Nielsen 1993), as shown in the graph below. I conducted only one evaluation session due to time constraints, though it was extremely helpful.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"366\" src=\"http:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Nielsen-1993-S156.jpg\" alt=\"\" class=\"wp-image-182\" srcset=\"https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Nielsen-1993-S156.jpg 536w, https:\/\/tailinhares.tech\/wp-content\/uploads\/2021\/08\/Nielsen-1993-S156-300x205.jpg 300w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/><figcaption>Only two experts are enough to discover 50% of usability problems on an interface (Nielsen 1993, p. 156).<\/figcaption><\/figure><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">The prototype has been assessed by Fernanda Dias, a UX Design Lead at SAP, in a session that lasted 2:30 hours. Firstly, I explained that the project\u2019s objective was to digitize an already existing manual process that was time consuming and had many iterations. After that, I introduced her to the system\u2019s personas and their user journeys. Next, I told her that the session\u2019s main goal was to assess the system\u2019s user friendliness, and that we could use the 10 Nielsen\u2019s heuristics to guide us through the tasks.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">Some of the issues identified during the evaluation were:<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-medium-font-size wp-block-list\"><li><strong>H1 \u2013 visibility of system status<\/strong>: in the cases where closed tabs in the online application form did not show whether the field had already been filled out.<\/li><li><strong>H2 \u2013 match between the system and real world<\/strong>: the homepage did not display information that fulfilled the user\u2019s needs. This diagnose was due to the website linking forms and documents that would turn obsolete once the system is deployed.<\/li><li><strong>H3 \u2013 user control and freedom<\/strong>: the user was not informed in the beginning of the self-assessment quiz whether they could interrupt it and continue later.<\/li><\/ul>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">These results were presented to the team during one of our meetings and influenced the system development. A short text addressing each one of the violated heuristics has been included in the project\u2019s documentation, as well as a thorough session protocol with the expert\u2019s remarks, references to the violated heuristics, improvement recommendations, and points to be discussed in the team meeting.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-large-font-size wp-block-heading\">System validation<\/h2>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">After the first development iteration, my colleague performed usability tests with potential users with the <strong>thinking aloud method<\/strong>. The five TU-Berlin students had never applied for authorization from the ethics commission before, representing the most part of our potential applicants, who access this service only once during their bachelor\u2019s or master\u2019s degree. An advantage of the thinking aloud method is that the participants express the intention behind their actions while interacting with the system. By analyzing their reactions, it is possible to identify emotions, such as surprise and confusion, and even to have a clue about their mental models.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">During the last development iteration, we decided to gather <strong>feedback<\/strong> from three of our stakeholders, all very active members of ethic commissions. Because they were very busy, the sessions had to be concise and focus on a general evaluation of the system\u2019s usefulness. Moreover, we also wanted to identify aspects to be improved before the product\u2019s release. To avoid one stakeholder\u2019s opinion biasing the others\u2019 perception, we opted to schedule individual meetings. After presenting all the features through screen share, we asked them the following questions:<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-medium-font-size wp-block-list\"><li>How can this system help the work in the ethics commission?<\/li><li>If you had the chance, what would you have made different?<\/li><\/ul>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\">Fortunately, all stakeholders were very impressed with the system\u2019s capabilities and rated its usefulness as being high. The feedback sessions were also discussed in the team meeting and documented. Due to time constraints, some of the improvements suggested could not be integrated to the final product. These valuable insights have been included to a list of advanced features that could be used as a starting point for next product development iterations.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">References:<\/h2>\n\n\n\n<p class=\"has-medium-font-size\">Nielsen, J. (1993). Usability Engineering. Academic Press, San Diego CA.<\/p>\n\n\n\n<p class=\"has-medium-font-size\">Nielsen, J. (1995). Technology Transfer of Heuristic Evaluation and Usability Inspection (Keynote at the IFIP INTERACT \u201895). http:\/\/www.useit.com\/papers\/heuristic\/learning_inspection.html [20.12.2006], 1995.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Translating manual user flows into a fully automated system<\/p>\n","protected":false},"author":1,"featured_media":23,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post-21","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-project"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/posts\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":25,"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/posts\/21\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/posts\/21\/revisions\/239"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/media\/23"}],"wp:attachment":[{"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/categories?post=21"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tailinhares.tech\/index.php\/wp-json\/wp\/v2\/tags?post=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}