research-article

KnobSlider: Design of a Shape-Changing UI for Parameter Control

Authors:

Céline Coutrix,

Anne RoudautAuthors Info & Claims

CHI '18: Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems

Paper No.: 339, Pages 1 - 13

https://doi.org/10.1145/3173574.3173913

Published: 21 April 2018 Publication History

Abstract

Physical controls are widely used by professionals such as sound engineers or aircraft pilots. In particular knobs and sliders are the most prevalent in such interfaces. They have advantages over touchscreen GUIs, especially when users require quick and eyes-free control. However, their interfaces (e.g., mixing consoles) are often bulky and crowded. To improve this, we present the results of a formative study with professionals who use physical controllers. Based on their feedback, we propose design requirements for future interfaces for parameters control. We then introduce the design of our KnobSlider that combines the advantages of a knob and a slider in one unique shape-changing device. A qualitative study with professionals shows how KnobSlider supports the design requirements, and inspired new interactions and applications.

Supplementary Material

suppl.mov (pn3085-file3.mp4)

Supplemental video

Download
19.73 MB

suppl.mov (pn3085-file5.mp4)

Supplemental video

Download
17.10 MB

References

[1]

Akash Badshah, Sidhant Gupta, Gabe Cohn, Nicolas Villar, Steve Hodges, and Shwetak N. Patel. 2011. Interactive generator: a self-powered haptic feedback device. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '11). ACM, New York, NY, USA, 2051--2054.

Digital Library

[2]

