ポインティングによる多数項目からの選択インタフェースの設計と評価
越 澤 勇 太†日 浦 慎 作†

佐 藤 宏 介†記憶装置の大容量化に伴い，何らかの順に並べられた多数の項目から選択を行う機会が増えている．
GUI ではそのような場合スクロール表示が用いられることが多いが，スクロールバーでは全体の中での選択対象のおおよその位置が分かりづらく，選択対象が画面内に入るまで試行錯誤が必要になることがある．またスクロールは項目が少ない場合には必要のない操作であり，項目数の大小により選
択操作のメンタルモデルに相違が生じる．我々はこの問題を解決するために，マルチスケールインタ
フェースにより対象徐々に近づくことで多数項目からの選択を実現する．このときポインタが向かう
先の項目を移動させないような拘束条件のもとで画面を拡大する．提案手法では項目が大幅に増加しても操作性の低下を抑制可能であることを被験者実験により示した．

Design and Evaluation of Pointing Interfaces for Selecting from Multiple Targets
Yuta Koshizawa ,† Shinsaku Hiura † and Kosuke Sato †Capacity of storage devices is increasing day by day and it causes more situations thatpeople select one from a number of targets. For such cases, scrollbars are commonly usedin GUI. However, mental models between selecting one from a small number of targets andthousands of targets are different because users do not need to scroll the targets when thenumber of targets is enough small. We propose novel interfaces named “Ring” and “Arc” tosolve the problem and evaluate them through user tests.

1. 序

論

示される範囲よりも大きな領域のうち，表示される部
分をスクロール操作によってコントロールするという近年の記憶装置の大容量化に伴い，大量の音楽，画アイディアの基に作られている．しかし，そのような像，動画等のファイルを扱う機会が増えている．これ

インタフェースでは目標の項目がどのあたりにあるのらは必ずしも適切に分類されているとは限らないが，かが分からず，目標項目が画面内に来るまで二分探索

曲名順や撮影日時などによる順序づけが可能であるこのような操作で試行錯誤を繰り返す必要がある．またとが多い．また逆に，順序づけも分類もされていない

項目数が大きい場合のみ表示範囲をコントロールする

多数の項目から目標の項目を見つけ出すことはそもそ必要があり，項目数の大小により操作のメンタルモデも大変困難である．そこで本論文では，順序づけされルが変化してしまう．

た多数の項目から１つの項目を探し，選択するための

我々はそのような試行錯誤やメンタルモデルの相違

方法について論じ，これを効率的に行うためのインタを解消するためにスケールの変化（マルチスケール）

フェースを提案する．

を導入する．スケールを変化できると，スケールを小GUI(Graphical User Interface) ではマウス等のポ

さくして全項目をディスプレイ上に表示し，クリックをインティングデバイスを用いてカーソルを操作し，ポ行うときにはスケールを大きくして項目にポインティ

インティングによって選択操作を行う．しかし，ファングしやすくすることが可能である．しかし，ユーザ

イルの数が膨大になると，ディスプレイという限られが意識的にスケール操作をしなければならないのであた空間上に全ての項目を表示することができないため，

れば，スクロールバーでスクロール操作とポインティ

目標の項目に対して直接ポインティングを行えない．

ング動作の２つが必要なようにわずらわしい．通常，

このような場合，GUI ではスクロールバーが用いら

マルチスケールインタフェースではズームとパンの二れることが多い．スクロールバーはディスプレイに表つの操作が必要になる1) ．パンの操作はカーソルのポ† 大阪大学 大学院基礎工学研究科
Graduate School of Engineering Science, Osaka University

インティングとは別の，2 次元空間上での表示範囲の変更である．ディスプレイ上のカーソルのポインティ
ングという 2 次元の操作に加え，パンの 2 次元操作，

情報処理学会 インタラクション 2008

ただし，a, b(b > 0) は経験的または実験的に導かれる定数である．a は認知に要する時間と考えられているため，log2

#A

W

$

+ 1 はポインティングの難易度

ID(Index of Difficulty) と呼ばれる．Fitts の法則によると，M T を小さくするためには A を小さくするか W を大きくすることが必要であることがわかる．

A を小さくする手法としては，Baudisch らの提案
図 1 “Ring”: 提案する多数項目からの選択インタフェース

する Drag-and-pop4) や Guiard らの提案する Object

Pointing5) が挙げられる．一方，W を大きくする手法としては，McGuffin らの直接的にターゲットを拡ズームの 1 次元操作を行うとユーザは 5 次元的な操作

