{"id":595,"date":"2015-10-24T08:58:03","date_gmt":"2015-10-24T08:58:03","guid":{"rendered":"http:\/\/www.neovita.com\/thoughts\/?p=595"},"modified":"2016-01-17T06:26:18","modified_gmt":"2016-01-17T06:26:18","slug":"androidpit-com-a-quick-heuristic-evaluation","status":"publish","type":"post","link":"https:\/\/www.oninteractions.com\/thoughts\/androidpit-com-a-quick-heuristic-evaluation\/","title":{"rendered":"androidpit.com \u2013 a quick heuristic evaluation"},"content":{"rendered":"<h2>Transcript and list of all problems found<\/h2>\n<p><a href=\"https:\/\/www.androidpit.com\/\">AndroidPIT<\/a> is the world\u2019s largest Android website, featuring Android hardware and app reviews, news and advice.<\/p>\n<p>I have done a quick heuristic evaluation of the site on a Nexus 5 phone. A \u201cheuristic\u201d is a broad principle based on best practices and academic research. A \u201cheuristic evaluation\u201d is a review of an interface based on a set of heuristics. Heuristic evaluations are usually done with a handful of evaluators but doing it alone is part of the task given to me. <a href=\"https:\/\/en.wikipedia.org\/wiki\/Heuristic_evaluation\">Wikipedia article about heuristic evaluations.<\/a><\/p>\n<p>As my set of heuristics I used the <a href=\"http:\/\/asktog.com\/atc\/principles-of-interaction-design\/\">\u201cFirst Principles of Interaction Design\u201d by Bruce Tognazzini AKA Tog<\/a>. I could also have used <a href=\"http:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\">Jakob Nielsens 10 Usability Heuristics for User Interface Design<\/a> \u2013 they are a classic \u2013 or even <a href=\"http:\/\/developer.android.com\/design\/get-started\/principles.html\">the Android design principles<\/a> or <a href=\"http:\/\/www.google.com\/design\/spec\/material-design\/introduction.html\">the Material Design principles<\/a>.<\/p>\n<p>Heuristic evaluations are a tool to find problems so this review will feel quite negative, but only from problems can there be progress! In the evaluation I gave each problem a rating based on <a href=\"http:\/\/www.nngroup.com\/articles\/how-to-rate-the-severity-of-usability-problems\/\">Nielsens scale<\/a>:<\/p>\n<ol>\n<li>Cosmetic problem only: need not be fixed unless extra time is available on project<\/li>\n<li>Minor problem: fixing this should be given low priority<\/li>\n<li>Major problem: important to fix, so should be given high priority<\/li>\n<li>Catastrophe: imperative to fix this before product can be released<\/li>\n<\/ol>\n<p>In this video I\u2019ll present the major problems I found. All problems can be found below.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>When opening the site for the very first time I am presented with 4 areas of content:<\/p>\n<ul>\n<li>the header with the menu (~10% of visible area)<\/li>\n<li>a banner to download something to win Samsung stuff (~20%)<\/li>\n<li>content (~30%)<\/li>\n<li>cookie info (~30%)<\/li>\n<\/ul>\n<p>Problem<br \/>\nToo little attention is given to the actual content of the site<\/p>\n<p>Principle<br \/>\nSimplicity &gt; Progressive revelation.<\/p>\n<p>Severity<br \/>\n3.<\/p>\n<p>Ideas to solve the issue<br \/>\nI am very aware of the EU directive on cookie consent. However, I believe that you can find a solution for presenting the cookie info that does not cause the above issue.<br \/>\nThe download banner can be presented once the visitor has become accustomed to the site, I.E. after ~5 page views. This might actually even increase conversion.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>There is a list of apps below the first two news stories on androidpit.com\/.<\/p>\n<p>Problems<br \/>\nThe list is clearly something else then the list of news, but what is this list? The list can not be swiped. The icons in the list are blurry. The list is not visually consistent with the rest of the page (which is ok) and also not with the page that the icons link to. The icons do not communicate clickability to me (they might seem clickable to others).<\/p>\n<p>Principle<br \/>\nAesthetics, Efficiency, Simplicity.<\/p>\n<p>Severity<br \/>\n3.<\/p>\n<p>Idea to solve the issue<br \/>\nOn the app description pages (for example https:\/\/www.androidpit.com\/app\/com.cleanmaster.mguard) there is a \u201cTop Apps\u201d section\/widget which does not have the problems above. Implement this exact widget on androidpit.com\/.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>The news items on androidpit.com\/ have an image attached. The images are often of a hand holding an Android device.<\/p>\n<p>Problems<br \/>\nThe images are too small to be able to see what is actually displayed on the screen of the device and thus do not help me decide if I want to read the article. Since the images are so similar they do not help me much when I want to remember which articles I have already read.<\/p>\n<p>Principles<br \/>\nState, Efficiency.<\/p>\n<p>Severity<br \/>\n3.<\/p>\n<p>Idea to solve the issue<br \/>\nThis is an editorial issue and thus should be handled in cooperation with the editorial team.<br \/>\n\u201cHand holding device\u201d images could be reserved for hardware articles while other news are given other kinds of images.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>At the end of the list of news on androidpit.com\/ is a button \u201cMore news&#8230;\u201d.<\/p>\n<p>Problems<br \/>\nIt looks like a button but is actually a link to a different page. When clicking the link I do not see more news, instead I see the featured news that I have already seen once.<\/p>\n<p>Principle<br \/>\nConsistency<\/p>\n<p>Severity<br \/>\n3.<\/p>\n<p>Ideas to solve the issue<br \/>\nClick on the \u201cMore news&#8230;\u201d-button can load more news articles in place instead of sending persons to a new page.<br \/>\nIf you send persons to a new page, either skip showing the featured news articles or automatically scroll past the featured ones so the person see the list of articles that are actually new to them.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>Links are blue with no underline or other secondary visual distinguishable attribute.<\/p>\n<p>Problem<br \/>\nLinks should have 2 attributes that distinguish them from other text.<\/p>\n<p>Principle<br \/>\nColor &gt; Color blindness.<\/p>\n<p>Severity<br \/>\n2.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>Some buttons have a light blue background and white text.<\/p>\n<p>Problem<br \/>\nThe contrast of the text against the background is too low.<\/p>\n<p>Principle<br \/>\nReadability &gt; Contrast.<\/p>\n<p>Severity<br \/>\n2.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>A bordered box is sometimes used to tell which kind of article a news item is. For example \u201cOpinion\u201d.<\/p>\n<p>Problem<br \/>\nThe difference between the styling of buttons and these markers is very small \u2013 they only differ from the buttons having rounded corners.<\/p>\n<p>Principle<br \/>\nInduced Inconsistency, Consistency.<\/p>\n<p>Severity<br \/>\n2.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>Via the site menu I can access all major areas of the site.<\/p>\n<p>Problem<br \/>\nThere is no indication in the menu of where on the site I am.<\/p>\n<p>Principle<br \/>\nExplorable.<\/p>\n<p>Severity<br \/>\n2.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A \u201cheuristic evaluation\u201d is a review of an interface based on best practices and academic research. This valuation found some major problems with the androidpit.com site on my Android phone.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10,19,7,9],"tags":[],"series":[],"class_list":["post-595","post","type-post","status-publish","format-video","hentry","category-critique","category-interaction-design","category-problem","category-process","post_format-post-format-video"],"acf":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts\/595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/comments?post=595"}],"version-history":[{"count":7,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts\/595\/revisions"}],"predecessor-version":[{"id":643,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts\/595\/revisions\/643"}],"wp:attachment":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/media?parent=595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/categories?post=595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/tags?post=595"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/series?post=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}