{"id":572,"date":"2009-09-06T13:56:25","date_gmt":"2009-09-06T20:56:25","guid":{"rendered":"https:\/\/rongeorge.com\/?p=572"},"modified":"2013-11-08T10:04:12","modified_gmt":"2013-11-08T15:04:12","slug":"terminology-the-difference-between-a-gesture-and-a-manipulation","status":"publish","type":"post","link":"https:\/\/rongeorge.com\/blog\/terminology-the-difference-between-a-gesture-and-a-manipulation\/","title":{"rendered":"Terminology: the difference between a gesture and a manipulation"},"content":{"rendered":"<p>All over the web I see the word gesture used to describe every type of interaction on a natural user interface. Just because you use your finger or a stylus or an accelerometer, does not make it a &#8220;gesture.&#8221; Is this crucial? Not really to users, consumers, marketing, et al. But it is in being a good scholar and interaction designer to get your terminology straight. It also helps when speaking with other developers to have your vocabulary correct so they do not misinterpret your meaning or solutions. Let&#8217;s start with the classical,  dictionary definitions:<\/p>\n<blockquote>\n<div id=\"mwEntryData\"><strong>Main Entry: <\/strong><strong><sup>1<\/sup>ges\u00b7ture<\/strong><br \/>\nPronunciation: <span><em>\u02c8<\/em>jes-ch\u0259r, <em>\u02c8<\/em>jesh-<\/span><br \/>\nFunction:  <em>noun<\/em><br \/>\nEtymology: Middle English, from Anglo-French, from Medieval Latin <em>gestura<\/em> mode of action, from Latin <em>gestus,<\/em> past participle of <em>gerere<\/em><br \/>\nDate: 15th century<\/p>\n<p style=\"padding-left: 30px;\"><strong>1<\/strong> <em>archaic<\/em> <strong>:<\/strong> <a href=\"http:\/\/dictionary.weather.net\/dictionary\/carriage\">carriage<\/a>, <a href=\"http:\/\/dictionary.weather.net\/dictionary\/bearing\">bearing<\/a><br \/>\n<strong>2<\/strong> <strong>:<\/strong> a movement usually of the body or limbs that expresses or emphasizes an idea, sentiment, or attitude<br \/>\n<strong>3<\/strong> <strong>:<\/strong> the use of motions of the limbs or body as a means of expression<br \/>\n<strong>4<\/strong> <strong>:<\/strong> something said or done by way of formality or courtesy, as a symbol or token, or for its effect on the attitudes of others <span>&lt;a political <em>gesture<\/em> to draw popular support  \u2014 V. L. Parrington&gt;<\/span><\/p>\n<p><strong>Main Entry:\tma\u00b7nip\u00b7u\u00b7late<\/strong><br \/>\nPronunciation: <span>m\u0259-<em>\u02c8<\/em>ni-py\u0259-<em>\u02cc<\/em>l\u0101t<\/span><br \/>\nFunction:  <em>transitive verb<\/em><br \/>\nInflected Form(s): <strong>ma\u00b7nip\u00b7u\u00b7lat\u00b7ed<\/strong>; <strong>ma\u00b7nip\u00b7u\u00b7lat\u00b7ing<\/strong><br \/>\nEtymology: back-formation from <em>manipulation,<\/em> from French, from <em>manipuler<\/em> to handle an apparatus in chemistry, ultimately from Latin <em>manipulus<\/em><br \/>\nDate: 1834<\/p>\n<p style=\"padding-left: 30px;\"><strong>1<\/strong> <strong>:<\/strong> to treat or operate with or as if with the hands or by mechanical means especially in a skillful manner<br \/>\n<strong>2 a<\/strong> <strong>:<\/strong> to manage or utilize skillfully <strong>b<\/strong> <strong>:<\/strong> to control or play upon by artful, unfair, or insidious means especially to one&#8217;s own advantage<br \/>\n<strong>3<\/strong> <strong>:<\/strong> to change by artful or unfair means so as to serve one&#8217;s purpose <strong>:<\/strong> <a href=\"http:\/\/dictionary.weather.net\/dictionary\/doctor\">doctor<\/a><\/p>\n<\/div>\n<\/blockquote>\n<p>You can already start to see the differences for our purposes. One is emotional, symbolic, indirect. The other is direct or mechanical. There are <strong>4 primary differences<\/strong> between the two and they are easily classified after you know them.<\/p>\n<h3>Manipulations<\/h3>\n<ol>\n<li>contextual &#8211; they only happen at specific location(s) or on specific object(s)<\/li>\n<li>react immediately &#8211; there is a direct correlation in cause and effect between your interaction and the system (this does not include visual affordance)<\/li>\n<li>can be single state, but are usually 3 or more states ( see <a href=\"http:\/\/www.billbuxton.com\/chunking.html\">Bill Buxton&#8217;s paper on Chunking and Phrasing<\/a> )<\/li>\n<li>direct (could possibly be considered indirect by way of augmenting your actual interactions with the reaction of the system) &#8211; your actions directly affect the system, object, or experience in some way<\/li>\n<\/ol>\n<h3>Gestures<\/h3>\n<ol>\n<li>not contextual &#8211; they can be anywhere in the system in location and time<\/li>\n<li>the system waits for the series of events to complete to decide on how to react (again, this does not include visual affordance)<\/li>\n<li>they contain at least 2 states<\/li>\n<li>indirect &#8211; they do not affect the system directly according to your action. Your action is symbolic in some way that issues a command, statement, or state.<\/li>\n<\/ol>\n<p>In Dan Saffer&#8217;s book, <a title=\"Link to my store at Amazon where you can buy it, usually for a little cheaper than normal\" href=\"http:\/\/astore.amazon.com\/rongeorge-20\"><em>Designing Gestural Interfaces,<\/em> (O&#8217;Reilly, 2009)<\/a> on page 2 he states &#8220;for the purposes of this book, is any physical movement that a digital system can sense and respond to without the aid of traditional pointing devices such as a mouse or stylus.&#8221; That may be a simple way to define the types of interaction for his book, but generalizing them in that manner is incorrect. I think <a title=\"His Wikipedia article\" href=\"http:\/\/en.wikipedia.org\/wiki\/Ben_Shneiderman\">Professor Shneiderman&#8217;s<\/a> <a title=\"the full article on ACM, membership required\" href=\"http:\/\/portal.acm.org\/citation.cfm?id=58115\">seminal paper in 1983<\/a> was absolutely correct. Direct manipulation is just that, direct manipulation. When we start to discuss more complex chained movements that are commands, we need a new set of terminology. (<a href=\"http:\/\/en.wikipedia.org\/wiki\/Direct_manipulation_interface\">http:\/\/en.wikipedia.org\/wiki\/Direct_manipulation_interface<\/a>)<\/p>\n<p>Manipulations are the lowest common denominator and the &#8220;catch-all.&#8221; They are the most prevalent and the most widely patterned because they are easy to design for, easy to understand, and very intuitive with expected results. Gestures are more complex and is what all designers strive to achieve. When trying to decipher if something is a manipulation or a gesture, unless it passes all 4 tests for gesture, it is a manipulation. There are very few true gestures in systems currently.<\/p>\n<p>These have also been called direct gestures (manipulations) and indirect gestures (gestures). Calling them this is confusing the terms and can lead to errors in design or implementation. I leave you with a graphical representation of gestures vs manipulations.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/blog.rongeorge.com\/wp-content\/uploads\/gesture-vs-manipulation.png\"><img decoding=\"async\" class=\"size-full wp-image-580 aligncenter\" title=\"gesture-vs-manipulation\" src=\"http:\/\/blog.rongeorge.com\/wp-content\/uploads\/gesture-vs-manipulation.png\" alt=\"Manipulation vs Gesture\" \/><\/a><\/p>\n<p>I&#8217;m eager to hear any dissenting opinions. Please comment or drop me an email. I&#8217;ll also send a copy of this to Dan as well.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>All over the web I see the word gesture used to describe every type of interaction on a natural user interface. Just because you use your finger or a stylus or an accelerometer, does not make it a &#8220;gesture.&#8221; Is this crucial? Not really to users, consumers, marketing, et al. But it is in being [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-572","post","type-post","status-publish","format-standard","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/posts\/572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/comments?post=572"}],"version-history":[{"count":1,"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/posts\/572\/revisions"}],"predecessor-version":[{"id":863,"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/posts\/572\/revisions\/863"}],"wp:attachment":[{"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/media?parent=572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/categories?post=572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rongeorge.com\/blog\/wp-json\/wp\/v2\/tags?post=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}