KnobSlider: Design of a Shape-Changing Parameter Control UI and Study of User Preferences on Its Speed and Tangibility

Professionals such as sound engineers or aircraft pilots heavily use physical knobs and sliders on their interfaces. The interfaces have advantages over touchscreen interfaces, especially when the users need to quickly and eyes-freely respond to changing situations such as when musicians are improvising, or there is smoke in a cockpit. However, unlike touchscreen interfaces, the physical interfaces are often bulky and crowded and lack of adaptability to user preferences or small spaces. To have advantages from both physical and touchscreen control interfaces, we explore design space of control interfaces and suggest design guidelines in the following steps. We first conduct a formative study with eight professionals who use knobs and sliders. Based on their feedback, we propose design requirements for future parameter control interfaces. We then introduce the design of the KnobSlider, a shape-changing device that combines the advantages of a physical knob and a slider in a time- and space-multiplexing way. To increase users' acceptance on shape-changing control interfaces, we investigate subjective preference on speed of shape-changes by using pairwise comparison with different maximum speeds. We also investigate how tangibility—showing KnobSlider on a video or showing it in the physical world—affects users preference and suggest speed design guidelines for future studies.

[1]  Paul Jackson Cut and Fold Techniques for Promotional Materials , 2013 .

[2]  James D. Hollan,et al.  SLAP widgets: bridging the gap between virtual and physical controls on tabletops , 2009, CHI.

[3]  Stéphane Chatty,et al.  Could tangibility improve the safety of touch-based interaction?: exploring a new physical design space for pilot-system interfaces , 2016, HCI-Aero.

[4]  Fabian Hemmert,et al.  Dynamic knobs: shape change as a means of interaction on a mobile phone , 2008, CHI Extended Abstracts.

[5]  Anne Roudaut,et al.  Frozen Suit: Designing a Changeable Stiffness Suit and its Application to Haptic Games , 2017, CHI.

[6]  Karen Holtzblatt,et al.  Rapid Contextual Design: A How-To Guide to Key Techniques for User-Centered Design , 2004, UBIQ.

[7]  William Buxton,et al.  An empirical evaluation of graspable user interfaces: towards specialized, space-multiplexed input , 1997, CHI.

[8]  Ben Matthews,et al.  Easy doesn’t do it: skill and expression in tangible aesthetics , 2007, Personal and Ubiquitous Computing.

[9]  Stefanie Müller,et al.  CapStones and ZebraWidgets: sensing stacks of building blocks, dials and sliders on capacitive touch screens , 2012, CHI.

[10]  Hiroshi Ishii,et al.  PneUI: pneumatically actuated soft composite materials for shape changing interfaces , 2013, UIST.

[11]  Carl Gutwin,et al.  Dips and ceilings: understanding and supporting transitions to expertise in user interfaces , 2011, CHI.

[12]  Atau Tanaka,et al.  Haptic Wave: A Cross-Modal Interface for Visually Impaired Audio Producers , 2016, CHI.

[13]  R. A. Bradley,et al.  RANK ANALYSIS OF INCOMPLETE BLOCK DESIGNS , 1952 .

[14]  Céline Coutrix,et al.  KnobSlider: Design of a Shape-Changing UI for Parameter Control , 2018, CHI.

[15]  Cédric Masclet,et al.  Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider , 2015, INTERACT.

[16]  Tek-Jin Nam,et al.  Inflatable mouse: volume-adjustable mouse with air-pressure-sensitive input and haptic feedback , 2008, CHI.

[17]  Marcos Serrano,et al.  Visual Composition of Graphical Elements on Non-Rectangular Displays , 2017, CHI.

[18]  J. Williams,et al.  Haptic chameleon: a new concept of shape-changing user interface controls with force feedback , 2004, CHI EA '04.

[19]  V. Braun,et al.  Using thematic analysis in psychology , 2006 .

[20]  P. Moran On the method of paired comparisons. , 1947, Biometrika.

[21]  Anastasia Bezerianos,et al.  SketchSliders: Sketching Widgets for Visual Exploration on Wall Displays , 2015, CHI.

[22]  Jessica Tsimeris Achieving soft and directly deformable interaction on tabletop interactive surfaces , 2013, ITS.

[23]  Joseph A. Paradiso,et al.  ChainFORM: A Linear Integrated Modular Hardware System for Shape Changing Interfaces , 2016, UIST.

