{"id":3251,"date":"2022-11-01T17:43:10","date_gmt":"2022-11-01T21:43:10","guid":{"rendered":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=3251"},"modified":"2022-11-01T17:44:10","modified_gmt":"2022-11-01T21:44:10","slug":"individual-assignment-3-representative-user-test-6","status":"publish","type":"post","link":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=3251","title":{"rendered":"Individual Assignment 3: Representative User Test"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Norman Rockwell Museum, <a href=\"https:\/\/www.nrm.org\/\">https:\/\/www.nrm.org\/<\/a><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/52CF55B3-AD41-46B7-94C7-15D790F04CD3-1024x655.png\" alt=\"\" class=\"wp-image-3252\" width=\"626\" height=\"400\" srcset=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/52CF55B3-AD41-46B7-94C7-15D790F04CD3-1024x655.png 1024w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/52CF55B3-AD41-46B7-94C7-15D790F04CD3-300x192.png 300w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/52CF55B3-AD41-46B7-94C7-15D790F04CD3-768x492.png 768w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/52CF55B3-AD41-46B7-94C7-15D790F04CD3.png 1442w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/figure>\n\n\n\n<p>The Norman Rockwell Museum website provides information about the artist, museum exhibits and events, and hosts the museum archive. The homepage has two menu bars, each with some distinct links as well as several overlapping links.&nbsp; The green-blue menu bar at the very top of the page also has dropdown sub menus. The second menu bar is below the museum name banner and social media links. The remainder of the homepage features photographs on a loop.&nbsp;<\/p>\n\n\n\n<p>Not all pages within the website have titles or headers, several have menus on the left-hand side where two of the site\u2019s pages have a link to the Rockwell Center for Visual Studies, URL <a href=\"https:\/\/rockwellcenter.org\/\">rockwellcenter.org<\/a>.&nbsp;<\/p>\n\n\n\n<p>The website also has embedded YouTube videos and uses a third-party popup window for ticket sales.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Users<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Persona<\/h3>\n\n\n\n<p>Slightly modified from group assignment so it could be read to the user-testers and to include a starting location for directions: You are an undergraduate art history student at Bay Path University in Longmeadow, Massachusetts. Your are interested in Norman Rockwell\u2019s works since Rockwell was a fellow Massachusetts native. One of your class projects includes Rockwell\u2019s <em>Pointing Hand.<\/em> You are going to use the NRM website as a source for your project, but you are also interested in visiting the museum over break. Also, you will need an internship before you graduate and you will seek information about opportunities at the museum.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">User-testers<\/h3>\n\n\n\n<p>The individual user-tester is an 18 year old male high school graduate, June 2022. He is taking a gap year before matriculating at George Mason University, Fall 2023.<\/p>\n\n\n\n<p>The user-tester team consists of a 16 year old female junior high school student and a 23 year old male who recently graduated from the University of Mary Washington with an art history degree and a minor in math.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Testing Methods<\/h2>\n\n\n\n<p>Concurrent Think Aloud &#8211; This method makes it easy to evaluate the experience of the user: understand participants\u2019 thoughts and elicit real time feedback.<\/p>\n\n\n\n<p>Paired User Testing &#8211; an interesting twist on the above that is expected to require less prompting from the moderator.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Test Plan and Tasks<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Test Purpose<\/h3>\n\n\n\n<p>To determine how quickly and easily an undergraduate student can navigate the website and use it for academic purposes. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Methods<\/h3>\n\n\n\n<p>The user characteristic description will be read to user-testers. They will then be asked to describe what information they need from the website in order to confirm their understanding of the scenario.&nbsp;<\/p>\n\n\n\n<p>The test moderator will provide encouragement if frustration levels become a roadblock. If all attempts of the moderator fail, the participant will be given a hint at the discretion of the moderator.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Benchmarks &amp; Metrics<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Frustration level of participant and post task user review (subjective); error rates, task completion and time  will be measured (qualitative)<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Tasks<\/h3>\n\n\n\n<p><strong>Plan a visit to the museum including getting directions from the university and purchasing a ticket.<\/strong> This represents a high frequency task for website users since many people who visit a museum website are planning to visit the museum itself. Or conversely, many who want to visit a museum will use the website to plan their visit.<\/p>\n\n\n\n<p><strong>Find out if the museum has any internship opportunities for undergraduate students and details about the internship, including how to apply.<\/strong> This is an important community engagement activity for the museum.<\/p>\n\n\n\n<p><strong>Find a specific work called <em>Pointing Hand<\/em> in the Norman Rockwell Museum\u2019s digital collections<\/strong>. Finding artwork is a foundational concept for an art museum.<\/p>\n\n\n\n<p><strong>Addendum<\/strong>: Finding <em>Pointing Hand<\/em> did not present any significant navigational issues for the paired users. So for the individual user-tester, <strong>the artwork was changed to <em>New Kids in the Neighborhood<\/em> and the participant was asked to determine if the website had any narrative information about the work that might be useful in an art history project.<\/strong>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Test Analysis<\/h2>\n\n\n\n<p>Paired User Test (<strong>PU<\/strong>) &#8211; all three tasks were completed in less than ten minutes with no real navigation difficulties.&nbsp;<\/p>\n\n\n\n<p>Think Aloud User Test (<strong>TA<\/strong>) &#8211; All tasks were completed in 11 minutes. There was difficulty in searching for information about the artwork and confusion with navigating between the NRM site and the Rockwell Center.org site (RC).<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Benchmarks &amp; Metrics<\/strong><\/td><td><strong>Finding Artwork<\/strong>               <\/td><td><strong>Planning Visit<sup>1<\/sup> <\/strong>       <\/td><td><strong>Internships<\/strong>         <\/td><\/tr><tr><td><strong>Task Completion<\/strong><\/td><td>yes<sup>2<\/sup><\/td><td>yes<\/td><td>yes<\/td><\/tr><tr><td><strong>Time <\/strong><br>minute:second<\/td><td>Paired 2:15<br>Think Aloud 2:40<\/td><td>Paired 3<sup>3<\/sup><br>Think Aloud 5:49<\/td><td>Paired 4<br>Think Aloud 2:25<\/td><\/tr><tr><td><strong>Error Rate<\/strong><\/td><td>All testers tried the main search bar before going to &#8220;Collections&#8221;\u2192&#8221;Search the Collection&#8221;<\/td><td>Paired &#8211; none; used &#8220;Visit&#8221; link<br>TA &#8211; none<\/td><td>Paired &#8211; none; typed &#8220;internships&#8221; in search bar<\/td><\/tr><tr><td><strong>Frustration Level <\/strong><\/td><td>none<\/td><td>TA &#8211; confusion surrounding the need to choose a date before proceeding to checkout<\/td><td>TA &#8211; confusion between nrm.org and rockwellcenter.org<\/td><\/tr><\/tbody><\/table><figcaption>1. Both users declined to get directions from the website saying they would use google maps on their phones; they were able to display the website on their phones during the time of the test.  2. TA tester did not complete the subtask of finding narrative information about the artwork. He did not recognize a blog post which could be used in an art history project. This post was displayed when the tester searched \u201cNew Kids in the Neighborhood\u201d in the main search bar, but the link for the post was between a grade K-5 lesson plan and two past museum events. 3. PU testers also briefly looked at the current exhibits advertised on the homepage while planning their visit.<br><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">User Review<\/h3>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/A3B2DE6C-54D2-473A-87C3-9E05EE320F25-1024x640.png\" alt=\"\" class=\"wp-image-3269 size-full\" srcset=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/A3B2DE6C-54D2-473A-87C3-9E05EE320F25-1024x640.png 1024w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/A3B2DE6C-54D2-473A-87C3-9E05EE320F25-300x188.png 300w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/A3B2DE6C-54D2-473A-87C3-9E05EE320F25-768x480.png 768w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/A3B2DE6C-54D2-473A-87C3-9E05EE320F25.png 1440w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>The collection artworks are displayed in what I will describe as an archival view. None of the user-testers liked this display, nor the interactivity of the page.  Works are displayed in shadowed boxes which highlight when the cursor hovers over them.<\/p>\n<\/div><\/div>\n\n\n\n<p>However, the cursor had to be directly over the image to display an enlarged version of the image, likewise the cursor had to be directly over the title of the work to display metadata for the work. None of the users found the metadata informative. They all expected to find narrative commentary displayed with the artwork image or for links to that information to be provided with the image.&nbsp;<\/p>\n\n\n\n<p>Users also found it inconvenient that the archive page had no back function. The users expected a left pointing bracket (&lt;) that is above the images to act as a back arrow, but it has no functionality. Both users used browser back arrows from here even though the NRM name at the top acts as a homepage return.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/EC559758-F4D3-4470-90C2-5046852A23EC-1024x172.png\" alt=\"\" class=\"wp-image-3270\" width=\"674\" height=\"113\" srcset=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/EC559758-F4D3-4470-90C2-5046852A23EC-1024x172.png 1024w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/EC559758-F4D3-4470-90C2-5046852A23EC-300x51.png 300w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/EC559758-F4D3-4470-90C2-5046852A23EC-768x129.png 768w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/EC559758-F4D3-4470-90C2-5046852A23EC-1536x259.png 1536w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/EC559758-F4D3-4470-90C2-5046852A23EC.png 1918w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/figure>\n\n\n\n<p>When TA was searching for narrative commentary about <em>New Kids on the Block<\/em>, he got led to the Rockwell Center for Visual Arts. This has a different URL, it has the RC name in place of the NRM name, and a new menu bar, however there are enough similarities that tester was unaware that he was at a different website. The browser tabs for both sites contain red \u201cNR\u201d and both sites have the same menu bar at the very top of the page, although there is a slight color difference from blue-green to gray-blue.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"204\" src=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/37EDE013-5017-4FFD-9FAF-B745CA7DD6BC-1024x204.png\" alt=\"\" class=\"wp-image-3271\" srcset=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/37EDE013-5017-4FFD-9FAF-B745CA7DD6BC-1024x204.png 1024w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/37EDE013-5017-4FFD-9FAF-B745CA7DD6BC-300x60.png 300w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/37EDE013-5017-4FFD-9FAF-B745CA7DD6BC-768x153.png 768w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/37EDE013-5017-4FFD-9FAF-B745CA7DD6BC-1536x307.png 1536w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/37EDE013-5017-4FFD-9FAF-B745CA7DD6BC.png 1909w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<p>Neither set of users found the popup window used when purchasing tickets bothersome. The 23 year old in the PU group opined that it might be a more secure site to enter his credit card information. And the PU testers happily noted the Trip Advisor ratings on the popup site.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Design Recommendations<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>  <strong>Violation<\/strong><\/td><td><strong>Improvement       <\/strong>                                                                    <\/td><\/tr><tr><td>  Heuristic 1<\/td><td> &#8211; Use popup message when moving from nrm.org to rockwellcenter.org<\/td><\/tr><tr><td>  Heuristic 2<\/td><td> &#8211; Add a breadcrumb trail to the top of each page<br> &#8211; Enlarge the very top blue-green-gray menu bar.&nbsp;<br> &#8211; Keep the top menu bar pinned throughout both websites.&nbsp;<br> &#8211; Highlight the \u201cInternships\u201d link by adding a colored field to improve visibility<br>    and recognition that it is a button.<\/td><\/tr><tr><td>  Heuristic 3<\/td><td> &#8211; Add a title or header to the top of each page<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Discussion<\/h3>\n\n\n\n<p>Redesigning how images of artwork are displayed is only realistic if NRM wants to do a major overhaul of their site, however there are some smaller improvements that will improve the navigability of the site.&nbsp;<\/p>\n\n\n\n<p>Based on Nielsen\u2019s first heuristic, visibility of system status, the user should clearly know when they are moving from nrm.org to rockwellcenter.org. A simple popup message that the user is leaving the original website would work. Additionally, clear instructions should be given within the popup window that the user needs to first choose a visit date before proceeding to checkout.<\/p>\n\n\n\n<p>User control and freedom, heuristic #3, states that links should be easily discoverable, especially back and cancel. NRM website should add a \u201cbread crumb\u201d trail so that users know where they are in the website, improving their ability to make decisions about which link to use next. The website has two menu bars at the top&nbsp; of the page, a blue-green bar at the very top, and semi-transparent one under the website name. This stays consistent between nrm.org and rockwellcenter.org with the exception of the slight color change in the top bar. Enlarging this top bar and pinning it so that it does not disappear with scrolling will also improve navigation. Also, the search for internship opportunities would be easier if the \u201cinternships\u201d link at the top of the webpage included a colored field that changed color so that it is more obviously a link and not merely a heading.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/68049BF4-90FF-493C-A09B-E41214EA3442-1024x575.png\" alt=\"\" class=\"wp-image-3272\" srcset=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/68049BF4-90FF-493C-A09B-E41214EA3442-1024x575.png 1024w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/68049BF4-90FF-493C-A09B-E41214EA3442-300x168.png 300w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/68049BF4-90FF-493C-A09B-E41214EA3442-768x431.png 768w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/68049BF4-90FF-493C-A09B-E41214EA3442-1536x862.png 1536w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/11\/68049BF4-90FF-493C-A09B-E41214EA3442.png 1917w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Find the &#8220;Internship&#8221; link<\/figcaption><\/figure>\n\n\n\n<p>Finally, in accordance with the fourth heuristic of maintaining consistency with other websites, each page should contain a header so the user understands where they have landed and what content is found on that page. This would help others from feeling like they are looking at \u201canother page with a bunch of random articles\u201d as the think aloud user-tester described one page.&nbsp;&nbsp;&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Norman Rockwell Museum, https:\/\/www.nrm.org\/ The Norman Rockwell Museum website provides information about the artist, museum exhibits and events, and hosts the museum archive. The homepage has two menu bars, each with some distinct links as well as several overlapping links.&nbsp; The green-blue menu bar at the very top of the page also has dropdown sub &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=3251\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Individual Assignment 3: Representative User Test&#8221;<\/span><\/a><\/p>\n","protected":false},"author":80,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,7],"tags":[],"class_list":["post-3251","post","type-post","status-publish","format-standard","hentry","category-group-museums","category-representative-user-test"],"_links":{"self":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/3251","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\/80"}],"replies":[{"embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3251"}],"version-history":[{"count":2,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/3251\/revisions"}],"predecessor-version":[{"id":3274,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/3251\/revisions\/3274"}],"wp:attachment":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}