大表示する手法6) や，Kabbash らの Area Cursor7) ，を行わなければならない．これらを単純なカーソル操それを改良した Grossman らの Bubble Cursor8) の作だけで行うことは難しい．そこで，我々はあえて 1ようにカーソルに大きさを持たせることで仮想的に W

次元的に項目を配置することでそれぞれの操作の次元を大きくする手法等が見られる．

を下げ，単純なカーソルのポインティングによるマル

しかし，これらの研究はディスプレイ上に配置されチスケール操作を実現した．また特に，カーソルが向た項目を選択する場合のパフォーマンスを向上させる

かう先のターゲットが画面上で移動しないような制約ためのものである．ディスプレイ上に表示しきれない条件を与えることで，カーソルの軌跡を必要以上に迂ほど大量の項目が存在する場合にはスクロールバー回させる必要がなくなるとともに，ズーム操作を意識などの，画面より広い領域の一部を画面内に導入する的に行う必要がなく，初めて触れる人でも自然なポイ方法が広く用いられている．しかしスクロールバーでンティング操作の一環として対象を選択出来るようなは，先に述べたようにターゲットが画面内に現れるまインタフェースの実現を意図している．

で試行錯誤が必要である．また項目が極端に多い場合，

図 1 は 我々の 提 案 す る イ ン タ フェー ス の 一 つ ，ターゲットを画面内にとどめることが難しいほどスク“Ring” の動作を示したものである．項目を環状に配ロールバーが敏感になることもある．後者の問題につ置し，カーソルを円の中心に移動すると全項目が表示

いては操作部位や操作方法により敏感さを変えることされるようにズームアウトする．カーソルを中心からが出来る手法23)∼25) が提案されているが，スクロー

円周へと移動するに従ってカーソル移動方位に配置さルバーの見た目を踏襲しているがゆえにむしろ，操作れている項目にズームインする．ただし，スケールが方法の教示と習熟が必要であると思われる．これに加小さいときには項目を読み取ることができないので，

えスクロールバーの脇にインデックスを付けることでいくつかの項目を拡大表示することでインデックスと前者の問題の解決も図った手法21) も提案されている

し，これを参考に対象へポインタを近づける．“Ring”

が，全体を一覧するという観点では全体像から徐々に

ではカーソルの移動によってパン，ズーム，項目への詳細の表示に移行するマルチスケールインタフェース

ポインティングの全てを可能にしている．また，項目が優れていると思われる．

数の大小に関わらず，項目の方位へ移動しポインティ

マルチスケールインタフェースにおいても，スクロー

ングするという単一の操作によって選択が可能になっルバーと同様に操作の敏感さの問題が存在することがている．

過去の研究で示されている．Furnas9) や Sarkar ら10)の提案する Fisheye View は広大なドキュメントを

2. 関 連 研 究

ブラウジングするには適していてもターゲット選択にポインティングのユーザビリティを評価するために，Fitts の法則

おいてはユーザビリティの向上が見込めない6),11),12) ．

がよく用いられる．Fitts の法

なぜなら表示だけが拡大されても操作の敏感さが改善

則は，ポインティングにおけるカーソルの移動時間されないからであり，この問題については次節で論じ

2)3)

M T (Movement Time)，カーソルからターゲットまる．スケールの拡大に応じて操作の敏感さを調整する

での距離 A(Amplitude)，ターゲットの幅 W (Width)

手法として，OrthoZoom Scroller26) はポインタの位の関係をモデル化したもので次の式で表される．

置でスケールと感度を調整しており，本論文が提案すM T = a + b log2

!

A
+1
W

"

(1)

る手法に最も近い手法であるが，ポインタの位置とスケールの関係は直観的であるとは言えず，操作法の教ポインティングによる多数項目からの選択インタフェースの設計と評価示が必要であると思われる．そこで我々はポインタとが出来る．最初は対象の方位へ大まかに走っていき，

ターゲットの距離によりスケールを調整することと，対象に近づくにつれて微調整を行うことになる．このポインタが向かう先のターゲットが移動しないとい際，運転中のどの過程でも極端に微妙な操作は発生せう制約を設けることで，通常のポインティング操作とず，メンタルには操作の敏感さに変化は生じない．まの差異が小さいマルチスケールインタフェースを提案た，最初の向きが少々ずれていても，後に容易に修正する．

することが出来る．この意味で，経路からの逸脱を許操作の初期段階で，全項目を単に縮小表示する方法
では目的のターゲットを視認できない．そこで目安の容しない場合における法則である Steering Law19)20)よりも制約が緩い．

では各項目に重要

ズームインの実装上注意しなければならないことは，度をあらかじめ設定することで適切に間引き表示する