Michel Beaudouin-Lafon. 2000. Instrumental interaction: an interaction model for designing post-WIMP user interfaces. In Proceedings of the SIGCHI conference on Human Factors in Computing Systems (CHI '00). ACM, New York, NY, USA, 446--453.

Digital Library

[3]

Alan F. Blackwell and Darren Edge. 2009. Articulating tangible interfaces. In Proceedings of the 3rd International Conference on Tangible and Embedded Interaction (TEI '09). ACM, New York, NY, USA, 113--118.

Digital Library

[4]

Virginia Braun and Victoria Clarke. 2006. Using thematic analysis in psychology. Qualitative Research in Psychology 3 (2), pp. 77--101.

[5]

Juan Angel Lorenzo del Castillo and Nadine Couture. 2016. The aircraft of the future: towards the tangible cockpit. In Proceedings of the International Conference on Human-Computer Interaction in Aerospace (HCI-Aero '16). ACM, New York, NY, USA, Article 11, 8 pages.

Digital Library

[6]

Liwei Chan, Stefanie Müller, Anne Roudaut, and Patrick Baudisch. 2012. CapStones and ZebraWidgets: sensing stacks of building blocks, dials and sliders on capacitive touch screens. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). ACM, New York, NY, USA, 2189--2192.

Digital Library

[7]

Corteville, Brecht, et al. "Human-inspired robot assistant for fast point-to-point movements." Robotics and Automation, 2007 IEEE International Conference on. IEEE, 2007.

[8]

Céline Coutrix, and Cédric Masclet. "Shape-change for zoomable tuis: Opportunities and limits of a resizable slider." Human-Computer Interaction. Springer International Publishing, 2015.

[9]

Tom Djajadiningrat, Ben Matthews, and Marcelle Stienstra. 2007. Easy doesn't do it: skill and expression in tangible aesthetics. Personal Ubiquitous Comput. 11, 8 (December 2007), 657--676.

Digital Library

[10]

Augusto Esteves and Ian Oakley. 2011. Informing design by recording tangible interaction. CHI Extended Abstracts: 2011.

Digital Library

[11]

George W. Fitzmaurice and William Buxton. 1997. An empirical evaluation of graspable user interfaces: towards specialized, space-multiplexed input. In Proceedings of the ACM SIGCHI Conference on Human factors in computing systems (CHI '97). ACM, New York, NY, USA, 43--50.

Digital Library

[12]

Sean Follmer, Daniel Leithinger, Alex Olwal, Akimitsu Hogge, and Hiroshi Ishii. 2013. inFORM: dynamic physical affordances and constraints through shape and object actuation. In Proceedings of the 26th annual ACM symposium on User interface software and technology (UIST '13). ACM, New York, NY, USA, 417--426.

Digital Library

[13]

Johanna Fulda, Pieter Tierens, Teemu Mäntyharju, and Thomas Wimmer. 2014. Raising user impulse awareness: the sensitive rolypoly. In Proceedings of the 8th International Conference on Tangible, Embedded and Embodied Interaction (TEI '14). ACM, New York, NY, USA, 347--348.

Digital Library

[14]

Romain Gabriel, Johan Sandsjö, Ali Shahrokni, and Morten Fjeld. 2008. BounceSlider: actuated sliders for music performance and composition. In Proceedings of the 2nd international conference on Tangible and embedded interaction (TEI '08). ACM, New York, NY, USA, 127--130.

Digital Library

[15]

Gibbs, C. B. "Controller design: Interactions of controlling limbs, time-lags and gains in positional and velocity systems." Ergonomics 5.2 (1962): 385--402.

[16]

Erik Grönvall, Sofie Kinch, Marianne Graves Petersen, and Majken K. Rasmussen. 2014. Causing commotion with a shape-changing bench: experiencing shape-changing interfaces in use. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '14). ACM, New York, NY, USA, 2559--2568.

Digital Library

[17]

Chris Harrison and Scott E. Hudson. 2009. Providing dynamically changeable physical buttons on a visual display. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '09). ACM, New York, NY, USA, 299--308.

Digital Library

[18]

Fabian Hemmert, Gesche Joost, André Knörig, and Reto Wettach. 2008. Dynamic knobs: shape change as a means of interaction on a mobile phone. In CHI '08 Extended Abstracts on Human Factors in Computing Systems (CHI EA '08). ACM, New York, NY, USA, 2309--2314.

Digital Library

[19]

Karen Holtzblatt, Jessamyn Burns Wendell, and Shelley Wood. 2004. Rapid Contextual Design: A How-to Guide to Key Techniques for User-Centered Design. Morgan Kaufmann Publishers Inc.

Digital Library

[20]

Hilary Hutchinson, Wendy Mackay, Bo Westerlund, Benjamin B. Bederson, Allison Druin, Catherine Plaisant, Michel Beaudouin-Lafon, Stéphane Conversy, Helen Evans, Heiko Hansen, Nicolas Roussel, and Björn Eiderbäck. 2003. Technology probes: inspiring design for and with families. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems(CHI '03). ACM, New York, NY, USA, 17--24.

Digital Library

[21]

Yvonne Jansen, Pierre Dragicevic, and Jean-Daniel Fekete. 2012. Tangible remote controllers for wall-size displays. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). ACM, New York, NY, USA, 2865--2874.

Digital Library

[22]

Sergi Jordà, Martin Kaltenbrunner, Günter Geiger, and Marcos Alonso. 2006. The reacTable: a tangible tabletop musical instrument and collaborative workbench. In ACM SIGGRAPH 2006 Sketches (SIGGRAPH '06). ACM, New York, NY, USA, Article 91 .

Digital Library

[23]

Seoktae Kim, Hyunjung Kim, Boram Lee, Tek-Jin Nam, and Woohun Lee. 2008. Inflatable mouse: volume-adjustable mouse with air-pressure-sensitive input and haptic feedback. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '08). ACM, New York, NY, USA, 211--224.

Digital Library

[24]

G. Michelitsch, J. Williams, M. Osen, B. Jimenez, and S. Rapp. 2004. Haptic chameleon: a new concept of shape-changing user interface controls with force feedback. In CHI '04 Extended Abstracts on Human Factors in Computing Systems (CHI EA '04). ACM, New York, NY, USA, 1305--1308.

Digital Library

[25]

Ken Nakagaki, Artem Dementyev, Sean Follmer, Joseph A. Paradiso, Hiroshi Ishii, ChainFORM: A Linear Integrated Modular Hardware System for Shape Changing Interfaces, to appear in Proceedings of ACM UIST'16.

Digital Library

[26]

Napier, John R. "The prehensile movements of the human hand." Bone & Joint Journal 38.4 (1956): 902--913.

[27]

Esben Warming Pedersen and Kasper Hornbæk. 2011. Tangible bots: interaction with active tangibles in tabletop interfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '11). ACM, New York, NY, USA, 2975--2984.

Digital Library

[28]

Raf Ramakers, Johannes Schöning, and Kris Luyten. 2014. Paddle: highly deformable mobile devices with physical controls. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '14). ACM, New York, NY, USA, 2569--2578.

Digital Library

[29]

Simon Robinson, Céline Coutrix, Jennifer Pearson, Juan Rosso, Matheus Fernandes Torquato, Laurence Nigay, and Matt Jones. 2016. Emergeables: Deformable Displays for Continuous Eyes-Free Mobile Interaction. In Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems (CHI '16). ACM, New York, NY, USA, 3793--3805.

Digital Library

[30]

Joey Scarr, Andy Cockburn, Carl Gutwin, and Philip Quinn. 2011. Dips and ceilings: understanding and supporting transitions to expertise in user interfaces. ACM CHI'11, 2741.

Digital Library

[31]

Scarr, Joey, Andy Cockburn, and Carl Gutwin. "Supporting and exploiting spatial memory in user interfaces." Foundations and Trends® in Human--Computer Interaction 6.1 (2013): 1--84.

Digital Library

[32]

Orit Shaer and Eva Hornecker. 2010. Tangible User Interfaces: Past, Present, and Future Directions. Found. Trends Hum.-Comput. Interact. 3, 1--2 (January 2010), 1--137.

Digital Library

[33]

Ali Shahrokni, Julio Jenaro, Tomas Gustafsson, Andreas Vinnberg, Johan Sandsjö, and Morten Fjeld. 2006. One-dimensional force feedback slider: going from an analogue to a digital platform. In Proceedings of the 4th Nordic conference on Human-computer interaction: changing roles (NordiCHI '06), Anders Mørch, Konrad Morgan, Tone Bratteteig, Gautam Ghosh, and Dag Svanaes (Eds.). ACM, New York, NY, USA, 453--456.

Digital Library

[34]

Jihoon Suh, Wooshik Kim, and Andrea Bianchi. 2017. Button+: Supporting User and Context Aware Interaction through Shape-Changing Interfaces. In Proceedings of the Eleventh International Conference on Tangible, Embedded, and Embodied Interaction (TEI '17). ACM, New York, NY, USA, 261--268.

Digital Library

[35]

Atau Tanaka and Adam Parkinson. 2016. Haptic Wave: A Cross-Modal Interface for Visually Impaired Audio Producers. In Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems (CHI '16). ACM, New York, NY, USA, 2150--2161.

Digital Library

[36]

Melanie Tory and Robert Kincaid. 2013. Comparing physical, overlay, and touch screen parameter controls. In Proceedings of the 2013 ACM international conference on Interactive tabletops and surfaces (ITS '13). ACM, New York, NY, USA, 91--100.

Digital Library

[37]

Giovanni Maria Troiano, Esben Warming Pedersen, and Kasper Hornbæk. 2015. Deformable Interfaces for Performing Music. In Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems (CHI '15). ACM, New York, NY, USA, 377--386.

Digital Library

[38]

Theophanis Tsandilas, Anastasia Bezerianos, and Thibaut Jacob. 2015. SketchSliders: Sketching Widgets for Visual Exploration on Wall Displays. ACM CHI'15.

Digital Library

[39]

Jessica Tsimeris. 2013. Achieving soft and directly deformable interaction on tabletop interactive surfaces. In Proceedings of the 2013 ACM international conference on Interactive tabletops and surfaces (ITS '13). ACM, New York, NY, USA, 475--480.

Digital Library

[40]

Marynel Vázquez, Eric Brockmeyer, Ruta Desai, Chris Harrison, and Scott E. Hudson. 2015. 3D Printing Pneumatic Device Controls with Variable Activation Force Capabilities. In Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems (CHI '15). ACM, New York, NY, USA, 1295--1304.

Digital Library

[41]

Jean-Luc Vinot, Catherine Letondal, Sylvain Pauchet, and Stéphane Chatty. 2016. Could tangibility improve the safety of touch-based interaction?: exploring a new physical design space for pilot-system interfaces. In Proceedings of the International Conference on Human-Computer Interaction in Aerospace (HCI-Aero '16). ACM, New York, NY, USA, Article 8, 8 pages.

Digital Library

[42]

Wen Wang, Lining Yao, Teng Zhang, Chin-Yi Cheng, Daniel Levine, and Hiroshi Ishii. 2017. Transformative Appetite: Shape-Changing Food Transforms from 2D to 3D by Water Interaction through Cooking. In Proceedings of the 2017 CHI Conference on Human Factors in Computing Systems (CHI '17). ACM, New York, NY, USA, 6123--6132.

Digital Library

[43]

Malte Weiss, Julie Wagner, Yvonne Jansen, Roger Jennings, Ramsin Khoshabeh, James D. Hollan, and Jan Borchers. 2009. SLAP widgets: bridging the gap between virtual and physical controls on tabletops. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '09). ACM, New York, NY, USA, 481--490.

Digital Library

[44]

Lining Yao, Ryuma Niiyama, Jifei Ou, Sean Follmer, Clark Della Silva, and Hiroshi Ishii. 2013. PneUI: pneumatically actuated soft composite materials for shape changing interfaces. In Proceedings of the 26th annual ACM symposium on User interface software and technology (UIST '13). ACM, New York, NY, USA, 13--22.

Digital Library

Cited By

Razevicius GRoudaut AKarnik A(2024)HoberUI: An Exploration of Kinematic Structures as Interactive Input DevicesMultimodal Technologies and Interaction10.3390/mti80200138:2(13)Online publication date: 13-Feb-2024
https://doi.org/10.3390/mti8020013
Deshpande HHan BMoon KBianchi AZheng CKim J(2024)Reconfigurable Interfaces by Shape Change and Embedded MagnetsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642802(1-12)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642802
Coutaz J(2024)At the Confluence of Software Engineeringand Human-Computer Interaction:A Personal AccountThe French School of Programming10.1007/978-3-031-34518-0_5(89-122)Online publication date: 30-Apr-2024
https://doi.org/10.1007/978-3-031-34518-0_5
Show More Cited By

Index Terms

KnobSlider: Design of a Shape-Changing UI for Parameter Control
1. Human-centered computing
  1. Human computer interaction (HCI)

Recommendations

Shape-changing interfaces: a review of the design space and open research questions
CHI '12: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

Shape change is increasingly used in physical user interfaces, both as input and output. Yet, the progress made and the key research questions for shape-changing interfaces are rarely analyzed systematically. We review a sample of existing work on shape-...
KnobSlider: design of a shape-changing device grounded in users' needs
IHM '16: Actes de la 28ième conference francophone sur l'Interaction Homme-Machine

In this paper, we explore how to combine the advantages of physical knobs and sliders by using shape-change in order to transform one into another on-demand. By doing so we merge the benefits of both input devices: knobs enable relative angular input ...
Comparing physical, overlay, and touch screen parameter controls
ITS '13: Proceedings of the 2013 ACM international conference on Interactive tabletops and surfaces

We present a controlled laboratory experiment comparing touch, physical, and touch + overlay (passive finger guide) input for parameter control. Specifically we examined two target acquisition and movement tasks with dial and slider controls on ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

CHI '18: Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems

April 2018

8489 pages

ISBN:9781450356206

DOI:10.1145/3173574

General Chairs:
Regan Mandryk
University of Saskatchewan, Canada
,
Mark Hancock
University of Waterloo, Canada
,
Program Chairs:
Mark Perry
Brunel University London, UK
,
Anna Cox
University College London, UK

Copyright © 2018 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 21 April 2018

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Funding Sources

German Federal Ministry of Education and Research
French National Research Agency
German Research Foundation
the Leverhulme Trust
Alexander von Humboldt Foundation

Conference

CHI '18

Sponsor:

SIGCHI

CHI '18: CHI Conference on Human Factors in Computing Systems

April 21 - 26, 2018

Montreal QC, Canada

Acceptance Rates

CHI '18 Paper Acceptance Rate 666 of 2,590 submissions, 26%;

Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Upcoming Conference

CHI 2025

Sponsor:
sigchi

ACM CHI Conference on Human Factors in Computing Systems

April 26 - May 1, 2025

Yokohama , Japan

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

29
Total Citations
View Citations
800
Total Downloads

Downloads (Last 12 months)77
Downloads (Last 6 weeks)11

Reflects downloads up to 27 Dec 2024

Other Metrics

View Author Metrics

Citations

Cited By

Razevicius GRoudaut AKarnik A(2024)HoberUI: An Exploration of Kinematic Structures as Interactive Input DevicesMultimodal Technologies and Interaction10.3390/mti80200138:2(13)Online publication date: 13-Feb-2024
https://doi.org/10.3390/mti8020013
Deshpande HHan BMoon KBianchi AZheng CKim J(2024)Reconfigurable Interfaces by Shape Change and Embedded MagnetsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642802(1-12)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642802
Coutaz J(2024)At the Confluence of Software Engineeringand Human-Computer Interaction:A Personal AccountThe French School of Programming10.1007/978-3-031-34518-0_5(89-122)Online publication date: 30-Apr-2024
https://doi.org/10.1007/978-3-031-34518-0_5
Petersen DGellert EBöhmer M(2023)Extending the Interaction Space of Rotary Knobs by Multi-touch-based Grasp RecognitionProceedings of the 22nd International Conference on Mobile and Ubiquitous Multimedia10.1145/3626705.3627797(198-209)Online publication date: 3-Dec-2023
https://dl.acm.org/doi/10.1145/3626705.3627797
Cui ZWang SLi JLuo SIon A(2023)MiuraKit: A Modular Hands-On Construction Kit For Pneumatic Shape-Changing And Robotic InterfacesProceedings of the 2023 ACM Designing Interactive Systems Conference10.1145/3563657.3596108(2066-2078)Online publication date: 10-Jul-2023
https://dl.acm.org/doi/10.1145/3563657.3596108
Hong JWang XEveritt ARoudaut A(2023)Interacting with actuated wallsInternational Journal of Human-Computer Studies10.1016/j.ijhcs.2022.102986172:COnline publication date: 1-Apr-2023
https://dl.acm.org/doi/10.1016/j.ijhcs.2022.102986
Gellert EPetersen DBöhmer M(2022)MultiKnob — A Knob for Multiplexing Rotation Inputs by Multitouch-based Grasp RecognitionProceedings of Mensch und Computer 202210.1145/3543758.3547561(483-487)Online publication date: 4-Sep-2022
https://dl.acm.org/doi/10.1145/3543758.3547561
Zhong CWakkary ROdom WChen AYoo MOogjes D(2022)On the Design of deformTable: Attending to Temporality and Materiality for Supporting Everyday Interactions with a Shape-Changing ArtifactProceedings of the 2022 ACM Designing Interactive Systems Conference10.1145/3532106.3533501(1555-1564)Online publication date: 13-Jun-2022
https://dl.acm.org/doi/10.1145/3532106.3533501
Yan YHuang ZXudu FYang Z(2022)Enabling Tangible Interaction on Non-touch Displays with Optical Mouse Sensor and Visible Light CommunicationProceedings of the 2022 CHI Conference on Human Factors in Computing Systems10.1145/3491102.3517666(1-14)Online publication date: 29-Apr-2022
https://dl.acm.org/doi/10.1145/3491102.3517666
Serrano MFinch JIrani PLucero ARoudaut A(2022)Mold-It: Understanding how Physical Shapes affect Interaction with Handheld Freeform DevicesProceedings of the 2022 CHI Conference on Human Factors in Computing Systems10.1145/3491102.3502022(1-14)Online publication date: 29-Apr-2022
https://dl.acm.org/doi/10.1145/3491102.3502022
Show More Cited By

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents