{"id":665,"date":"2016-08-07T09:39:48","date_gmt":"2016-08-07T09:39:48","guid":{"rendered":"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/?page_id=665"},"modified":"2016-08-19T12:00:44","modified_gmt":"2016-08-19T12:00:44","slug":"utf","status":"publish","type":"page","link":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/utf\/","title":{"rendered":"User Task Flow (UTF)"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-704 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-06.png\" width=\"2566\" height=\"1766\" srcset=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-06.png 2566w, https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-06-300x206.png 300w, https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-06-768x529.png 768w, https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-06-1024x705.png 1024w, https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-06-1200x826.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>[wc_row][wc_column size=&#8221;one-half&#8221; position=&#8221;first&#8221;]<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-848 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Do-Color-01.png\" width=\"85\" height=\"32\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-849 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Do-Color-1-01-1.png\" width=\"30\" height=\"32\" \/>Identify the begin and the end of the flow.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-850 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Do-Color-2-01-1.png\" width=\"30\" height=\"32\" \/>Identify interaction styles.<\/p>\n<p>[\/wc_column][wc_column size=&#8221;one-half&#8221; position=&#8221;last&#8221;]<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-857 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Donts-Color-01-1.png\" width=\"85\" height=\"32\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-853 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Donts-Color-1-01-1.png\" width=\"30\" height=\"32\" \/>\u00a0Don&#8217;t forget to identify the interaction (ex. Scroll down to read &#8230;).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-854 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Donts-Color-2-01-1.png\" width=\"30\" height=\"32\" \/>\u00a0Avoid steps that don&#8217;t involve interaction.<br \/>\n[\/wc_column][\/wc_row]<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-705 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-05.png\" width=\"2566\" height=\"1766\" srcset=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-05.png 2566w, https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-05-300x206.png 300w, https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-05-768x529.png 768w, https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-05-1024x705.png 1024w, https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Dos-Donts-Methods-Revised2-05-1200x826.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>[wc_row][wc_column size=&#8221;one-half&#8221; position=&#8221;first&#8221;]<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-848 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Do-Color-01.png\" width=\"85\" height=\"32\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-849 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Do-Color-1-01-1.png\" width=\"30\" height=\"32\" \/>\u00a0Identify interaction styles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-850 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Do-Color-2-01-1.png\" width=\"30\" height=\"32\" \/>Identify the begin and the end of the flow.<\/p>\n<p>[\/wc_column][wc_column size=&#8221;one-half&#8221; position=&#8221;last&#8221;]<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-857 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Donts-Color-01-1.png\" width=\"85\" height=\"32\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-853 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Donts-Color-1-01-1.png\" width=\"30\" height=\"32\" \/>\u00a0Avoid multiple instances of the same action.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-854 size-full\" src=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/files\/2016\/08\/Donts-Color-2-01-1.png\" width=\"30\" height=\"32\" \/>\u00a0Avoid multiple instances of the same action and inconsistency.<br \/>\n[\/wc_column][\/wc_row]<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #e9530e;\"><a href=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/define\/\">&lt;&lt; define<\/a>\u00a0(week 3)<\/span><br \/>\n<a href=\"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/methods\/\"><span style=\"color: #e9530e;\">&lt;&lt; methods<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>[wc_row][wc_column size=&#8221;one-half&#8221; position=&#8221;first&#8221;] Identify the begin and the end of the flow. Identify interaction styles. [\/wc_column][wc_column size=&#8221;one-half&#8221; position=&#8221;last&#8221;] \u00a0Don&#8217;t forget to identify the interaction (ex. Scroll down to read &#8230;). \u00a0Avoid steps that don&#8217;t involve interaction. [\/wc_column][\/wc_row] [wc_row][wc_column size=&#8221;one-half&#8221; position=&#8221;first&#8221;] \u00a0Identify interaction styles. Identify the begin and the end of the flow. [\/wc_column][wc_column size=&#8221;one-half&#8221; position=&#8221;last&#8221;] &hellip; <a href=\"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/utf\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;User Task Flow (UTF)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":92,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-665","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/pages\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/comments?post=665"}],"version-history":[{"count":7,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/pages\/665\/revisions"}],"predecessor-version":[{"id":967,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/pages\/665\/revisions\/967"}],"wp:attachment":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/media?parent=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}