スケーリングによってディスプレイ上の項目の位置が手法を提案しており，これを本手法に導入することで変化してしまうことである．ユーザが選択目標として

より効率的な項目選択が可能になると思われる．

いる項目がディスプレイ上で移動するとポインティン

表示が必要となるが，LensBar

22)

マルチスケール空間自体に焦点を当てた研究もなさ

グが困難になる．このような問題は Fisheye View にれている．Guiard らはマルチスケール空間におけるおいて報告されている6) ．ユーザが選択目標としていポインティングが Accot らの Steering Law

でモる項目をシステムが正確に把握することは困難だが，デル化できることに着目し，マルチスケール空間におユーザは通常，目標項目に向かってカーソルを移動す

19)

けるポインティングの Index of Difficulty についてるため，カーソルの移動方位に配置されている項目の説明している1) ．このようなモデル化によってマルチ

位置がディスプレイ上で移動しないようにスケーリン

スケールインタフェースを用いたポインティングのパグを行うことでこの問題に対処できると考えられる．

フォーマンスを定性的に述べることが可能になると考えられる．

3. インタフェースの実装

次に項目の配置の仕方について考える．1 次元的な項目の配置には，直線状，環状等多数のバリエーションが考えられる．しかし，ズームインする際にカーソ
ルの移動方位の半直線上に複数の項目が存在すると，項目を 1 次元的に配置することでカーソル操作のみ

どの項目にズームインして良いのかを判断することがで操作可能なマルチスケールインタフェースを提案す難しい．そのため，1 次元的とはいえ正弦波等の複雑る．基本的なコンセプトは，カーソルが項目に近づくな曲線上に項目を配置するのは望ましくない．本論文とその項目にズームインし項目から離れるとズームア

では全ての項目に等距離で到達できるように円弧状にウトするというものである．

項目を配置した．この内，環状になり閉じているもの

最も重要なことは，Fisheye view のようにディス
プレイ上のカーソルの位置とズームインする箇所を 1

を “Ring”，閉じていないものを “Arc” と呼ぶ．

3.1 “Ring”

対 1 に対応付けないことである．そのような実装を行“Ring” の実装について述べる．議論を簡単にする

うと限られたディスプレイ上の領域を配置される項目

ために初めに言葉と記号の意味を定義し，その後実装で分け合うことになり，項目数が大きい場合，一つのの詳細を述べる．

項目に割り当てられる領域が極端に小さくなってしま“Ring” の項目は半径 r の円周上に配置されている．

う．そのような場合，カーソルのわずかな移動に伴う

その円の中心を原点とし，スケールとは無関係に固定

項目位置の変化が発生し目標の項目をポインティング

された空間をインタフェース空間と呼ぶ．インタフェー

することは非常に困難である．我々はディスプレイ上

ス空間上の項目の位置はスケーリングが起こっても変のカーソル位置とズームイン箇所を対応付けるのでは化しない．一方，操作画面上の空間をディスプレイ空なく，カーソルの移動に伴ってカーソルの移動方位に間と呼ぶ．ディスプレイ空間上では，項目の位置はスある項目に徐々にズームインすることを考えた．そのケーリングだけでなく，インタフェース空間上でのディような実装を行うと，ユーザはスケールが小さくカー

スプレイの平行移動（パン）によっても変化する．なソルを正確に目標項目の方向へ移動することは難しい

お，インタフェース空間とディスプレイ空間では x, y

状態ではおおまかに操作を行い，スケールが大きくな

両軸の向きは同じであるとする．また，カーソル位置

るにつれて微調整を行えば良い．

からカーソルの移動方位へ引いた半直線と “Ring” のこの操作はちょうど，平面上に置かれた対象の位置

円周の交点のことを Target Point と呼ぶ．カーソル

へ自動車で向かうようなタスクとしても考察することの移動方位にある項目が移動しないようなズームが必情報処理学会 インタラクション 2008について詳しく述べる．
ディスプレイ空間でのカーソルの位置 c!d はカーソ

ルの移動によって直接的に決定されるが，c! に関してはスケールの変化とインタフェース空間上でのディ
スプレイの移動を考慮しなければならない．(2) を考えると c!d と c! の関係は s! , o! を用いて次のように書ける．

c! − o! =

c!d
s!

(3)

次に Target Point について考える．Target Point
図2

インタフェース空間とディスプレイ空間における位置ベクトルがディスプレイ上で移動しない，すなわちtd が変化しないという制約式は (2) より以下のように表される（tも変化しないことに注意が必要である）．

要だと前述したが，Target Point が項目と項目の中間

