{"id":194,"date":"2021-11-09T23:12:27","date_gmt":"2021-11-10T06:12:27","guid":{"rendered":"https:\/\/blogs.ubc.ca\/pingcao\/?p=194"},"modified":"2021-11-14T19:07:22","modified_gmt":"2021-11-15T02:07:22","slug":"task-10","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/pingcao\/2021\/11\/09\/task-10\/","title":{"rendered":"Task 10"},"content":{"rendered":"<h1><span style=\"color: #808080;\">Attention Economy\u00a0<\/span><\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-200\" src=\"https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/Task-10.png\" alt=\"\" width=\"1395\" height=\"856\" srcset=\"https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/Task-10.png 1395w, https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/Task-10-300x184.png 300w, https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/Task-10-1024x628.png 1024w, https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/Task-10-768x471.png 768w, https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/Task-10-1140x700.png 1140w, https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/Task-10-552x339.png 552w\" sizes=\"auto, (max-width: 1395px) 100vw, 1395px\" \/><\/p>\n<p>Awesome? Really \ud83d\ude09<\/p>\n<p>I had expected this online\u00a0game\u00a0<a class=\"external\" href=\"https:\/\/userinyerface.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">User Inyerface <\/a>(by the Belgium interaction design studio Bagaar) to be frustrated, but I had to admit that &#8220;frustration&#8221; is an understatement. It only has four steps but felt like a million steps. I planned to take notes along the process for my reflection, but I was completely drowned in the game and had to retake it again to take some screenshots and gather my thoughts \ud83d\ude41<\/p>\n<p>Now, let me walk you through these only four steps\u00a0and show you how &#8220;awesome&#8221; this experience is!<\/p>\n<p>&nbsp;<\/p>\n<p><strong style=\"color: #008080; font-family: 'Fira Sans', sans-serif; font-size: 1.75em;\">The World of Frustration<\/strong><\/p>\n<p>The texts next to the image are not my monologue, just some make-up thoughts that I imagine people would have in their heads if this is the actual interface they need to register for something they must do, such as an online banking account.<\/p>\n<blockquote>\n<p style=\"font-size: 18px;\">Attribution<\/p>\n<p style=\"font-size: 18px;\">I shared in my <a href=\"https:\/\/blogs.ubc.ca\/pingcao\/linking-assignment\/\">linking assignment<\/a> that I liked how Mandy used the curvey lines with texts to annotate the image throughout her tasks, and I recently got a new &#8220;toy&#8221; for my birthday and decided to try this same technique in this task.<\/p>\n<\/blockquote>\n<h3>Step 1<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-195 size-full\" src=\"https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/IMG_0014-scaled-e1636525253410.jpg\" alt=\"Step 1\" width=\"1280\" height=\"579\" \/><\/p>\n<h3>The Persistent Pop-Up Alert<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-196 size-full\" src=\"https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/IMG_0015-scaled-e1636525299395.jpg\" alt=\"\" width=\"1280\" height=\"602\" \/><\/p>\n<h3>Step 2<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-197\" src=\"https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/IMG_0016-scaled-e1636525322128.jpg\" alt=\"\" width=\"1280\" height=\"544\" \/><\/h3>\n<h3>Step 3<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-204\" style=\"color: #333333; font-family: 'Crimson Text', serif; font-size: 22px;\" src=\"https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/IMG_0017-scaled-e1636525736872.jpg\" alt=\"\" width=\"1280\" height=\"656\" \/><\/h3>\n<h3>Step 4<\/h3>\n<h3 style=\"line-height: 39.6px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-198\" style=\"color: #333333; font-family: 'Crimson Text', serif; font-size: 22px;\" src=\"https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/IMG_0018-scaled-e1636525345670.jpg\" alt=\"\" width=\"1280\" height=\"531\" \/><\/h3>\n<h3>Done? Are You Sure?<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-199\" src=\"https:\/\/blogs.ubc.ca\/pingcao\/files\/2021\/11\/IMG_0019-scaled-e1636525366106.jpg\" alt=\"\" width=\"1280\" height=\"573\" \/><\/p>\n<h1><span style=\"color: #008080;\">The Reflection<\/span><\/h1>\n<p>I never thought my English was good enough to write any sort of poem, but I guess frustration does challenge you to reach beyond your limits \ud83d\ude09<\/p>\n<blockquote><p>We say we read, and the truth is we only skim.<\/p>\n<p>We believe we have the freedom to choose,\u00a0 but we don&#8217;t really have.<\/p>\n<p>They all promise our privacy is protected but only a fool would believe.<\/p>\n<p>We should take action now, or there is nothing we can change.<\/p>\n<p>Well, I tried to write a limerick and apparently, I failed.<\/p><\/blockquote>\n<p>Now, let&#8217;s get a little more serious.<\/p>\n<p>I think everyone would probably agree this is a bad user interface, but why? Was it because we quickly decided on the action and realized it wasn&#8217;t working as we thought it would? <span style=\"color: #ff6600;\">Our frustration comes from the fact that the outcome does not match our expectations.<\/span> But how do we get the expectations we have now? I think at least one of the answers is &#8220;we are trained to.&#8221; For example, we are exposed to a button with the background colour that leads us to the next step for the first time, followed by reinforcement (many websites use this technique). We are now conditioned to press these buttons before our minds even have enough time to process the texts our eyes saw.\u00a0Technology can be used by anyone who has access to it, which means everyone can use this design technique (button with background colour) to achieve their own purposes. It could mean a friendlier user experience (the good) or a trap you will fall into unconsciously (the evil).<\/p>\n<p>The user is probably the only &#8220;control&#8221; in this process (even if there are regulations to restrict deceptive design, it would be hard to define what &#8216;deceptive&#8217; means in different contexts), so we will probably have to keep our eyes peeled. This is similar to the issues discussed in this week&#8217;s two Ted talks (<a href=\"https:\/\/www.ted.com\/talks\/tristan_harris_how_a_handful_of_tech_companies_control_billions_of_minds_every_day\">Tristan Harris<\/a>, <a href=\"https:\/\/www.ted.com\/talks\/zeynep_tufekci_we_re_building_a_dystopia_just_to_make_people_click_on_ads\">Zeynep Tufekci<\/a>). It will be impossible for big enterprises already making billions using these algorithms to help them generate revenue to take a sudden turn to head in the more moral direction any time soon. At\u00a0least for now, it will be up to the end-user (us!) to find ways to defend our value if we still value it!<\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"post-excerpt\">Attention Economy\u00a0 Awesome? Really \ud83d\ude09 I had expected this online\u00a0game\u00a0User Inyerface (by the Belgium interaction design studio Bagaar) to be&#8230;<\/p>\n","protected":false},"author":86787,"featured_media":202,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-etec-540","category-weekly-tasks"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/posts\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/users\/86787"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":9,"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/posts\/194\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/posts\/194\/revisions\/216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/media\/202"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/media?parent=194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/categories?post=194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/pingcao\/wp-json\/wp\/v2\/tags?post=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}