27 Tweeq: クリエータによるクリエータのためのパラメタ調整GUIウィジェット
橋本 麦baku89.icon (産業技術総合研究所),加藤 淳junkato.icon (産業技術総合研究所)
https://www.wiss.org/WISS2025Proceedings/data/paper/27.pdf
https://www.wiss.org/WISS2025/assets/representatives/27.jpg
概要
本研究は,コンテンツ創作の現場に不可欠である数値スライダーやカラーピッカーなどのGUIウィジェットに着目する.まず,市販の制作ツールに実装されたウィジェットの実例を収集・分析し,プロクリエータ向け設計の3原則 (1) 多様な入力モードの併存,(2) 高速かつ高精度な操作性の優先,(3) 作業空間を圧迫しない省面積設計 を導出した.これに基づき,リファレンス実装としてGUIウィジェット群Tweeqを開発した.Tweeqは第一著者によるアニメーション制作の実践と並行して実装され,少ない操作回数でのパラメタ調整,オーバーレイ表示による継続的な視覚フィードバック,常時注視を必要としないドラッグやキーボード入力のサポートといった特徴を備える.サンプルアプリケーションを用いたプロユーザによる簡易評価では概ね好意的な反応が得られ,提案原則の有用性が示唆された.
リンク
https://www.youtube.com/watch?v=ATBtxy7lvzc
UIST Paper
デモとドキュメント (英語)
GitHub
実際につくったソフトと映像
Koma - カメラ位置のトラッキング機能を備えたコマ撮りアプリ
Unim - Unicode収録の文字を使ったアニメ制作ツール
でつくったミュージックビデオ:MONO NO AWARE - かむかもしかもにどもかも!(imai remix)
参加者メモ・コメント
橋本 麦さんWebサイト https://baku89.com/ja
group_inou、と橋本さんのMV大好きです!!清水聖也.icon
MononoawareのMV大好きです!!ShioMiyafuji.icon
Autodesk Fusion 最近使ってるけど、UIが絶望的に使いづらいので超共感(単に、慣れてないだけかも知れない yukimat.icon
FusionとRhinoはどっちが使いやすいと思われてるんだろう。個人的にはFusionは(比較的)初心者に使いやすい気がしてしまう narumi.icon
Fusion 360はハードサーフェイスで寸法がしっかりしたプロダクトのデザインが主用途なので、そもそも「微調整」のためのインタラクションがそこまで求められないっていう背景もありそうです。後発のPlasticityはその辺ドラッグで連続的かつ感覚的に造形をコネコネするのに使いやすいという印象baku89.icon
Blenderとかで使えるの、泣きそうなほど素晴らしい。ソノヤマタカスケ.icon
Blenderはウェブベースではないので、現状ではそのまま drop-in で使えないです…けど応用先として(ぼくはHoudiniユーザーですが)とても魅力的baku89.icon
プロ向けとのことですが、初心者にとっても直感的で使いやすそう石井行.icon
すごい勢いで教科書に載ってるデザイン原則を吹き飛ばしててなんか楽しいw
そりゃまあ一般的なデザイン原則は一般人向けですもんね…くらもといたる.icon
ちなみにどのあたりでしょう…? > 教科書に載ってるデザイン原則 junkato.icon
関係なくてすみません、スライド内にあった団子とエビフライが動いているアニメーションが気になっているのですが、どこかで見ることはできますか・・・chuka.icon
^ Found it here: https://baku89.com/work/fly , His website (can see other works as well) : https://baku89.com/ 吉田舞花(Maika YOSHIDA).icon
https://www.youtube.com/watch?v=iQi3aMQXip8
ありがとうございます!!!! 😭
これいいですよねjunkato.icon
長期的に実運用しているの素晴らしいyumu.icon
プロダクトデザイナーですが、これは絶対に使えるという確信があります。ソノヤマタカスケ.icon
プロじゃない一般の方々に何も説明せずに使用させたときにどの機能は頻繁に使われてどの機能は全く使わないかとかの傾向が現れたら面白そう
変体仮名フォントについてご紹介いただきましてありがとうございます。 小松弘幸.icon
スライドのフォントがとてもかっこいいと思いましたYuichi Sugita.icon
微調整や同時編集が不要の人は普通のUIとして使えるのが良いですね
橋本さんWebサイトのここ好きyukimat.icon
https://scrapbox.io/files/693131c7954a8658837f7293.png
質疑
学習コストは?
高い
が、通常のインタラクションに加えて実装しているので、知らない人は通常操作にフォールバックできる
クリエータごとにカスタマイズしたい、ということはありうるか?
提案手法がインタラクションパターンとして (ある意味、universalに) 有用であることは確認できている
他の人には他のパターンがいいのか? (他のパターンがあるのか?) は future work
OSS?
Vue.js 依存
Web Component化を考えてる
デモ: https://baku89.github.io/tweeq/uist2025.html
どういうライセンスで公開?
MIT License
他のツールに組み込みOK?
大歓迎
Blenderで使いたい…
Vue.js での利用形態は
Vue.js のライブラリとしてインストールして使える
Previous:26 MorphKeys: スイッチ付きNFCタグを用いた形状自在キーボード
Next:28 自然言語を介した協調的デザイン最適化
#登壇発表 #国際学会招待発表