{"id":2988,"date":"2022-09-27T20:48:55","date_gmt":"2022-09-28T00:48:55","guid":{"rendered":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=2988"},"modified":"2022-09-27T20:48:55","modified_gmt":"2022-09-28T00:48:55","slug":"individual-assignment-2-heuristic-evaluation-of-origami-resource-center","status":"publish","type":"post","link":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=2988","title":{"rendered":"Individual Assignment 2: Heuristic Evaluation of Origami Resource Center"},"content":{"rendered":"\n<p>Arts and Crafts Group &#8212; Amy Feinstein<\/p>\n\n\n\n<p><strong>Origami Resource Center Website<\/strong><\/p>\n\n\n\n<p>When I am not busy making <a rel=\"noreferrer noopener\" href=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=2593\" target=\"_blank\">friendship bracelets<\/a>, I also love doing origami. When I\u2019m folding at home, I like to work on advanced models from my print book collection, but sometimes I find myself searching for an easier model that I can teach to a group of people. There are many instructional origami sites; for this assignment I am focusing on <a rel=\"noreferrer noopener\" href=\"https:\/\/origami-resource-center.com\/\" target=\"_blank\">Origami Resource Center<\/a>.<\/p>\n\n\n\n<p>On its home page, Origami Resource Center describes itself as follows: &nbsp;\u201cThis origami resource center provides information about the art of paper folding. We provide links to diagrams, databases, book reviews, and ways to be a part of the paper folding community.\u201d The title of the page is in small print at the top, with several categories of drop-down menus underneath: Home, Instructions, Holiday Origami, More Paper Arts, Resources, and For Kids. Scrolling down past the introductory text, there are 15 hyperlinked pictures which partially correspond to the menus at the top, but are not exactly the same.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"587\" src=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Top-1024x587.png\" alt=\"\" class=\"wp-image-2991\" srcset=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Top-1024x587.png 1024w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Top-300x172.png 300w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Top-768x440.png 768w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Top-1536x880.png 1536w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Top-2048x1174.png 2048w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Top of the Home Page of Origami Resource Center &#8212; this is everything that is visible before scrolling.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"706\" src=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Main-Photo-Links-1024x706.png\" alt=\"\" class=\"wp-image-2992\" srcset=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Main-Photo-Links-1024x706.png 1024w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Main-Photo-Links-300x207.png 300w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Main-Photo-Links-768x529.png 768w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Main-Photo-Links-1536x1059.png 1536w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Home-Page-Main-Photo-Links.png 2028w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>7 of the 15 main categories linked in photos on the home page. They do not always line up with the menus at the top of the page.<\/figcaption><\/figure>\n\n\n\n<p><strong>Evaluation Scenario<\/strong><\/p>\n\n\n\n<p>For my scenario, I have decided to look for an easy-to-fold bird model on Origami Resource Center. I am not picky about the type of bird, but I would prefer it to be recognizable as a species or family of bird rather than a generic bird-shaped object.<\/p>\n\n\n\n<p><strong>Working Through the Scenario<\/strong><\/p>\n\n\n\n<p>I start on the home page, where the first thing I notice is that the \u201cHome\u201d menu is underlined and highlighted in yellow, and that all the drop-down menus have plus signs interspersed between them. Mousing over these menus expands them and turns the plus sign into a minus sign. I\u2019m not sure exactly what the point of the yellow highlighting is (I\u2019m guessing it\u2019s to let you know what main section you are currently in) or why the plus sign is so far away from its related word. This violates the Consistency and Standards heuristic, as the drop-down menus look and act unconventionally. It also violates the Aesthetic and Minimalist Design heuristic \u2013 although the top of the page doesn\u2019t have a lot of extraneous information, once you scroll down (and you do have to scroll to see anything besides the introductory text), the 15 categories to choose from seem excessive. Some of them could be grouped together under the same categories you have at the top \u2013 for example, the Resource menu at the top contains links to both Health Benefits and Educational Benefits pages, but those two pages each have their own link in the 15-category spread, while Resources does not. This violates the site\u2019s own internal consistency as well as the consistency you expect from visiting other websites.<\/p>\n\n\n\n<p><em>Finding the Models<\/em><\/p>\n\n\n\n<p>Once I get past the oddly organized home page, there are several ways to start looking for specific models. I can click on the Instructions menu at the top and then click on Birds, I can mouse over the Instruction menu and click on the Birds drop-down, I can click on the Instructions photo in the middle of the page, or I can scroll all the way down past the 15 boxes and click on the Birds photo in the category links. This last option seems excessive and violates the Aesthetic and Minimalist Design Heuristic \u2013 there are just too many pictures on the page, especially when you consider that not until you scroll past even this last set of categories do you get to the search box. Having the search box so far down also violates the Consistency and Standards heuristic, since most sites have the search box in a top corner where it easy to access.<\/p>\n\n\n\n<p>In the interest of testing more of the site navigation, I go to the main Instructions page before I go to the Birds page. Now, the Instructions menu at the top is yellow and underlined, as the Home menu was before, which seems to confirm my hypothesis about using the highlighting as a signpost \u2013 except that now the More Paper Arts menu is highlighted in the same way. This causes confusion and violates the Visibility of System Status heuristic \u2013 is the More Paper Arts menu connected to the Instructions menu in some way? When I click on it, it jumps me close to the bottom of the page under the headline Origami Fringe, which has links to only six of the seven categories found under the More Paper Arts menu up top.<\/p>\n\n\n\n<p>After getting distracted by the extra yellow highlighting and following that path (a path I probably would not have taken were it not for the lack of Aesthetic and Minimalist Design), I finally make it to Origami Birds. After a brief text introduction, there are ten hyperlinks to different categories of birds (the first one being the extremely non-specific \u201cbirds\u201d), each of which will jump you to the categories on the same page. Alternatively, you can scroll all the way down the page to see the categories as will as the list of the individual models.<\/p>\n\n\n\n<p><em>Narrowing Down My Options<\/em><\/p>\n\n\n\n<p>Since I don\u2019t know exactly what kind of bird I want to make, I decide to scroll down and see what catches my eye. There are photos of completed models on either side of the list of birds, but they appear to be a random selection of models within the category. They seem to be a random selection of photos within the category, and they are not hyperlinked to anything, so there is no way to accurately preview a model. (After writing the rest of this blog and going back to take screen shots, I realized that you can mouse over the photo to see what model it is. They are still not hyperlinked, though.) This violates Visibility of System Status, since you do not have a visual cue of where to go next, as well as Match between System and the Real World, since the pictures do not line up with the appropriate models.<\/p>\n\n\n\n<p>For no particular reason, I decide to explore the Origami Pelicans, Penguins, and Puffins category. There are 6 photos and 24 models to choose from, so I click on the first model (a pelican). It takes me to a page that corresponds to the third picture on the previous page (violation of Match between System and the Real World \u2013 the first link should not match up with the third picture).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"779\" src=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Pelicans-Penguins-Puffins-1024x779.png\" alt=\"\" class=\"wp-image-2993\" srcset=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Pelicans-Penguins-Puffins-1024x779.png 1024w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Pelicans-Penguins-Puffins-300x228.png 300w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Pelicans-Penguins-Puffins-768x584.png 768w, https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/wp-content\/uploads\/2022\/09\/Pelicans-Penguins-Puffins.png 1154w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>Some of the photos and models from the Pelicans, Penguins, and Puffins section. The photos on the left do not directly correspond to the links on the right, nor are they hyperlinked to the appropriate instructions.<\/figcaption><\/figure>\n\n\n\n<p><em>Evaluating the Instructions\/Diagram Page<\/em><\/p>\n\n\n\n<p>The description says the pelican is easy and less than 10 steps. It also more or less resembles an abstract pelican, which makes it matches my initial requirements. The text instructions are listed on the left side of the page, and the diagrams are in one image on the right. While it\u2019s possible to follow this, it\u2019s much easier when the instructions are visually linked with their matching diagrams (another problem with Match between System and the Real World). Despite it being an easy model, there are a few technical origami terms that aren\u2019t explained, such as \u201cvalley fold\u201d and \u201creverse fold.\u201d You can find these under the Resources Menu &#8211;&gt; Origami Basics at the top of the page, but there should be a more obvious link for it at the top of the instructions (one more issue with Match between System and the Real World, with the possible addition of Recognition Rather than Recall, since users will have to either memorize the meaning of the steps or go back and forth between two pages).<\/p>\n\n\n\n<p>While in this case I have decided the pelican model is a reasonable one to teach to beginners, if I want to go back and explore the other models available, I have a couple more options at the bottom of the page. There is a link to \u201cmore origami pelican and birds\u201d (which takes to you back to the top of the birds page, not the pelican\/penguin\/puffin section &#8212; also, every other link has been in title case and this one is all lower case) and then a photo gallery of \u201cMore Origami Birds.\u201d This is perhaps the most egregious violation of Match between System and the Real World, and also of Visibility of System Status \u2013 when you mouse over one of the photos, it tells you exactly what model and artist it is, but when you click on any one of them, it takes you back to the general bird page again! Once you get there, you have to figure out what subcategory the model you liked was in and remember the name (Recognition Rather than Recall).<\/p>\n\n\n\n<p><strong>Design Recommendations<\/strong><\/p>\n\n\n\n<p>There are several design fixes that would make navigating Origami Resource Center less frustrating:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li>On the home page, the drop-down menus at the top should match the photo icons halfway down the page. This would keep the user from feeling like they\u2019re missing important parts of the site because the main categories and the subcategories don\u2019t match (Visibility of System Status, Match between System and the Real World.<\/li><li>Move the search box to the top of the page so it is easily noticeable and accessible (Consistency and Standards).<\/li><li>Line up the photos of the completed models with their matching instructions and link said photos to those instructions (Visibility of System Status, Match between System and the Real World).<\/li><li>Have an easy link to Origami Basics at the top of each instruction page so beginners can follow the diagrams (Recognition Rather than Recall).<\/li><li>For the photo gallery for the related models at the bottom of the instruction page, link those photos directly to the pictured models rather than to the general category page (Visibility of System Status, Match between System and the Real World).<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Arts and Crafts Group &#8212; Amy Feinstein Origami Resource Center Website When I am not busy making friendship bracelets, I also love doing origami. When I\u2019m folding at home, I like to work on advanced models from my print book collection, but sometimes I find myself searching for an easier model that I can teach &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=2988\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Individual Assignment 2: Heuristic Evaluation of Origami Resource Center&#8221;<\/span><\/a><\/p>\n","protected":false},"author":96,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45,5],"tags":[],"class_list":["post-2988","post","type-post","status-publish","format-standard","hentry","category-group-arts-and-crafts","category-heuristic-evaluation"],"_links":{"self":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/2988","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\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2988"}],"version-history":[{"count":5,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/2988\/revisions"}],"predecessor-version":[{"id":2996,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/2988\/revisions\/2996"}],"wp:attachment":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}