A collection of Vue.js components for creative professionals

Demo / Documentations GitHub

UIST Paper ’25

I also wrote my first academic paper ever along with a HCI researcher Jun Kato, which was accepted the one of the internationally known top conference UIST.

Abstract

Professionals in the creative industry rely on digital content authoring tools that provide graphical user interface (GUI) widgets for tuning primitive values, such as numeric sliders, rotary knobs, and color pickers. Despite their prevalence, GUI studies have sometimes been considered "done" in the context of HCI, and users' frustrations with these widgets might have gone unheard.

We sampled such widgets from popular production software and analyzed their interaction design, identifying three core design principles:

• support diverse input modalities to match users' nuanced control strategies,
• prioritize high-speed and accurate interaction for skilled users, and
• minimize visual footprint to preserve the creative workspace.

We then provide reference implementations of GUI widgets that follow these guidelines, named Tweeq. Developed in parallel with the first author's animation projects, these widgets allow parameter tuning with fewer clicks, provide continuous visual feedback through overlays, and facilitate gestural and keyboard inputs that do not require constant visual attention.

To evaluate Tweeq, we implemented example applications and conducted an informal expert user study, which revealed generally positive reactions and indicated that the proposed design principles may offer a useful direction for GUI development in creative software.

Cite This

@inproceedings{uist2025-hashimoto-tweeq,
  title = {Tweeq: Parameter-Tuning GUI Widgets by/for Creative Professionals (to appear)},
  author = {Hashimoto, Baku and Kato, Jun},
  year = {2025},
  booktitle = {Proceedings of the 38th Annual ACM Symposium on User Interface Software and Technology},
  location = {Busan, Republic of Korea},
  publisher = {Association for Computing Machinery},
  address = {New York, NY, USA},
  series = {UIST '25},
  doi = {10.1145/3746059.3747723},
  isbn = {9798400720376},
  url = {https://doi.org/10.1145/3746059.3747723},
  abstract = {Professionals in the creative industry rely on digital content authoring tools that provide graphical user interface (GUI) widgets for tuning primitive values, such as numeric sliders, rotary knobs, and color pickers. Despite their prevalence, GUI studies have sometimes been considered "done" in the context of HCI, and users' frustrations with these widgets might have gone unheard. We sampled such widgets from popular production software and analyzed their interaction design, identifying three core design principles: support diverse input modalities to match users' nuanced control strategies, prioritize high-speed and accurate interaction for skilled users, and minimize visual footprint to preserve the creative workspace. We then provide reference implementations of GUI widgets that follow these guidelines, named Tweeq. Developed in parallel with the first author's animation projects, these widgets allow parameter tuning with fewer clicks, provide continuous visual feedback through overlays, and facilitate gestural and keyboard inputs that do not require constant visual attention. To evaluate Tweeq, we implemented example applications and conducted an informal expert user study, which revealed generally positive reactions and indicated that the proposed design principles may offer a useful direction for GUI development in creative software.},
  numpages = {16},
  project = {creativity-support-environments},
  keywords = {creativity support, user interface, creative software, numeric slider, color picker}
}