s! (t − o! ) = s(t − o) = td

(4)

点で項目が存在していない可能性も考えられるため，

さらに，カーソルの移動方向はディスプレイ空間上，実際には Target Point が連続する 2 フレーム間で移インタフェース空間上で等しいので以下の式が成り立動しないようにスケーリングを行う．なお，カーソル

つ．ただし，k は Target Point までの到達度を表すの移動方向は，連続する 2 フレームのディスプレイ上変数である．

のカーソル位置から求める．
スケールを s，全項目が表示されるための最小スケー

c! = c + k(t − c)(5)のスケールを 1 とし，それ以上スケールは大きくなら(4) を変形すると以下のようになる．
so! = t − ! (t − o)sないものとする．s = smin のときのディスプレイ空間

これと (5) を (3) に代入して整理するとルを smin とする．なお，カーソルが円周に到達した際上での “Ring” の半径を rmin とする．また図 2 に示
すように，インタフェース空間上での，ディスプレイ

(1 − k)(t − c) =空間の原点，カーソル，Target Point の位置ベクトルとなり，さらに (7) はをそれぞれ o, c, t とし，ディスプレイ空間上でのカーソル，Target Point の位置ベクトルをそれぞれ cd , tds(t − o) − c!ds!

td = s(t − o)!
cd = cd + kd (td − cd )

(6)

(7)

(8)
(9)

とする．また，o! , c!d , s! 等のように ! の付いた値はこを用いて（ただし，kd はディスプレイ上での Target

れから計算したい次のフレームの値を，o, cd , s 等はPoint までの到達度を表す値である），以下のように現在のフレームの値を表すものとする．ただし，t お

変形できる．

よび td は連続した 2 フレームから定義されるので ! 付
きの値を定義しない．また，定数である r, rmin , sminについても ! 付きの値を定義しない．

(1 − kd )(td − cd )
s!

(10)

ここで，

このとき，ディスプレイ空間上のある点の位置が xd
で，対応するインタフェース空間上での点の位置が xで表されるとすると，その間には次のような関係が成
り立つ．

xd
x−o =
s

(1 − k)(t − c) =(2)

次に，ズームの実装について説明する．ズームアウ
トはカーソルがディスプレイ空間の原点に近づくにつれて s = smin に近づけ，また “Ring” のディスプレ
イ上での中心をディスプレイ空間の原点に近づければ良い．選択操作のユーザビリティに大きく影響するのはズームインの実装であるので，ここではズームインt−c =td − cds(11)であることを用いると，(10) は1−k
1 − kd(td − cd ) −(td − cd ) = 0 (12)ss!となる．これを整理すると!

1−k
1 − kd−ss!

"(td − cd ) = 0(13)となるので，td − cd "= 0 であれば以下の関係が得られる．

1−k
1 − kd
−
=0
s
s!

(14)

ポインティングによる多数項目からの選択インタフェースの設計と評価

ここで未知数は s! と k であるので，片方を何らかの方法で定めてやればよい．s! に着目すると，s! は kd
に関して単調増加し，kd = 0 のとき s! = s であり，kd = 1 のとき s! = 1 という制約が得られる．これを実現する簡単な方法は s! を s と kd の関数 s! = f (s, kd )とすることである．以下，この関数をスケール関数と呼ぶ．最も簡単なスケール関数は s! が kd に対し線形に増加する形で次式のように記述できる．

s! = (1 − s)kd + s(15)

図 3 “Arc” の外観

しかし s が kd に対して線形に増加すると，カーソ!

ルが中心から円周に向けて動き始めたときに急激な拡ザビリティ評価を被験者実験を通して行い，その有用大が起こってしまい操作が難しい．そこで，スケール性を示すことである．評価は客観的な操作時間と被の逆数である 1/s! が線形に減少するように，次式を験者の主観的評価の両面から行った．比較のためにス満たすようにスケール関数を定めた．

クロールバーを実装し，スクロールバーによる選択も

1
=
s!

!

"

1
− 1 (1 − kd ) + 1
s(16)

なお，td − cd = 0 が成り立つ場合は，s = 1, k = 1!

とする．

s! が定まれば (14) より k が，(6) より o! が求まる．
また，(5) に k を代入して c! を求めることができる．

行った．以下，この比較用スクロールバーをスクロー
ルバー一般と区別して “Scrollbar” と表記する．

4.1 実 験 手 順“Scrollbar”，“Ring”，“Arc” それぞれについて項目
数が 200，1000 の六つのケースについて実験を行った．
被験者は日常的にスクロールバーを操作しているた

3.2 “Arc”

め，“Ring” や “Arc” と比較して “Scrollbar” は有利“Ring” では，ズームインの前に全体を見るため一であると考えられる．各インタフェースとも十分に習度カーソルを中心に戻さなければならない．この操作

熟した状態で実験を行うために，被験者には実験前

は項目数が大きい場合にだけ必要であり，当初の目的に各インタフェースの操作を練習する時間を設けた．

である項目数の大小によるメンタルモデルの相違を解

このとき，インタフェース操作だけでなくそのインタ

消できていない．そこで，“Ring” を改良してカーソル

フェースを用いたポインティングタスク自体（目標項を中心に戻さずに操作可能なインタフェース，“Arc”

目をできるだけ早く選択する）に慣れてしまう可能性を提案する．

も考えられたので，“Scrollbar” についても同様に練“Arc” のアイディアは，選択操作が開始された時点（例えば，「チャンネル操作」を選んだ後にディスプレ

習を行なわせた．練習時間は六つのすべてのケースの合計で 20 分程度設けた．

イ上に数百のチャンネルが表示され，ユーザがチャン

実験は以下の手順でおこなった．まず，六つのケー

ネルの選択操作を開始する時点）でカーソルのあるスから無作為に一つを選び被験者に与える．被験者は位置を中心とした “Ring” を作成するというものであ

一つのケースについて 10 回の選択操作を行う．それる．この場合ユーザはカーソルを中心に戻す操作を行が終わると次のケースに移る．このとき，一度行った

わなくてよい．しかし，操作開始時にカーソルのあるケースが選択されることはない．六つのケースを一度位置を中心とすると，ディスプレイ（またはウィンドずつ行うタスクを 1 ブロックとし，実験は 3 ブロックウ）から項目がはみ出してしまう可能性がある．そこ行った．なお，3 ブロックを通して同じインタフェース

で “Arc” では，円周上でディスプレイに表示されて（同じケースではない．項目数 200 と 1000 の “Ring”

いる部分にのみ項目を配置する．

は同じインタフェースであるとみなした）が 2 回連続

実装上 “Arc” は，“Ring” のディスプレイ空間の原して選ばれないようにした．なお，被験者には各ケー

点をカーソルの初期位置に設定し，項目の配置の方法

スの実験を開始する時点で，それがどのケースであるを変更することで実現できる．“Arc” の外観を図 3 にかを示した．すべてのタスクが終了した後に，主観的示す．

な評価を行うためアンケートを行った．

4. 評 価 実 験
本実験の目的は，提案する “Ring” と “Arc” のユー

4.2 タ ス ク

図 4 にタスクの流れを示す．まず 0 から 9999 の中から無作為に選んだ数字を被験者に 2.5 秒間提示する

情報処理学会 インタラクション 2008㻰㼒㼖㼗㻶㼈㼆㼒㼑㼇

㻯㼈㼄㼖㼗㻦㼒㼐㼉㼒㼕㼗㼄㼅㼏㼈㻃㻋㼑㻠㻕㻓㻓㻌㻦㼒㼐㼉㼒㼕㼗㼄㼅㼏㼈㻃㻋㼑㻠㻔㻓㻓㻓㻌㻶㼘㼅㼍㼈㼆㼗㼌㼙㼈㼏㼜㻃㻴㼘㼌㼆㼎㻃㻋㼑㻠㻕㻓㻓㻌㻶㼘㼅㼍㼈㼆㼗㼌㼙㼈㼏㼜㻃㻴㼘㼌㼆㼎㻃㻋㼑㻠㻔㻓㻓㻓㻌㻷㼌㼕㼈㼇㻃㻋㼑㻠㻕㻓㻓㻌㻷㼌㼕㼈㼇㻃㻋㼑㻠㻔㻓㻓㻓㻌㻩㼘㼑㻃㻋㼑㻠㻕㻓㻓㻌㻩㼘㼑㻃㻋㼑㻠㻔㻓㻓㻓㻌㻶㼆㼕㼒㼏㼏㼅㼄㼕
㻵㼌㼑㼊
㻤㼕㼆

図4

選択タスクの流れ: (a) 被験者が選択する項目の数字を提示する．(b) 数字が消えて選択インタフェースが提示される．(c)
被験者は可能な限り早く選択を行う．

（図 4(a)）．この間に被験者は数字を記憶する．数字が消えると選択インタフェースが表示される（図 4(b)）．
被験者は提示されたのと同じ数字が描かれた項目を可
能な限り早く選択する（図 4(c)）．この一連の流れを

1 回の選択操作とする．(c) が終わると (a) に戻る．

㻶㼆㼕㼒㼏㼏㼅㼄㼕㻵㼌㼑㼊㻤㼕㼆㻶㼆㼕㼒㼏㼏㼅㼄㼕㻵㼌㼑㼊㻤㼕㼆

項目上に表示する数字は 0 から 9999 から選ばれるが，数字の選び方には意図的に偏りを持たせた．これは，項目の名前や属性（作成日時等）が一様に分布しているとは限らず（例えば辞書に収録された単語のイ
ニシャルは，A から Z まで均一に分布しているわけではない），実際に選択操作を行う際にはその偏りを考㻶㼆㼕㼒㼏㼏㼅㼄㼕
㻵㼌㼑㼊
㻤㼕㼆
㻓㻈

㻕㻓㻈

㻗㻓㻈

㻙㻓㻈

㻛㻓㻈

㻔㻓㻓㻈 㻓㻈

㻕㻓㻈

㻗㻓㻈

㻙㻓㻈

㻛㻓㻈

㻔㻓㻓㻈

図 5 被験者の主観的評価

慮しなければならない．分布の仕方を被験者が予測できないように，数字の分布は 1 回の選択操作ごとに変更した．

4.3 実 験 機 器

わせでも見られなかった．
次に主観的評価について述べる．以下のような項目

実験は解像度 1400x1050 の 14 インチディスプレイ

について，n = 200, 1000 のそれぞれの場合について，を備えた PC3 台を用いて並行して行われた．C/D 比“Scrollbar”，“Ring”，“Arc” に 1 位から 3 位までの（マウスの速度）及び Mouse Acceleration に関して順位を付けさせた．

は，各ユーザが最も使いやすいと感じる状態に設定させた．

4.4 被 験 者

被験者は 23 歳から 26 歳までのボランティアの男
性 6 人（平均 23.5 歳）で全員右利き，右手でマウスを操作した．6 人の GUI 使用歴，1 日あたりの GUIを用いた作業時間はそれぞれ平均して 6.2 年，6.0 時間であった．

4.5 実 験 結 果• Comfortable: 項目を快適に選択できた．

• Subjectively Quick: 項目を高速に選択できた．
• Tired: 操作していて疲れた．

• Fun: 操作していて楽しかった．

また，3 つのインタフェースを使って感じたことを自由に記述させた．主観的評価の結果を図 5 に示す．

5. 考

察

客観的評価では，n = 200 の場合に “Arc” の操作時

項目数 n = 200 の場合，選択に要した平均時間間が短かったことを除いて有意な差は見られなかった．

は “Scrollbar”，“Ring”，“Arc” を用いた場合それぞ“Scrollbar”-“Ring” 間で有意差が見られなかったこと

れ 4.27, 4.18, 3.87 秒であった．t 検定を行った結果，には，“Ring” が一度中心までカーソルを戻すことに“Scrollbar”-“Arc” 間で有意水準 0.01，“Ring”-“Arc”

よって時間をロスしたことが関係していると見られる．

間で有意水準 0.05 で有意差が見られた．“Scrollbar”-

n = 1000 においては “Scrollbar”-“Arc” 間でも有意差“Ring” 間では有意差は見られなかった．

が見られなかった．しかし，主観的には n = 200, 1000

項目数 n = 1000 の場合，選択に要した平均時間は両ケースですべての被験者が “Arc” を用いた場合に最“Scrollbar”，“Ring”，“Arc” を用いた場合それぞれも素早く選択操作を行えたと答えている．このことか

6.15, 6.08, 5.90 秒であった．有意差はいずれの組み合

ら項目数の大小によるメンタルモデルの相違を軽減すポインティングによる多数項目からの選択インタフェースの設計と評価るという当初の目的は達成できたのではないかと考えられる．しかし，項目数が増えて有意差がなくなったことから，より多くの項目を扱った場合に “Scrollbar”

た実装を行った．

s! = s1−kd(17)と比べて “Arc” が有用なのかということには疑問が残

これは，log s（Guiard らは zoom index と呼んでいる．このようなことが起こった原因として，スケーリ

る1) ）が kd に対して線形に変化するようにした式でング前後のスケール差が大きいとズームインの最終段ある．この結果，ズームインの最終段階での急激なス

階で急激にスケールが大きくなり，目標項目をディスケーリングは軽減された．

プレイ内に留めるのが難しくなることが考えられる．

時間の関係で適切な評価実験は行えなかったが，筆者

項目数の増加はより正確なポインティングを必要とすの操作で実験したところ，n = 1000 において “Ring”

