{"id":112,"date":"2009-10-20T03:12:22","date_gmt":"2009-10-20T07:12:22","guid":{"rendered":"https:\/\/iandallas.com\/?p=112"},"modified":"2009-10-20T03:12:22","modified_gmt":"2009-10-20T07:12:22","slug":"a-quiz-on-the-difference-between-arial-and-helvetica","status":"publish","type":"post","link":"https:\/\/iandallas.com\/blog\/main\/2009\/10\/a-quiz-on-the-difference-between-arial-and-helvetica\/","title":{"rendered":"A quiz on the difference between Arial and Helvetica"},"content":{"rendered":"<p>Ever wondered about the difference between Arial and Helvetica? Then I encourage you to play this <a href=\"http:\/\/www.ironicsans.com\/helvarialquiz\/\">amazing quiz<\/a>.<\/p>\n<p>I do this partly because I love typography, partly because the quiz is super fun, and partly because it&#8217;s the most effective teaching game I&#8217;ve ever played.<\/p>\n<p><a href=\"http:\/\/www.ironicsans.com\/helvarialquiz\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-113\" title=\"helvetica vs arial\" src=\"http:\/\/www.iandallas.dreamhosters.com\/blog\/main\/wp-content\/uploads\/2009\/10\/helvetica_vs_arial.png\" alt=\"\" width=\"383\" height=\"208\" srcset=\"https:\/\/iandallas.com\/blog\/main\/wp-content\/uploads\/2009\/10\/helvetica_vs_arial.png 383w, https:\/\/iandallas.com\/blog\/main\/wp-content\/uploads\/2009\/10\/helvetica_vs_arial-300x162.png 300w\" sizes=\"auto, (max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<p>I actually <em>learned <\/em>something. Something I&#8217;ve tried and failed to learn before. Putting the information in the context of a game somehow made it easier for my brain to digest. And it has nothing to do with making the subject fun; I already had an interest in this, I just couldn&#8217;t get the knowledge to stick.<\/p>\n<p>I think the key is that using the information in a game forces you to apply your knowledge and rewards you for it both extrinsically (with messages like &#8220;You got that one right!&#8221;) and, even more important, intrinsically, because as you get farther along in the quiz you&#8217;re able to identify very subtle clues you probably couldn&#8217;t have spotted in the beginning. The combination of all that is surprisingly powerful.<\/p>\n<p>Incidentally, if you&#8217;re not into typography at all and want to take the quiz here&#8217;s a hint: look at the ends of letters like &#8220;t&#8221;, &#8220;s&#8221; and &#8220;a&#8221;, Helvetica has perfectly vertical and horizontal lines while Arial tends to use diagonals.<\/p>\n<p>I think another reason the quiz is so effective is that it puts the relevant information side by side for us to compare, and that&#8217;s something humans are freakishly good at. We&#8217;re so good at doing it that it doesn&#8217;t even feel like work, it&#8217;s actually fun. Kind of strange, really. As game designers we&#8217;re often trying to find ways to make an experience more fun but we rarely think about information density as a source of enjoyment.<\/p>\n<p>And why does our brains like finding stuff? My guess is that it&#8217;s at least partly a result of our being genetically engineered to find bits of food in the wild. Two examples of this type of ancestral gathering behavior come to mind: one, the bafflingly popular <a href=\"http:\/\/www.bigfishgames.com\/download-games\/genres\/15\/hidden-object.html\">hidden object games<\/a> genre, and two, my parents, who spend half a dozen weekends each year out in the woods picking mushrooms and huckleberries. For fun.<\/p>\n<figure id=\"attachment_117\" aria-labelledby=\"figcaption_attachment_117\" class=\"wp-caption alignnone\" style=\"width: 410px\"><a href=\"http:\/\/www.iandallas.dreamhosters.com\/blog\/main\/wp-content\/uploads\/2009\/10\/james-and-shirley-at-holden.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-117\" title=\"james-and-shirley-at-holden\" src=\"http:\/\/www.iandallas.dreamhosters.com\/blog\/main\/wp-content\/uploads\/2009\/10\/james-and-shirley-at-holden.jpg\" alt=\"James and Shirley Dallas\" width=\"400\" height=\"570\" srcset=\"https:\/\/iandallas.com\/blog\/main\/wp-content\/uploads\/2009\/10\/james-and-shirley-at-holden.jpg 400w, https:\/\/iandallas.com\/blog\/main\/wp-content\/uploads\/2009\/10\/james-and-shirley-at-holden-210x300.jpg 210w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><figcaption id=\"figcaption_attachment_117\" class=\"wp-caption-text\">James and Shirley Dallas<\/figcaption><\/figure>\n<figure id=\"attachment_118\" aria-labelledby=\"figcaption_attachment_118\" class=\"wp-caption alignnone\" style=\"width: 410px\"><a href=\"http:\/\/www.iandallas.dreamhosters.com\/blog\/main\/wp-content\/uploads\/2009\/10\/shirley-and-her-mushrooms.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-118\" title=\"shirley-and-her-mushrooms\" src=\"http:\/\/www.iandallas.dreamhosters.com\/blog\/main\/wp-content\/uploads\/2009\/10\/shirley-and-her-mushrooms.jpg\" alt=\"Shirley Dallas and her mushrooms\" width=\"400\" height=\"536\" srcset=\"https:\/\/iandallas.com\/blog\/main\/wp-content\/uploads\/2009\/10\/shirley-and-her-mushrooms.jpg 400w, https:\/\/iandallas.com\/blog\/main\/wp-content\/uploads\/2009\/10\/shirley-and-her-mushrooms-223x300.jpg 223w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><figcaption id=\"figcaption_attachment_118\" class=\"wp-caption-text\">Shirley Dallas and her mushrooms<\/figcaption><\/figure>\n<p>Edward Tufte mentions a second reason why information density can be fun in<a href=\"http:\/\/www.amazon.com\/Envisioning-Information-Edward-R-Tufte\/dp\/0961392118\"> Envisioning Information<\/a>:<\/p>\n<blockquote><p>[Putting information side by side enables viewers] &#8220;to select, to narrate, to recast and personalize data for their own uses. Thus control of information is given over to viewers, not to editors, designers, or decorators.&#8221;<\/p><\/blockquote>\n<p>In other words it&#8217;s a way of making the data more interactive, of creating interesting choices. Which is another goal that certainly comes up a lot in game design.<\/p>\n<p>It&#8217;s odd. As designers we&#8217;re usually trying to make things simpler, to get rid of all the non-essential bits so players can get right to the good stuff. Most of the time when a game presents me with dense information I have to wade through I think it&#8217;s pretty annoying, but sometimes a little confusion can be fun. God grant me the wisdom to tell the difference.<\/p>\n<p>And thanks to <a href=\"http:\/\/www.swiss-miss.com\/2009\/09\/so-you-think-you-can-tell-arial-from-helvetica.html\">Swiss Miss<\/a> for the link (Swiss Miss is an eclectic, highly recommended design blog that covers everything from <a href=\"http:\/\/www.swiss-miss.com\/2009\/10\/playgrounds-from-the-70s.html\">playgrounds from the 70&#8217;s<\/a> to <a href=\"http:\/\/www.swiss-miss.com\/2009\/05\/buclo-foam-cloud.html\">foam clouds<\/a> to <a href=\"http:\/\/www.swiss-miss.com\/2008\/10\/the-unfinished.html\">surreal painting games<\/a>).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ever wondered about the difference between Arial and Helvetica? Then I encourage you to play this amazing quiz. I do this partly because I love typography, partly because the quiz is super fun, and partly because it&#8217;s the most effective &hellip; <a href=\"https:\/\/iandallas.com\/blog\/main\/2009\/10\/a-quiz-on-the-difference-between-arial-and-helvetica\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-112","post","type-post","status-publish","format-standard","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/posts\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":6,"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/posts\/112\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/posts\/112\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/media?parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/categories?post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iandallas.com\/blog\/main\/wp-json\/wp\/v2\/tags?post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}