{"id":1292,"date":"2023-12-11T03:18:57","date_gmt":"2023-12-11T03:18:57","guid":{"rendered":"https:\/\/international.binus.ac.id\/graphic-design\/?p=1292"},"modified":"2023-12-13T03:22:17","modified_gmt":"2023-12-13T03:22:17","slug":"a-simple-method-to-analyze-task-flow","status":"publish","type":"post","link":"https:\/\/international.binus.ac.id\/graphic-design\/2023\/12\/11\/a-simple-method-to-analyze-task-flow\/","title":{"rendered":"A Simple Method to Analyze Task Flow"},"content":{"rendered":"
<\/div>\n

by Khatia Gagnidze<\/h3>\n
<\/div>\n
\"A<\/div>\n

This is a simple method to prove to ourselves and the stakeholders that the task flow we just created is worth being implemented.<\/h3>\n
\n
\n

As designers, we often have to prove to ourselves and the stakeholders that the task flow we just created is worthy of implementation. It\u2019s difficult to find convincing arguments to make them believe that the upgraded flow will be successful (RIP Great ideas).<\/p>\n

What is one of the best ways to show the efficiency of a product or functionality? Numbers! To be more specific \u2014 ideas are validated with data. I found a simple method for such scenarios and share it with you in this article.<\/p>\n

Take a look\u00a0at the example of the onboarding flow:<\/p>\n

\"<\/a><\/figure>\n

Onboarding flow<\/p>\n

As soon as we have a flow, all the actions that a user will have to take should be written down (Note that these actions can vary depending on the type of flow; there might be gestures, fingerprints, and screens that disappear within a few seconds). In this example, there are four actions provided:<\/p>\n

    \n
  1. Tap<\/li>\n
  2. Type<\/li>\n
  3. Open external link<\/li>\n
  4. Scroll<\/li>\n<\/ol>\n

    Next, we need to evaluate them according to their importance (mental workload), time, and effort spent. For example,\u00a0Scroll<\/strong>\u00a0seems to be the easiest task as a user doesn\u2019t have to make a crucial decision \u2014 they merely look through the content fast while scrolling. Therefore I assigned it 1 point. It is a very subjective part of the process, so feel free to experiment while evaluating. In my case\u00a0Tap is<\/strong>\u00a03 points,\u00a0Type\u00a0<\/strong>is\u00a05 points, and\u00a0External link<\/strong>\u00a0is 10 points (this is the highest because users have to leave the app, which can be dangerous).<\/p>\n

    Assess the screens<\/strong><\/h3>\n

    Place signs to identify each action near the corresponding screens:<\/p>\n

    \"<\/a><\/figure>\n

    12 Taps \/ 4 Types \/ 1 External link \/ 1 Scroll<\/p>\n

    Simplify the flow<\/strong><\/h3>\n

    Now it is time to simplify the flow and count the actions again. I decided to turn the first four screens into one, placed all types of inputs together, and eliminated the number of password input fields. Here is the simplified version of the flow:<\/p>\n

    \"<\/a><\/figure>\n

    6 Taps \/ 3 Types \/ 1 External link \/ 1 Scroll<\/p>\n

    Calculate<\/strong><\/h3>\n

    As soon as we evaluate initial and updated flows, it is time to open excel and create two pages: one for the\u00a0initial version<\/strong>\u00a0and the other for the\u00a0updated version.\u00a0<\/strong>Enter simple formulas in the third column (e.x.\u00a0=B1*3<\/strong>\u00a0\u2014 in case of taps \u2014 the number of taps multiplied by its value).<\/p>\n

    \"<\/a><\/figure>\n

    Tap counts =B1*3<\/p>\n

    As soon as there are formulas entered in the\u00a0C column,<\/strong>\u00a0fill in the\u00a0B column\u00a0<\/strong>with digits. The total score will appear in the 5th row & C column (enter\u00a0=SUM(C1:C4\u00a0<\/strong>in it to view the result).<\/p>\n

    \"<\/a><\/figure>\n

    Working in Excel is optional, you can calculate everything using just pen and paper<\/p>\n

    Now you can see the results: the updated flow is\u00a037%<\/strong>\u00a0((67\u201342)\/67\u00d7100=37) simpler than the original one!<\/p>\n

    When is the method useful?<\/strong><\/h3>\n

    This method is useful while redesigning a website or an app, and while simplifying the most frequently used flows. Most importantly, as I mentioned above, all the data gathered can enforce your arguments during the negotiations with stakeholders.<\/p>\n

     <\/p>\n<\/div>\n<\/div>\n

    Source: A Simple Method to Analyze Task Flow – UX Magazine<\/p>\n","protected":false},"excerpt":{"rendered":"

    by Khatia Gagnidze This is a simple method to prove to ourselves and the stakeholders that the task flow we just created is worth being implemented. As designers, we often have to prove to ourselves and the stakeholders that the task flow we just created is worthy of implementation. It\u2019s difficult to find convincing arguments […]<\/p>\n","protected":false},"author":41,"featured_media":1293,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-1292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/1292"}],"collection":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/comments?post=1292"}],"version-history":[{"count":1,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/1292\/revisions"}],"predecessor-version":[{"id":1294,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/1292\/revisions\/1294"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media\/1293"}],"wp:attachment":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media?parent=1292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/categories?post=1292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/tags?post=1292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}