--- created: 2025-07-31T05:15:00.000Z cosense_id: 688afbd2925d3ad75c349f23 cosense_views: 32 source: cosense tags: - tools - ui - publications permanent: true visibility: public short_title: Tweeq aliases: - Tweeq thumbnail: https://junkato.jp/tweeq/tweeq.png thumbnail_list: https://wp.baku89.com/wp-content/uploads/2025/08/components.png modified: 2026-01-08T14:50:38.243Z content_id: kYlnShXbJg_77GvYF3SbK --- ::hero ![](https://junkato.jp/tweeq/tweeq.png) :: # Tweeq: Parameter-Tuning GUI Widgets by/for Creative Professionals ![](https://wp.baku89.com/wp-content/uploads/2025/08/tweeq.svg){.center style="width: 120px"} A collection of Vue.js components for creative professionals [Demo / Documentations](https://baku89.github.io/tweeq/){.button} [GitHub](https://github.com/baku89/tweeq){.button} --- ## UIST Paper ’25 ::ja [[UIST]] 2025でアクセプトされた　嬉しいな :; ::en I also wrote my first academic paper ever along with a HCI researcher [[jun-kato|Jun Kato]], which was accepted the one of the internationally known top conference UIST. :: ### Abstract ::ja 以下、[[jun-kato|加藤 淳]]さんの [Tweeq|junkato.jp](https://junkato.jp/ja/tweeq/) より抜粋。 コンテンツ創作の現場で利用される制作ツールは、プリミティブ型のパラメタを調整するために数値スライダーやツマミ型のインタフェース、カラーピッカーなどのGUIウィジェットを数多く備えている。こうしたウィジェットはプロの実践において重要な役割を果たしているにも関わらず、Human-Computer Interaction分野の研究においてそうしたウィジェットの設計は「解決済み」と見なされがちで、クリエータの不満が見過ごされてきた面がある。 本研究では、市販の一般的な制作ツールに実装されたGUIウィジェットの実例を収集し、インタラクション設計を分析し、プロのクリエータ向けのウィジェット設計に関する3原則を導出した: - ユーザの繊細な制御戦略に応えるために、多様な入力モードを併存させること - 熟達したユーザ向けに、高速で高精度なインタラクション設計を優先すること - 作業空間を確保するために、ウィジェットの専有面積をできるだけ抑えること そして、これらの原則に基づくリファレンス実装としてGUIウィジェット群 Tweeq を開発した。 Tweeq は第一著者によるアニメーション制作の実践と並行して実装され、少ないクリック回数でのパラメタ調整、オーバーレイ表示による継続的な視覚フィードバック、常時注視を必要としないジェスチャやキーボード入力のサポートといった特徴を備える。 Tweeq を用いたサンプルアプリケーションを実装し、プロユーザによる簡易評価を行ったところ、おおむね好意的な反応が得られ、提案した3原則が制作ツールのためのGUI開発において有用であることが示唆された。 :: ::en 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 ```bibtex @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} } ``` ::