{"id":1,"date":"2017-06-01T00:00:28","date_gmt":"2017-06-01T00:00:28","guid":{"rendered":"https:\/\/design.ncsu.edu\/andso\/?p=1"},"modified":"2019-05-31T11:50:48","modified_gmt":"2019-05-31T15:50:48","slug":"interaction-gestalt","status":"publish","type":"post","link":"https:\/\/academics.design.ncsu.edu\/andso\/2017\/06\/01\/interaction-gestalt\/","title":{"rendered":"Can an Interface Express a Mood? Exploring Interaction Gestalt"},"content":{"rendered":"
by Scott Reinhard<\/h6>\n

L<\/span>ast year at this time, I was deeply thinking about the <\/span>feeling<\/span><\/i> of interactions. Coming off the first part of my career working in publication and print design, the luxury of using materials to convey ideas in physical form was something I missed in interactive, non-material\u2013based design work. I never quite had the vocabulary to pair the form and behavior of a digital interaction with its subject matter the way that I could when working with paper, ink, and binding.<\/span><\/p>\n

\"\"<\/a>

This Will Have Been: Art, Love Politics in the 1980s Exhibition Catalogue, 2012
Design: James Goggin and Scott Reinhard<\/p><\/div>\n

\"\"<\/a>

Jimmy Robert: Vis-\u00e0-vis Exhibition Catalogue, 2012
Design: Scott Reinhard and Alfredo Ruiz under the direction of James Goggin<\/p><\/div>\n

\"\"<\/a>

Amalia Pica Exhibition Catalogue, 2013 Design: James Goggin and Scott Reinhard Photo by and courtesy of James Goggin.<\/p><\/div>\n

While graphic designers have long had a consistent kit of parts to work with (typography, grids, images, etc.), we risk losing a major opportunity going forward if we don\u2019t develop an expressive interaction vocabulary as well.<\/span><\/p>\n

Considering how people connect with digital interactions, I used my final year in graduate school attempting to fill in the holes of our interactive language. The joy of being a graphic designer is bringing a subject to life. With a deep understanding of the materials we work with, we have the ability to create a space where people derive meaning from the artifacts we create. The choices we make signal to the reader, viewer, or user <\/span>something<\/span><\/i> about the subject of our work. When we have greater means of expression and a wider vocabulary, we can provide richer experiences. To date, the field hasn\u2019t developed a formal vocabulary that takes advantage of the affordances of digital interactions. We are left with our intuition. But within Human Computer Interaction (HCI) literature, it has long been theorized that people attribute certain emotions with the way interactive systems react to input. When all of the elements of an interface combine to create a larger experience than the individual components it\u2019s called an <\/span>interaction gestalt <\/span><\/i>(Youn-kyong, 2007).<\/span><\/p>\n

\"\"<\/a>

The 7 interactivity attributes as described by Lim, Lee, and Lee. Combinations of these attributes combine to form experiential qualities. (Youn-kyong 2007)<\/p><\/p><\/div>\n

\"\"<\/a>

Interaction Gestalt describes the attributes between the user experience and the final artifact that shapes an experience. Source:\u00a0Youn-kyong 2007\u00a0Illustration: Reinhard, Scott. Building upon Interaction Gestalt Research. Thesis. North Carolina State University, 2016. 17, Print.\u00a0<\/em><\/p><\/div>\n

Through user tests, these researchers demonstrated their theories, although in neutral, lab-based experiments. The interactive studies that I developed in my graduate research built upon these HCI tests and confirmed that, in practice, manipulating the components of an interface does in fact produce experiences that elicit certain types of emotions and feelings. In short, through manipulating simple combinations of user interface behaviors, I could make an interaction feel heavy or light, soft or hard, and complicated or simple.<\/span><\/p>\n

\"\"<\/a>

A \u201csympathetic\u201d response. Using varied combinations of interactivity attributes changed the system\u2019s reaction to user input.<\/p><\/div>\n

\"\"<\/a>

An \u201cunsympathetic\u201d response. Using varied combinations of interactivity attributes changed the system\u2019s reaction to user input.<\/p><\/div>\n

\u00a0<\/span><\/p>\n

The implications of this research are potentially wide ranging. One could imagine that alongside typical branding guidelines\u2014typography, logos, colors, and so on\u2014an institution or organization could also develop interactive brand guidelines. They could define the behaviors of their interactive artifacts so that interactive experiences would feel appropriate to that particular organization across platforms and devices. For instance, the experience of buying a plane ticket through Southwest would feel different than the experience of buying a ticket with American Airlines.<\/p>\n

In the research I did working towards my thesis, I took great influence from the discipline of visual rhetoric. An image contains certain associations and culturally understood meaning, and there is great power in how an image is used. I eventually started to think about considered decisions that affect meaning in an interaction to be interaction rhetoric<\/span><\/i>. Essentially, what does it mean by how it acts?<\/span> But now I realize that these questions can go on and on. What does the choice of a particular piece of technology mean to the user? How can designers use that to their advantage? How can a user experience be tailored to affect meaning? What part of the process of designing and producing interactive experiences has the greatest effect on meaning?<\/span><\/p>\n

With the goal of a certain type of expressive interaction in mind, each step would inform the other<\/p>\n

In my thesis work, my assumption was that a main way to shape an interaction was by manipulating the behavior of interface elements, the nitty gritty details of producing interactions. I assumed that the physical materials were out of my control and therefore did not have influence on the meaning that a person takes away from his or her experience. After graduating, my work on the interactive media team in the multi-disciplinary, New York-based design studio, 2\u00d74, changed this assumption.\u00a0<\/span>The focus of our work at 2<\/span>\u00d7<\/span>4 is interactive experiences in architectural spaces, be that in retail, cultural, or other types of public arenas. Through working with architects, strategists, technologists, environmental graphic designers, and interaction and user experience designers, our interactive and technological contributions weave into the greater project experience. Our impact isn\u2019t in the vacuum of an interface. There\u2019s a physicality to these types of interactions that expands my understanding of interactive experiences. Once again, I\u2019m faced with decisions of physical materials and technology that have bearing on the meaning that a person takes away from his or her experience. User experience in these instances isn\u2019t just the journey through an immaterial virtual space but a physical one, where digital interventions aid and enhance the journey.<\/span><\/p>\n

Many of the decisions about the feeling of particular interactions often are saved towards the end of the process, when the user experience, user journeys, technology, and visual design are already in place. At that point, I wonder whether relying on the interface behaviors to create an overall mood of the interaction is effective enough. In an ideal setting, discussions of these areas of a project would take place simultaneously. With the goal of a certain type of expressive interaction in mind, each step would inform the other.<\/span><\/p>\n

The idea of a gestalt remains the most important principle in my understanding of interactions. Every choice influences the overall experience. So now with added complexity to interactions in physical spaces, the question remains the same: <\/span>What does each design decision do to affect meaning for a person?<\/span><\/i> Explorations into formalizing the vocabulary of user experience and technology are certainly warranted, but designers do not need to wait for this research to begin asking important questions of meaning to the user in every detail of their work.<\/span><\/p>\n

Scott Reinhard (MGD, 2016) is a Brooklyn-based Graphic Designer and Educator. He works on the Interactive Media team at 2<\/span>\u00d7<\/span>4 and is a Visiting Assistant Professor in the Graduate Communications Design program at the Pratt Institute. He was formerly a Senior Designer at the Museum of Contemporary Art Chicago.<\/div><\/span><\/p>\n

References<\/b><\/p>\n

Lim Youn-Kyung, Erik Stolterman, Heekyoung Jung, and Justin Donaldson. \u201cInteraction Gestalt and the Design of Aesthetic Interactions.\u201d <\/span>Proceedings of the 2007 Conference on Designing Pleasurable Products and Interfaces – DPPI \u201807 <\/span><\/i>(2007): n. pag. Web.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

by Scott Reinhard<\/br>
\nLast year at this time, I was deeply thinking about the feeling of interactions.<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[31],"tags":[28],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-loudandclear","tag-mgd-16"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8I7oW-1","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":52,"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":2572,"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/posts\/1\/revisions\/2572"}],"wp:attachment":[{"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academics.design.ncsu.edu\/andso\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}