{"id":1,"date":"2017-04-07T01:47:00","date_gmt":"2017-04-07T01:47:00","guid":{"rendered":"http:\/\/ftmk.utem.edu.my\/erman\/?p=1"},"modified":"2017-04-14T15:08:34","modified_gmt":"2017-04-14T15:08:34","slug":"asrar-why-visualization","status":"publish","type":"post","link":"https:\/\/ftmk.utem.edu.my\/erman\/?p=1","title":{"rendered":"ASRaR, Why Visualization?"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone wp-image-297 size-large\" src=\"http:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/visualization-1024x542.png\" alt=\"\" width=\"640\" height=\"339\" srcset=\"https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/visualization-1024x542.png 1024w, https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/visualization-300x159.png 300w, https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/visualization-768x407.png 768w, https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/visualization.png 1600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><strong>Good Visualization<\/strong><\/p>\n<p>Effective visualization help users explore and understand data better. It is also able to stimulate the understanding that ultimately allows users to translate their understanding when communicating.<\/p>\n<p><strong>The Role of Visualization<\/strong><\/p>\n<p>Visualization serves to help users identify the most important information of the data that being displayed. Effective Visualization able to avoid users from being diverted from the real meaning of an interface. A big picture or complex idea can be delivered easily using the right Visualization technique.<\/p>\n<p><strong>The Principles of Visualization<\/strong><\/p>\n<p>Visualization refers to the methods of delivering information using &#8216;holistic&#8217; understanding &#8216;.\u00a0Visualization elements enable users to get a comprehensive and clear understandings about what is being shown.\u00a0Visual element helpful environment make users feel real.\u00a0It makes users feel supported when dealing with interfaces, and thus influence user to achieve the objectives.\u00a0Visualization is different with &#8216;Graphics&#8217;. Graphics focuses on how to represent data on a computer screen while the Visualization emphasis on how to deliver data in interactive way and easy for user understandings.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-124 size-medium\" src=\"http:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/Picture1-300x171.png\" alt=\"\" width=\"300\" height=\"171\" srcset=\"https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/Picture1-300x171.png 300w, https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/Picture1.png 532w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><strong>How?<\/strong><\/p>\n<p>Good visualization should have the following elements:<\/p>\n<p><em><strong>User Orientation<\/strong><\/em><br \/>\nThink about the information that User needs and visualize it in the way that could reach user understanding.<\/p>\n<p><em><strong>Meaning Accuracy<\/strong><\/em><br \/>\nVisualization &#8211; without leaving the details information, should present the real meanings of the data that being displayed.<\/p>\n<p><em><strong>Clear Display<\/strong><\/em><br \/>\nVisual should be clear, concise and most importantly able to get the attention and focus of the user.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-125 size-medium\" src=\"http:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/Figure-3-Bow-300x291.png\" alt=\"\" width=\"300\" height=\"291\" srcset=\"https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/Figure-3-Bow-300x291.png 300w, https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/Figure-3-Bow.png 474w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><em>\u201cVISUAL <\/em><br \/>\n<em> is the element<\/em><br \/>\n<em> you want to see,<\/em><br \/>\n<em> think, believe, understand<\/em><br \/>\n<em> and practice &#8220;<\/em><br \/>\nRobert Collier<\/p>\n<p><strong>ASRaR \u2013 Motivation from Visualization<\/strong><\/p>\n<p>Visualization is like a picture on the screen that involves Users interpretation of what is actually being taught.<\/p>\n<p>It involves the process of 5M, where users perform self-interpretation process involving matters related to understanding (memahamkan), interpreting (menggambarkan), experiencing (mengalami), describing (menjelaskan) and remembering (mengingatkan).<\/p>\n<p>ASRAR Model is a method of delivering information of Home Network referring to the 5M process, which makes tools USER FRIENDLY. USER FRIENDLY approach becomes more valuable by the injection of Persuasive Sustainability elements.<\/p>\n<p>Good visualization enhances the understanding of user on the subject matter. It must enhance the objective of the screen and at the same time meet the expectations of users.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-126\" src=\"http:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/Figure-4-Visualization-Process-300x244.png\" alt=\"\" width=\"300\" height=\"244\" srcset=\"https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/Figure-4-Visualization-Process-300x244.png 300w, https:\/\/ftmk.utem.edu.my\/erman\/wp-content\/uploads\/2017\/04\/Figure-4-Visualization-Process.png 691w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><em>\u201cThe Interest of Visualization is the insight, not the picture\u201d, Ben Shneiderman<\/em><\/p>\n<p>Article wrote by<\/p>\n<p>Hamid E. (FTMK, UTeM), Jaafar A., Ang\u00a0M.C. (IVI, UKM)<\/p>\n<p>[Published in IVI Impact Magazine]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Good Visualization Effective visualization help users explore and understand data better. It is also able to stimulate the understanding that ultimately allows users to translate their understanding when communicating. The Role of Visualization Visualization serves to help users identify the&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,4],"tags":[],"_links":{"self":[{"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=\/wp\/v2\/posts\/1"}],"collection":[{"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":13,"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions\/369"}],"wp:attachment":[{"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ftmk.utem.edu.my\/erman\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}