るため，n > 1000 において “Arc” が有用であるとはの平均操作時間が 5.12 秒から 4.49 秒に短縮された言えない．このような問題は，(16) の代わりにズーム（有意水準 0.01 で有意差あり）．また，数値的な評価

インの最終段階でよりゆるやかなスケーリングを行うは行っていないが n = 2000, 10000 においてもスムー関数を導入することで軽減できるのではないかと考えズに目標項目を選択できた．

られる．
快適性に関しては，n = 200, 1000 で共に 1 人の被

7. 結

論

験者を除き全員が，“Arc” が最も快適だと回答してい本論文では，大量のデータの中から目的のものを高る．ユーザが快適だと感じることは素早い操作と共に速かつ快適に選択するためのインタフェース，“Ring”

重要であり，この結果からも “Arc” は有用であると考と “Arc” を提案した．従来インタフェースであるス

えられる．なお，“Scrollbar” を最も快適だと感じた

クロールバーを用いると，項目が少なくスクロールの1 人からは，普段から使っており慣れているため安心必要がない場合と比べて項目数が大きくなるとユーザして使えたという意見が得られた．“Ring” や “Arc”

は余分にスクロール操作を要求されることとなり心理

もより長時間使うことで評価が良くなる可能性が考え的負担が大きい．“Ring” と “Arc” はそのような点にられる．

着目し，項目数の大小に関わらず単一のメンタルモデ

疲れに関しては，n = 200, 1000 ともに “Ring” が最ルで操作できるように設計した．ただし，項目数が大悪の結果となった．“Ring” は “Arc” と比較してズー

きい場合に “Ring” を用いると，初めに一度カーソル

ムインに利用できるカーソルの移動距離が小さく急激をディスプレイ中心に戻さなければならないという問なスケーリングが起こりやすい．その結果，“Ring” は題があったため，“Ring” を改良したインタフェース，

ユーザに正確なポインティングを要求することになり，“Arc” を提案した．被験者実験によってこれらを評価“Ring” の操作には集中が必要になる．これが “Ring”

した結果，特に “Arc” に関してはスクロールバーとの疲れの主な原因ではないかと考えられる．“Scroll-

比べて客観的，主観的に良い評価が得られた．“Ring”

bar” と “Arc” を比較すると “Arc” の方が良い結果がに関しても 6 で述べた実験後の改良によって飛躍的な得られており，このことからも “Arc” は有用である

ユーザビリティ向上が見られたため，スクロールバーと考えられる．

よりも高いユーザビリティを実現できるのではないか

また，3 人の被験者から “Scrollbar” で表示されてと考えられる．

いるのが全体の中のどの辺りなのかわかりにくいとい

今後の課題として，様々なスケール関数を用いた場

う意見が得られた．4.2 で述べたように，項目の数字

合のユーザビリティに関する詳細な調査や，Guiardの分布を均一にしなかったため，全体を一度に見渡すらの提案するマルチスケール空間におけるポインティ

ことができる “Ring” や “Arc” に比べて “Scrollbar”

ングの Index of Difficulty を用いた定性的な評価等がでは数字の分布の様子がわかりにくかったためだと考挙げられる．また，現在の実装ではズームインに失敗えられる．また，“Scrollbar” では項目数が大きくなしたときに微調整することが難しい．これは，ディスるとサムを移動したときのスクロール量が大きくなりプレイの端にカーソルを近づけると項目が周方向に回すぎて使いづらいという意見も得られた．

転するような機能の実装により解決することが出来る．

6. スケール関数の改善と確認実験
ズームインの最終段階で急激なスケーリングが起こる問題を解決するために，以下のスケール関数を用い“Ring” や “Arc” の有用性を示すためには，これらを用いた実アプリケーションの作成も必要であると考えられる．
また，円弧状以外の項目の配置を検討する必要があ情報処理学会 インタラクション 2008

る．特に項目についての多くの情報（ファイル名，作成日時，種類等）を同時にユーザに提示する場合，余白の使い方が重要になる．例えば，項目を直線状に配置することで効果的に余白を確保できる等，目的に応じて項目の配置を考える必要がある．

参 考

文 献

