{"id":5972,"date":"2011-06-22T17:14:52","date_gmt":"2011-06-22T06:14:52","guid":{"rendered":"https:\/\/stage.creately.com\/blog\/?p=5972"},"modified":"2011-06-22T20:30:01","modified_gmt":"2011-06-22T09:30:01","slug":"tech-talks-part-2-understanding-usability","status":"publish","type":"post","link":"https:\/\/stage.creately.com\/blog\/development\/tech-talks-part-2-understanding-usability\/","title":{"rendered":"Tech Talks: Part 2 ~ Understanding Usability"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p>While  we did say that Part 2 of this article would have been posted on  Monday, we really had to make way for some exciting news. While more  details on <a href=\"https:\/\/stage.creately.com\/plugin\/confluence\">Creately for Confluence<\/a> is to be expected soon, let\u2019s carry  on from where we left off from <a href=\"https:\/\/stage.creately.com\/blog\/experience\/tech-talks-part-1-understanding-usability\/\">Part 1 &#8211; Understanding Usability<\/a>. We left  off detailing some of \u00a0the<strong> Common Usability Mistakes that are Present when it Comes to Web Design<\/strong>.<\/p>\n<h3>Fixed font size<\/h3>\n<p>One  of the most overlooked factors would be the <strong>font size<\/strong>. There really is no logic in having a font size that is too large or too small, since this is distracting to say the least. It should be your priority to think of clarity first and foremost when it comes to your readers. We could disable  the change font size on the browser, on our CSS style sheet. So it might be difficult for people who are visually impaired.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/06\/Fixed-font-size1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5993\" style=\"border: 1px solid #ccc; padding: 2px;\" title=\"Fixed font size\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/06\/Fixed-font-size1.png\" alt=\"\" width=\"550\" height=\"242\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/06\/Fixed-font-size1.png 550w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/06\/Fixed-font-size1-300x132.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<h3>Page title with low search engine visibility<\/h3>\n<p>Search  engines typically show the first 66 characters, so it\u2019s better to have a  <strong>page title<\/strong> to match the length. It goes without saying that you should  not be using the same page title for all website pages. Doing this improves the readability of the search engine results and gives you the ability to sell yourself to your potential readers<\/p>\n<h3>Measures of Usability<\/h3>\n<p>As  a measure of usability, let\u2019s look at the topic of <strong>Effectiveness<\/strong>. As  mentioned before, <strong>Effectiveness <\/strong>is the ability to successfully  accomplish a task. The obvious benefit of this is that a user will not find it difficult to get his or her work done. So we can measure effectiveness by:<\/p>\n<p>&#8211; Percentage of goals \/ tasks achieved<\/p>\n<p>&#8211; Number of errors<\/p>\n<p>If  we consider a group of people and give a few simple tasks to consider,  for example, drawing a diagram on <a href=\"https:\/\/stage.creately.com\/\">Creately<\/a>, export the diagram as a CDML  file, and share the diagram with editors. We can take the percentage of  number of tasks they achieve successfully and number of tasks that they  failed to achieve.<\/p>\n<h3>Efficiency<\/h3>\n<p><strong>Efficiency <\/strong> is the ability to accomplish tasks with speed and ease and this is also  inextricably linked to the aspect of\u00a0<strong>Usability<\/strong>. We can give the same  task to a group of people and measure the time taken to complete the task.  From this we can measure the efficiency and if more users are able to  finish the task with less time then we can surmise that the efficiency  of the application is high. Having an app that is quick and easy to use makes working on it a stress free and convenient exercise.<\/p>\n<h3>Satisfaction<\/h3>\n<p>Assessing  what users think of an application is an excellent way of knowing  whether <strong>Usability <\/strong>has been affected much. From their feedback we can get  the percentage of favorable and unfavorable comments. According to  their feedback we can identify what are the features that customers  dislike due to complicated usage or bugs. If there are many features  that need to be recalled, it is generally understood that the customer  satisfaction levels of the application is poor.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/06\/Satisfaction.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5986\" style=\"border: 1px solid #ccc; padding: 2px;\" title=\"Satisfaction\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2011\/06\/Satisfaction.png\" alt=\"\" width=\"550\" height=\"199\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/06\/Satisfaction.png 550w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2011\/06\/Satisfaction-300x108.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<h3>Learnability<\/h3>\n<p><strong>Learnability <\/strong>is the ability to learn how to use a site\/application\/product and remember it.\u00a0To  measure this we can consider the ratio of success to failures.  Gathering a group of people and giving them a specific task would be the  usual way of doing this. Thereafter, we can get the ratio of how many  of them fail to do the task and how many of them finished the task  successfully. If an app is easy to learn, then it is easy to use and this means you are sure to get many people gravitating towards it.<\/p>\n<h3>Benefits of Usability<\/h3>\n<p>This  would be an apt way to end this final part of this post. I hope you  enjoyed my little technical lecture on <strong>Usability<\/strong>. The truth is that  getting your site or application high marks for <strong>Usability <\/strong>would mean  that you garner quite a few benefits. Not only would you enjoy increased  productivity, decrease in training and support cost, increase in sales  and revenue, reduced development time and cost but also reduced  maintenance cost and increased customer satisfaction. All things  considered, if you are in the initial stages of developing your own app  or site, this article along with its counterpart would offer you an  excellent starting point.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While we did say that Part 2 of this article would have been posted on Monday, we really had to make way for some exciting news. While more details on Creately for Confluence is to be expected soon, let\u2019s carry&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/stage.creately.com\/blog\/development\/tech-talks-part-2-understanding-usability\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":15,"featured_media":5986,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104],"tags":[40,681,17,36],"class_list":["post-5972","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","tag-collaboration","tag-diagrams","tag-understanding-users","tag-values"],"_links":{"self":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/5972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/comments?post=5972"}],"version-history":[{"count":47,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/5972\/revisions"}],"predecessor-version":[{"id":6025,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/5972\/revisions\/6025"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media\/5986"}],"wp:attachment":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media?parent=5972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/categories?post=5972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/tags?post=5972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}