[24]  Robert E. Jensen,et al.  COMPARISON OF CONSENSUS METHODS FOR PRIORITY RANKING PROBLEMS , 1986 .

[25]  L. Winner DO ARTIFACTS HAVE (cid:1) POLITICS? , 2022 .

[26]  George M. Beal,et al.  THE DIFFUSION PROCESS , 1956 .

[27]  Carl Gutwin,et al.  Supporting and Exploiting Spatial Memory in User Interfaces , 2013, Found. Trends Hum. Comput. Interact..

[28]  Thomas Wimmer,et al.  Raising user impulse awareness: the sensitive rolypoly , 2014, TEI '14.

[29]  Eve E. Hoggan,et al.  DynaKnob: Combining Haptic Force Feedback and Shape Change , 2019, Conference on Designing Interactive Systems.

[30]  Markus Löchtefeld,et al.  Morphees: toward high "shape resolution" in self-actuated flexible mobile devices , 2013, CHI.

[31]  Panos Markopoulos,et al.  The design space of shape-changing interfaces: a repertory grid study , 2014, Conference on Designing Interactive Systems.

[32]  Chris Harrison,et al.  3D Printing Pneumatic Device Controls with Variable Activation Force Capabilities , 2015, CHI.

[33]  R. A. Bradley,et al.  RANK ANALYSIS OF INCOMPLETE BLOCK DESIGNS THE METHOD OF PAIRED COMPARISONS , 1952 .

[34]  Wooshik Kim,et al.  Button+: Supporting User and Context Aware Interaction through Shape-Changing Interfaces , 2017, Tangible and Embedded Interaction.

[35]  Hiroshi Ishii,et al.  inFORM: dynamic physical affordances and constraints through shape and object actuation , 2013, UIST.

[36]  Morten Fjeld,et al.  BounceSlider: actuated sliders for music performance and composition , 2008, Tangible and Embedded Interaction.

[37]  Johannes Schöning,et al.  Paddle: highly deformable mobile devices with physical controls , 2014, CHI Extended Abstracts.

[38]  Chin-Laung Lei,et al.  A crowdsourceable QoE evaluation framework for multimedia content , 2009, ACM Multimedia.

[39]  Majken Kirkegaard Rasmussen,et al.  Shape-changing interfaces: a review of the design space and open research questions , 2012, CHI.

[40]  Céline Coutrix,et al.  ExpanDial: Designing a Shape-Changing Dial , 2019, Conference on Designing Interactive Systems.

[41]  Shwetak N. Patel,et al.  Interactive generator: a self-powered haptic feedback device , 2011, CHI.

[42]  Jennifer Pearson,et al.  Emergeables: Deformable Displays for Continuous Eyes-Free Mobile Interaction , 2016, CHI.

[43]  Nancy D. Albers-Miller Designing cross‐cultural advertising research: a closer look at paired comparisons , 1996 .

[44]  J. Russell A circumplex model of affect. , 1980 .

[45]  Hiroshi Ishii,et al.  Pinwheels: visualizing information flow in an architectural space , 2001, CHI Extended Abstracts.

[46]  Alan F. Blackwell,et al.  Articulating tangible interfaces , 2009, Tangible and Embedded Interaction.

[47]  Marilyn Tremaine CHI '01 Extended Abstracts on Human Factors in Computing Systems , 2001, CHI Extended Abstracts.

[48]  Kasper Hornbæk,et al.  Understanding Affordance, System State, and Feedback in Shape-Changing Buttons , 2016, CHI.

[49]  Ali Shahrokni,et al.  One-dimensional force feedback slider: going from an analogue to a digital platform , 2006, NordiCHI '06.

[50]  Nadine Couture,et al.  The aircraft of the future: towards the tangible cockpit , 2016, HCI-Aero.

[51]  Pierre Dragicevic,et al.  Tangible remote controllers for wall-size displays , 2012, CHI.

[52]  Hiroshi Ishii,et al.  Jamming user interfaces: programmable particle stiffness and sensing for malleable and shape-changing devices , 2012, UIST.

[53]  Roel Vertegaal,et al.  An Evaluation of Shape Changes for Conveying Emotions , 2016, CHI.

[54]  Sriram Subramanian,et al.  Is my phone alive?: a large-scale study of shape change in handheld devices using videos , 2014, CHI.