2025-05-12 の Issue #493 と、そこから派生した PR #597 のコメントを読み直して整理した source。コード自体は stale になったが、どの UX を避け、どの UX を好んだか という判断材料は有用。github-dev-docsより
Findings
問題設定は「ページをスクロールしたいだけなのに ScatterChart が zoom してしまう」
Issue #493 の起点は、ScatterChart 上でホイール操作すると zoom が発火し、レポート本文を読むためのページスクロールと衝突することだった。ユーザーの意図は「ページ移動」なのに、チャート側が「拡大縮小」と解釈してしまう。github-dev-docsより
議論の前提はほぼ PC 画面で、スマホ操作は主題に入っていない
コメント全体で使われている語彙は mouse over, hover, cursor, wheel, tabindex, focus, 「カーソルがのる」など PC ブラウザ前提のものが中心だった。タッチ操作、ピンチズーム、縦フリック、モバイル Safari / Chrome の挙動差といった話題はほぼ出ていない。したがって、この議論で固まった UX 仮説をそのままスマホに一般化するのは危ない。github-dev-docsより
Google Maps 型の「一度クリックしないと操作できない」は候補に出たが、主機能には重いと見なされた
Issue 初期には Google Maps embed のような「ワンクリックで操作有効化」案が出たが、tokoroten の tabindex="0" + focus 管理案も含め、UtkNggc は プロダクト中核のチャートに 1 アクション足すのは UX 的に避けたい と反応している。つまり「誤操作防止のために操作コストを恒常的に増やす」方向は、この議論では支持が弱かった。github-dev-docsより
支持を集めたのは「短い遅延」+「一時的オーバーレイ」案
masatosasano2 が提案したのは、(1) 親画面が一定時間スクロールしていないことを zoom 解禁条件にする、(2) スクロール中に chart へマウスオーバーしたら半透明パネルを被せる、という案。UtkNggc はこの方向を支持しつつ、クリックで解除ではなく自動解除 がよいと補足した。github-dev-docsより
デザイン側の懸念は「デフォルトで暗く見えること」と「切り替え状態が見えないこと」
UtkNggc は PR / issue の両方で、デフォルト時にグレーが常時かかるとチャート全体が暗い印象になり、本プロダクトの主機能を弱く見せてしまうと指摘した。一方で dentaro が検討した「常時透明で、スクロールロックの解除だけを行う」案については、今どの状態か視覚的に分からず『動かないぞ？』になりやすい ため、完全透明案も最終的な第一希望にはならなかった。github-dev-docsより
議論の終盤では「ホワイトのオーバーレイ + 500ms 前後のフェード + カーソル切り替え」に好感触が出ていた
dentaro は動画付きで複数案を提示し、終盤では ホワイト系オーバーレイ / 500ms 程度のフェード / カーソルアイコン切り替え の組み合わせを提案した。UtkNggc はこれを「直感的で自然な UX」と評価し、デザイン観点では OK と明言している。つまり unmerged ではあるが、議論上の暫定合意はここに近い。github-dev-docsより
共有プレビュー環境の欠如がレビュー収束を難しくしていた
dentaro は「実際に触って相互確認したいが preview server が無い」と繰り返し相談し、shingo-ohki も 現状は本番環境もなく、リアルタイム共有できる環境がない と回答している。代替として ngrok が提案されたが、運用の定常解ではない。つまりこの一件は、UI の細かい挙動を GitHub 動画だけで詰めるのは難しい ことを示す実例でもある。github-dev-docsより
Open Questions
- この議論で好感触だった「ホワイトオーバーレイ + 短いフェード + カーソル切替」は、現行
apps/public-viewerでもまだ最有力案なのか - いまなら preview 環境や static build の共有導線が増えており、2025-06 当時より UI レビューしやすくなっているのか
- スマホではそもそも同じ誤操作がどの程度起きるのか。PC の wheel UX 問題を別の形で捉え直す必要があるのか
Updates
- 2026-05-18: 初版作成
- 2026-05-18: この議論がほぼ PC 画面前提で、スマホ操作は未整理であることを追記