{"id":2932,"date":"2022-09-26T21:22:17","date_gmt":"2022-09-27T01:22:17","guid":{"rendered":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=2932"},"modified":"2022-09-26T21:23:38","modified_gmt":"2022-09-27T01:23:38","slug":"individual-assignment-2-heuristic-evaluation-5","status":"publish","type":"post","link":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=2932","title":{"rendered":"Individual Assignment #2: Heuristic Evaluation (Cummer Museum)"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">The Website<\/h1>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/l9voA84jNVWt0BcyjieXPwzxQq4qsZlcJAto9zOdyMiKwrg2dwQXID9W0P34aKlQeGb9_9m05VNwDM1GH1BPLD-nKCnXkM8SFzRNQcggrKzLjFCfvSbjWTNlEOBr0FJwYBfdOhUyUoh0Xg3Pma_NNwOf4acRSYXXbDpUzYsCcPnhAtJf9OE9SqdMxA\" alt=\"\" \/><figcaption>The homepage for the Cummer Museum website<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The<a href=\"https:\/\/www.cummermuseum.org\/\"> Cummer Museum of Art &amp; Gardens<\/a> is an art museum located in Jacksonville, Florida. The museum was established in the 1950\u2019s when Ninah Cummer gave her humble art collection and home for the creation of a public art museum. Today the museum has grown exponentially to become one of the largest fine art museums in the region, encompassing over 5,000 pieces of art along with a manicured garden.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">The Scenario<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">For my scenario I chose a very simple one, but one that is likely repeated frequently on the site: a potential visitor looking up hours, admission prices, and directions for the museum. As a public museum that is not well known outside of the region this scenario would be undertaken by potential out-of-area visitors, local residents who have heard of the museum but not visited, as well as returning visitors who need to refresh their knowledge of how to visit the museum.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Knowing this, I focused my heuristic valuation on two main aspects: the ease of navigation to necessary information for a visit and how clearly and directly relevant information is presented to the user. While this evaluation does not focus on a specific user, I kept in mind that this scenario is likely very common amongst all demographics of site users.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">The Analysis<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">As our user is likely to do, this analysis begins on the home page where we find the first usability issues with the site. These issues center around <strong>heuristic #8: aesthetic and minimalist design<\/strong>. In other words, keeping the interface centered around the information users need and not cluttering the site with extraneous or little used information. If a user was going to visit the Cummer museum, where does one suppose they will click on the homepage? Let\u2019s try the large call -to-action on top of the page\u2026<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/1udIS0H5Z_X2Ah8462FG908IIPun5B39fvMPhDwvr2IjwsJJrQu5bpnoyAMQ7WtOo2ZNluBhW8iJ5ajXvSgh3s0StJI8wq9SQdBVsBjC6fA5s8jKLUq6esRuIggb9eHrgyFxDVWZg0SMquKFyInS5qMQmcpTPnhWumU1u_OjKJQs3itiF0-_sqwyIA\" alt=\"\" \/><figcaption> Call-to-action button at top of Cummer Museum website<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Well, it\u2019s unlikely a new visitor would want to become a member without even visiting the museum, so let\u2019s move on to the main navigation menu\u2026<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"112\" src=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/navigation-menu-1024x112.png\" alt=\"\" class=\"wp-image-2933\" srcset=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/navigation-menu-1024x112.png 1024w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/navigation-menu-300x33.png 300w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/navigation-menu-768x84.png 768w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/navigation-menu-1536x167.png 1536w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/navigation-menu.png 1917w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Cummer Museum navigation menu<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Again, our scenario has hit another roadblock. While learning more \u201cabout\u201d the museum, looking up upcoming \u201cevents\u201d, or trying to \u201cdonate\u201d are useful links, none are the <em>primary goal<\/em> of the user in this scenario, which is to visit the museum. Assuming the user chooses to dig further into the \u201cabout&#8221; menu item, as it is likely to contain their required information, they will discover a submenu on hover\u2026<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/UH2-2q3wNU5N3LaefKtJ6mFKrHcBdO-9bcCIqDI4AcaD1IUeUfgeBqEyLjopPMLbcLjNoZ5gd7xXC5Wdp2sbUx1IYChwGRdjDpA9Oxq7edxCxOcKahMeeSSijvSQg9JXs5TVvQ8PxwjntBVMX-3zt1uSguTDey8-hj7hqzxwNH8xZZPogdjREO1WaQ\" alt=\"\" \/><figcaption>Cummer Museum hover menu for the &#8220;About&#8221; page<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In yet another instance of ignoring <strong>heuristic #8: aesthetic and minimalist design, <\/strong>all options are unrelated to the actual act of exploring the museum in person (<em>while not within the scope of this blog post, it is worth noting that nothing on the Cummer Museum website, including this hover menu, supports tab\/shift+tab functionality which presents a raft of accessibility issues<\/em>). After much exploration, and scrolling, the user will eventually find the link for the museum hours and admission prices. In the footer<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/c2RGmHL6oK2l1sKODEageWn6tYiAGKraEeET3us7EULza0NCemhgUICGvQ0jSkHAZFoYA7RF3sezFVAvSoQqOH2MBIMPXbX9vHrdmJy2nx2jLTo1dSYvIHRSP56DqQgMHj12OS-SYkxVTDBC5yuK8jQwFQBWSocUpG7pq2YzwgGuHCdneBzQGwivfA\" alt=\"\" \/><figcaption>Footer for the Cummer Museum website<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This link opens an external page, unlike all other pages on the website. While this choice still provides the information the user requires in this scenario, it violates the consistency of the website, <strong>heuristic #4: consistency and standards<\/strong>, and the ability for the user to quickly and easily reverse their action, <strong>heuristic #3: user control and freedom<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/kFTOg7cR6OmE7VNT269W6853QUQF1_rOQjhObthqjh7twt3UleQy6bMW221k-cZlFh0Kzsi0E1HJDhhB0zRi8QErh267J3mJv9WYPgoAzoXSnwcD_p8FbV_VwEnvYAfQ56vEx7vqxrf379kNTPzGU1aY3WFlj-OwO1cgluUlXlDGdTsCPuZIF39rJA\" alt=\"\" \/><figcaption>Main &#8220;about&#8221; page for the Cummer Museum website<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This page further strains <strong>heuristic #4 <\/strong>by actually being designated the main \u201cabout\u201d page on the site, meaning that it is labeled on the main page as both \u201cabout\u201d and \u201chours and admission\u201d. Further, the hover menu as previously referenced does not reflect the contents of the actual \u201cabout\u201d page in any meaningful way.&nbsp; Exploring this page, the user will quickly find that they cannot purchase tickets online, but they may still want to know the price for tickets.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/iPIturuy6aApjZ2orEM_Dgl6KBDxiKNbVHDzOVLU9265YxwXOOR6Q3X3TOgIfoo8fZ8oEXFXbhqgN-wBBvYXvUf9ImAkBJxpAEflVqv8qtOcMrXS7PaJ2BwRscsRsMoX6cQqpSaOJtx35W2wjSJkkmpj5moTJw84Ni6ptKZL8liFr2hvmcRf0wmNNg\" alt=\"\" width=\"679\" height=\"385\" \/><figcaption>Admission pricing section for the Cummer Museum website<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In this small section, there are clear issues surrounding <strong>heuristic #2: match between the system and the real world<\/strong>. It is operant of the designer to make sure terminology is clear and easily understandable without necessitating additional information seeking. In this section, it begs the question what age qualifies someone as a \u201csenior\u201d? Additionally, what about \u201cstudents\u201d who are 18-year-old seniors? While a minor infraction, the wording choices cause confusion in a prospective visitor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At this point in our scenario, our hypothetical user has discovered the hours to the museum, and the cost to admission, as well as the fact that they cannot purchase tickets online. Assuming that they have decided to carry onward with their visit they will need the address to the museum. On this \u201cabout\u201d page there are two locations for the address, in the \u201ccontact us\u201d section and in the footer. Both require excessive amounts of scrolling. This is due to both the lack of jump links and corresponding menu items, a clear violation of <strong>heuristic #7: flexibility and efficiency of use. <\/strong>Without accelerators like jump links, the user is left to scroll through the entire page, analyzing all information until they come upon the required address.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">The Recommendations<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Overall, the Cummer Museum website needs additional work to improve navigation, providing a clear path to their users\u2019 primary goals. The most direct way to do this is to redesign their navigation menu to better represent the page hierarchy while focusing on the most common user tasks on the website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another simple solution to improve usability would be to change the large call-to-action at the top of page from \u201cbecome a member\u201d to something like \u201cvisit us\u201d or \u201cbuy tickets\u201d. This way, users can more quickly and directly navigate to their desired information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It would also pay dividends to bring the address and \u201chours and admissions\u201d further up the page, instead of in the footer. Again, this will greatly aid users in navigating to their desired information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And probably one of the most simple solutions would be to change the wording on the ticket prices page. By combining \u201cStudents (6-17)\u201d and \u201cCollege Students\u201d to simply \u201cStudents (with valid I.D.)\u201d the users will more easily be able to identify the admission category that reflects their reality.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">###<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Website The Cummer Museum of Art &amp; Gardens is an art museum located in Jacksonville, Florida. The museum was established in the 1950\u2019s when Ninah Cummer gave her humble art collection and home for the creation of a public art museum. Today the museum has grown exponentially to become one of the largest fine &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=2932\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Individual Assignment #2: Heuristic Evaluation (Cummer Museum)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":70,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,5],"tags":[],"class_list":["post-2932","post","type-post","status-publish","format-standard","hentry","category-group-museums","category-heuristic-evaluation"],"_links":{"self":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/2932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2932"}],"version-history":[{"count":2,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/2932\/revisions"}],"predecessor-version":[{"id":2935,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/2932\/revisions\/2935"}],"wp:attachment":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}