1) Guiard, Y., Beaudouin-Lafon, M., Bastin, J.,
Pasveer, D. and Zhai, S. : “View Size and Pointing Difficulty in Multi-Scale Navigation,” AVI
2004, pp.117-124 (2004)
2) Fitts, P.M. : “The information capacity of thehuman motor system in controlling the amplitude of movement,” Journal of Experimental
Psychology, 47, pp.381-391 (1954)
3) MacKenzie, S. : “Fitts’ law as a researchand design tool in human-computer interaction”. Human-Computer Interaction, 7, pp.91139 (1992)
4) Baudisch, P., Cutrell, E., Robbins, D., Czerwinski, M., Tandler, P., Bederson, B. and Zierlinger, A. : “Drag-and-pop and drag-and-pick:
Techniques for accessing remote screen content
on touch- and penoperated systems,” Proceedings of Interact, pp.57-64 (2003)
5) Guiard, Y., Blanch, R. and Beaudouin-Lafon,
M. : “Object pointing: a complement to bitmap
pointing in GUIs,” Graphics Interface, pp. 9-16
(2004)
6) McGuffin, M. and Balakrishnan, R. : “Acquisition of expanding targets,” ACM CHI Conference on Human Factors in Computing Systems,
pp.57-64 (2002)
7) Kabbash, P. and Buxton, W. : “The “Prince”
technique: Fitts’ law and selection using area
cursors,” ACM CHI Conference on Human Factors in Computing Systems, pp.273-279 (1995)
8) Grossman, T. and Balakrishnan, R. : “The
Bubble Cursor: Enhancing target acquisitionby dynamic resizing of the cursor’s activationarea,” ACM Conference on Human Factors in
Computing Systems, pp.281-290 (2005)
9) Furnas, G.W. : “Generalized fisheye views,”
Proc. of ACM CHI ’86, pp.16-23 (1986)
10) Sarkar, M. and Brown, M.H. : “Graphicalfisheye views of graphs,” Proceedings of ACM
CHI 92, pp.83-91 (1992)
11) Gutwin, C. : “Improving focus targeting ininteractive fisheye views,” Proceedings of CHI
2002, pp.267-274 (2002)
12) Zhai, S., Conversy, S., Beaudouin-Lafon, M.,
and Guiard, Y. : “Human on-line response totarget expansion,” ACM CHI Conference on

Human Factors in Computing Systems, pp.177184 (2003)
13) Robertson, George. G. and Mackinlay, Jock
: “The Document Lens,” Proceedings of ACM
UIST 93, pp.101-108 (1993)
14) Perlin, K. and Fox, D. : “Pad: An alternative
approach to the computer interface,” Proceedings of ACM SIGGRAPH 93, pp.57-64 (1993)
15) Bederson, B. B. and Hollan, J.D. : “Pad++:A zooming graphical interface for exploring alternate interface physics,” Proceedings of ACM
UIST 94, pp.17-26 (1994)
16) Furnas, G.W. and Bederson, B.B. : “Spacescale diagrams: Understanding multiscale interfaces,” Proceedings of ACM CHI 95, pp.234241 (1995)
17) Jul, S. and Furnas, G. W. : “Critical zones indesert fog: Aids to multiscale navigation,” Proceedings of ACM UIST 98, pp. 97-106 (1998)
18) Guiard, Y., Bourgeois, F., Mottet, D. and
Beaudouin-Lafon, M. : “Beyond the 10-bit
barrier : Fitts law in multi-scale electronic
worlds,” Proceedings of IHM-HCI 2001, pp.
573-587 (2001)19) Accot, J. and Zhai, S. : “Beyond Fitts’ law:
Models for trajectory-based HCI tasks,” Proceedings of ACM CHI 97, pp.295-302 (1997)
20) Zhai, S., Woltjer, R. (2003). Human movement performance in relation to path constraint: The law of steering in locomotion.
Proc. of IEEE Virtual Reality, pp. 149-156(2003).
21) C. Ahlberg and B. Shneiderman, The Alphaslider: A Compact and Rapid Selector,”
Proceedings of ACM Conference on ComputerHuman Interaction, pp. 365–371 (1994)22) 増井 俊之, ブラウジングとキーワード検索を統合した GUI 部品 LensBar, WISS98 講演論文集，
pp. 153-158 (1998)23) T. Masui, K. Kashiwagi and G. R. Borden IV,
Elastic Graphical Interfaces for Precise Data
Manipulation, CHI’95 Conference Companion,
pp. 143-144 (1995)
24) Y. Ayatsuka, J. Rekimoto and S. Matsuoka,
Popup Vernier: a Tool for Sub-pixel-pitch
Dragging with Smooth Mode Transition, UIST’98, pp.39-48 (1998)
25) GonzaloRamos and RavinBalakrishnan, Zliding: fluid zooming and sliding for high precisionparameter manipulation, UIST 2005, pp. 143152 (2005)
26) Caroline Appert and Jean-Danie Fekete, OrthoZoom scroller: 1D multi-scale navigation,
CHI 2006 Proceedings, pp. 21-30 (2006)