{"id":544,"date":"2022-03-23T22:03:29","date_gmt":"2022-03-23T22:03:29","guid":{"rendered":"https:\/\/www.normanbalberan.com\/blog\/?p=544"},"modified":"2022-03-26T17:20:25","modified_gmt":"2022-03-26T17:20:25","slug":"evaluating-web-browser-hci-design","status":"publish","type":"post","link":"https:\/\/www.normanbalberan.com\/blog\/evaluating-web-browser-hci-design\/","title":{"rendered":"Evaluating Web Browser HCI Design"},"content":{"rendered":"<figure id=\"attachment_545\" aria-describedby=\"caption-attachment-545\" style=\"width: 890px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-545\" src=\"https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/HCI-Design-300x196.jpg\" alt=\"hci design\" width=\"900\" height=\"587\" srcset=\"https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/HCI-Design-300x196.jpg 300w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/HCI-Design-768x500.jpg 768w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/HCI-Design-1024x667.jpg 1024w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/HCI-Design.jpg 1200w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption id=\"caption-attachment-545\" class=\"wp-caption-text\"><center><a href=\"https:\/\/en.wikipedia.org\/wiki\/File:HCI_Undergraduate_Program.jpg\" target=\"_blank\"><span style=\"font-size: small;\">Sanilshah \/ Wikipedia<\/span><\/a> \/ <a href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/3.0\/\" target=\"_blank\"><span style=\"font-size: small;\">CC BY-SA 3.0<\/span><\/a><\/center><\/figcaption><\/figure>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.normanbalberan.com\/blog\/evaluating-web-browser-hci-design\/#Using_User_Surveys\" >Using User Surveys<\/a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.normanbalberan.com\/blog\/evaluating-web-browser-hci-design\/#Evaluation\" >Evaluation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.normanbalberan.com\/blog\/evaluating-web-browser-hci-design\/#Web_Browser\" >Web Browser<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.normanbalberan.com\/blog\/evaluating-web-browser-hci-design\/#Advantage\" >Advantage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.normanbalberan.com\/blog\/evaluating-web-browser-hci-design\/#Disadvantage\" >Disadvantage<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h5 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Using_User_Surveys\"><\/span>Using User Surveys<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Evaluation\"><\/span>Evaluation<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">To effectively evaluate an <strong>HCI design (Human Computer Interaction)<\/strong>, it is important to <strong>understand who the users are<\/strong>. It is important to separate out the individuals who interact with the system and those who only hold some \u201cstake\u201d in the system.<\/p>\n<p style=\"text-align: justify;\">Additionally, for surveying users for the purpose of evaluation, <strong>establishing a standard user profile may be beneficial<\/strong>. This allows the analyst\/designer to gain a basic understanding of what the typical user is like.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Web_Browser\"><\/span>Web Browser<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">In the case of a <strong>web browser utilized in an organization<\/strong> the range of users may be great. Unlike certain HCI designs geared towards specific workgroups or departments, a web browser may be used by almost all business employees.<\/p>\n<p style=\"text-align: justify;\">The first intuition may be to classify all of the organization&#8217;s internal employees as users. This, however, may not yield the most efficient results from one survey. <strong>Dividing users into several categories based on the frequency of use may help with a better study design<\/strong>.<\/p>\n<p style=\"text-align: justify;\">Identifying primary users, those who use the web browser frequently, may provide the largest pool of users to survey. Secondary and tertiary users represent a smaller group of those employees who do not use the browser often.<\/p>\n<p style=\"text-align: justify;\">It might be wise to <strong>generate a modified survey for users with less interaction<\/strong>. An alternative may be to allow users first to classify themselves into one of these categories, but this removes some control from the analyst.<\/p>\n<p style=\"text-align: justify;\">The only other important attribute in <strong>user selection may classify users based on experience<\/strong>. This is not always necessary and for a more simplified system like a web browser, is probably without purpose.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Advantage\"><\/span>Advantage<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">It is a <strong>rare scenario where a survey will accurately gather all the data necessary to evaluate an HCI design entirely<\/strong>. Surveys do have their benefits and can be a valuable tool in conjunction with other data gathering methods.<\/p>\n<p style=\"text-align: justify;\">In this case, it is likely the pool of users will be large because of the nature of the system. Because so many people may utilize the web browser, it is appropriate to gather information from many users.<\/p>\n<p style=\"text-align: justify;\">A survey is <strong>advantageous for this purpose as it can be easily produced and mass distributed<\/strong>. Surveys can generate general feedback from large quantities of users.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Disadvantage\"><\/span>Disadvantage<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Where surveys tend to <strong>fall short is in the type of data they gather<\/strong>. They often are limited to general questions with quick responses as analysts cannot spend the time reading numerous lengthy responses. They cannot provide additional clarity to the questions nor can analysts ask for more elaboration once the survey is completed.<\/p>\n<p style=\"text-align: justify;\">Because of this, it is often <strong>better to combine studies with other data gathering techniques like interviews and observation<\/strong>. These methods help cover the design evaluation more in depth.<\/p>\n<p style=\"text-align: justify;\"><strong>Surveys remain a good practice and are a good start to the data gathering process. While they will assist in this case of web browser evaluation, they are not appropriate as the only method.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using User Surveys Evaluation To effectively evaluate an HCI design (Human Computer Interaction), it is important to understand who the users are. It is important to separate out the individuals who interact with the system and those who only hold some \u201cstake\u201d in the system. Additionally, for surveying users for the purpose of evaluation, establishing &#8230; <a title=\"Evaluating Web Browser HCI Design\" class=\"read-more\" href=\"https:\/\/www.normanbalberan.com\/blog\/evaluating-web-browser-hci-design\/\" aria-label=\"Read more about Evaluating Web Browser HCI Design\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":545,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,1],"tags":[261,258,256,257,259,260],"class_list":["post-544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","category-web-development","tag-browser","tag-hci","tag-hci-design","tag-human-computer-interaction","tag-survey","tag-web-browser"],"_links":{"self":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts\/544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/comments?post=544"}],"version-history":[{"count":0,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts\/544\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/media\/545"}],"wp:attachment":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/media?parent=544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/categories?post=544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/tags?post=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}