{"id":309,"date":"2008-11-23T17:08:04","date_gmt":"2008-11-23T21:08:04","guid":{"rendered":"http:\/\/itp.indiamos.com\/blog\/?p=309"},"modified":"2009-02-02T10:22:19","modified_gmt":"2009-02-02T15:22:19","slug":"mittenability","status":"publish","type":"post","link":"https:\/\/itp.indiamos.com\/blog\/2008\/11\/23\/mittenability\/","title":{"rendered":"Mittenability"},"content":{"rendered":"<p><a href=\"http:\/\/www.flickr.com\/photos\/venson\/2109678779\/\"><img loading=\"lazy\" src=\"https:\/\/i2.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/elephant_painting.jpg?resize=450%2C315\" alt=\"elephant painting\" title=\"elephant painting\" width=\"450\" height=\"315\" class=\"alignnone size-full wp-image-312\" srcset=\"https:\/\/i2.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/elephant_painting.jpg?w=450&amp;ssl=1 450w, https:\/\/i2.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/elephant_painting.jpg?resize=400%2C280&amp;ssl=1 400w\" sizes=\"(max-width: 450px) 100vw, 450px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p>Ever since we started putting the actual glove together, I&#8217;ve been thinking about how the software side of this project should take into account what I expect to be a pretty low-resolution input system. <!--more--> When I was making a drawing interface for what was purely an ICM project, I was assuming an average level of mouse dexterity. The <a href=\"\/2008\/11\/21\/sketching-sketch\/\">stroke-width picker<\/a> that I made last Wednesday, for instance, is obviously too small to be operated with our crude pointer.<\/p>\n<p>So what kind of interface <em>would<\/em> work?<\/p>\n<p>I did some Googling around, to get ideas of what kind of controls can be operated with little dexterity. In particular, I looked for things you can do while wearing mittens, since I figure that that&#8217;s approximately the level of control our hypothetical user will have. Some findings:<\/p>\n<p>Some military radios are touted as being usable even while wearing Arctic mittens: &#8220;The desired frequency is set by four knobs on the side of the radio which can be operated even while the operator is wearing Arctic mittens, or in the dark by counting clicks from the end-stops&#8221; (&#8220;<a href=\"http:\/\/armyradio.com\/arsc\/customer\/search.php?substring=&#038;in_category=&#038;page=2\">Clansman PRC-349 \/ RT-349 VHF Transceiver<\/a>,&#8221; Armyradio.com). Its that idea of click feedback that I find interesting. If you&#8217;re choosing from a limited set of options&#8212;say, brush sizes&#8212; on a very small display, it&#8217;s not <em>too<\/em> annoying to cycle through them one at a time to get to what you want. This is the way my cell phone, toaster, and camera menus work. And they all provide beeps or clicks for feedback. What kind of feedback will we give to let our user know what&#8217;s going on?<\/p>\n<p>Other physical controls that can be operated while wearing mittens include a camera&#8217;s zoom ring and aperture and shutter speed dials (Matthew G. Monroe, &#8220;<a href=\"http:\/\/digital-photography-school.com\/blog\/how-to-shoot-in-freezing-temperatures-and-keep-your-hands-toasty-warm\/#more-1364\">How to Shoot in Freezing Temperatures and Keep Your Hands Toasty Warm<\/a>,&#8221; digital-photography-school.com); Velcro closure tabs on outerwear; and KEYnetic&#8217;s <a href=\"http:\/\/www.youtube.com\/watch?v=A9DBlolfZd4\">rock<\/a> &#8216;n&#8217; <a href=\"http:\/\/www.hpl.hp.com\/techreports\/Compaq-DEC\/WRL-2000-3.pdf\">scroll<\/a> cell phone interface (via <a href=\"http:\/\/www.lytebyte.com\/2008\/03\/12\/rock-n-scroll-%E2%80%93-accelerometer-and-motion-based-input-application-for-nokia-n95\/\">LyteByte<\/a>).<\/p>\n<p>On the screen side of things, some relevant input methods include Morse code and onscreen keyboards. Again, I like the simplicity of tapping, though I can also see uses for a matrix of a few very large buttons.<\/p>\n<p>Obviously, with two weeks to go, I don&#8217;t have time to really get into learning interface design for this project, but I think where I&#8217;m going is toward a system that has a drawing mode and a tool selection mode. When you&#8217;re drawing, there&#8217;s nothing else onscreen except maybe one or two tools or hints&#8212;how to turn the drawing line off, how to activate the control menu. You can&#8217;t select these controls onscreen, because how would you do so without drawing a line all the way to the button? And whatever gesture you use to activate the menu must be able to be done without moving the drawing pointer.<\/p>\n<p>The Rock &#8216;n&#8217; Scroll model is pretty good for us within one mode or another, but you have to be able to switch between the two without moving your drawing pointer. So that would involve .&nbsp;.&nbsp;. the thumb? It&#8217;s possible, though not necessarily easy, to move your thumb without moving the rest of your hand. So maybe as long as your thumb is tucked in, the pen is on, and if you stick it out, the pen is off.<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/i1.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/lineon_lineoff_inverted.gif?resize=167%2C150\" title=\"line on\/off\" alt=\"line on\/off\" width=\"167\" height=\"150\" class=\"alignnone size-full wp-image-334\" data-recalc-dims=\"1\" \/><\/p>\n<p>Once we&#8217;ve got a way to separate the two modes, I was thinking the control screen would be super-simple, with only one control editable at a time. So, something like this:<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/i2.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/buttons.gif?resize=307%2C309\" alt=\"big buttons\" title=\"big buttons\" width=\"307\" height=\"309\" class=\"alignnone size-full wp-image-317\" srcset=\"https:\/\/i2.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/buttons.gif?w=307&amp;ssl=1 307w, https:\/\/i2.wp.com\/itp.indiamos.com\/blog\/wp-content\/uploads\/buttons.gif?resize=150%2C150&amp;ssl=1 150w\" sizes=\"(max-width: 307px) 100vw, 307px\" data-recalc-dims=\"1\" \/><\/p>\n<p><span style=\"font-size:smaller\">Photo: <a href=\"http:\/\/www.flickr.com\/photos\/venson\/2109678779\/\">Elephant Painting<\/a> by Venson Kuchipudi. <a href=\"http:\/\/creativecommons.org\/licenses\/by-nc\/2.0\/deed.en\">Some rights reserved.<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ever since we started putting the actual glove together, I&#8217;ve been thinking about how the software side of this project should take into account what I expect to be a pretty low-resolution input system.<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[11,19,3,6,21,9,31],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3qY10-4Z","_links":{"self":[{"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/posts\/309"}],"collection":[{"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":14,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/posts\/309\/revisions"}],"predecessor-version":[{"id":327,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/posts\/309\/revisions\/327"}],"wp:attachment":[{"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/media?parent=309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/categories?post=309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itp.indiamos.com\/blog\/wp-json\/wp\/v2\/tags?post=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}