“矢印タグ”を利用したテレビ用ウェブブラウザ操作方式
前田

篤彦†

稲垣

博人†

阿部

匡伸†

近年，テレビやテレビゲーム機にウェブブラウザが搭載されるようになり，リモコンを使い，テレビ画面上でウェブページを閲覧することが可能になった．しかし，既存の操作方式はまだまだ使いにくいのが現状である．そこで本論文では，テレビ用ウェブブラウザのための新しいリンク選択
方式として，「矢印タグ方式」を提案する．提案方式では，矢印タグと呼ばれる矢印記号列が画面上の各々のリンクに割り当てられる．ユーザは，テレビ画面に目を向けたまま，方向キーを数回押下するだけで，所望のリンクを選択できる．実験の結果，矢印タグ方式では従来のフォーカス移動方式や数字タグ方式よりも速く操作でき，多くの被験者が従来の方式より好むことが明らかになった．

Arrow-Tag-Based Link Selection Technique for Web Browsers on TV
ATSUHIKO MAEDA†

HIROHITO INAGAKI†MASANOBU ABE†

Television sets and video game consoles equipped a web browser have appeared, and we are now able tobrowse web pages on television screens. However, existing navigation techniques are too difficult in thissituation. In this paper, we propose Arrow Tag, a new link selection technique for web browsers on TV. In thistechnique, sequences of arrow signs called Arrow Tags are assigned to the links of the web pages, so users canselect the links by pushing the four direction keys a few times, while keeping her/his gaze fixed on the
television screen. User studies show that Arrow Tag significantly outperforms the conventional techniques ofFocus Move and Number Tag. Moreover, most participants preferred Arrow Tag over either Focus Move or
Number Tag.

1.

方法として，画面上に表示されている個々のリンクにはじめに番号の付いたタグを割り振り，リモコンの数字キーで近年，テレビやテレビゲーム機にもウェブブラウザ

選択する方式がある（以下「数字タグ方式」と呼ぶ）．

が搭載されるようになり，リモコンを使い，テレビ画

しかし，リモコンの数字キーを正しく押下するにはキ

面上でウェブページを閲覧することが可能になった．

ーの位置を目で確認せねばならず，ブラウジング中，

しかし，既存の操作方式は，まだまだ使いにくいのが手元を何度も確認することになり煩わしい．

現状である．本研究では，テレビ用ウェブブラウザのこれらの問題を同時に解決するために，本研究では，ためのリモコンを使ったリンク選択方式の改良に焦点「矢印タグ方式」を提案する．同方式では，画面に表をあてる．

示される各々のリンクに対し，「矢印タグ」と呼ばれテレビ用のユーザインタフェースでは，リモコン上る，一文字以上の方向を表す記号（↑，↓，←，→）

でのキー入力による選択操作が主流である．現在，テからなる矢印記号列（↑，←←，↑→，↓↓→等）を

レビ用ウェブブラウザで最も使われているリンク選択

ショートカットサインとして割り振る．ユーザは 4 方

方式は，ウェブページ上のリンクへのフォーカスをリ

向キーで矢印記号を入力することによりリンク選択を

モコンの方向キーで最寄りのリンクに移動させ，選択行なう．同方式では，フォーカス移動方式と比べてキキーで選択する方式である（以下「フォーカス移動方

ーの押下回数が大幅に少なくなり，数字タグ方式と異式」と呼ぶ）．同方式では，次に述べる数字タグ方式

なりリモコンのキーを目で確認せずに素早く操作できと異なり，リモコン上のキーの位置を目で確認するこる．

となく，テレビ画面だけを見続けながら操作できる．

以下，2 節では関連技術とそれらの課題について述

しかし，リンクが数多く存在すると，所望のリンクをべ，3 節では矢印タグ方式の詳細について述べる．4

選択するまでに何度もキーを押下しなければならない

節から 5 節にかけては，矢印／数字タグ方式のような，という問題がある．一方，キーの押下回数を減らせる

ショートカットサインをリンクに動的に付与するリンク選択方式に関する基礎的な評価実験を行なう．6 節† 日本電信電話株式会社NTT サイバーソリューション研究所
NTT Cyber Solutions Laboratories, NTT Corporation

では，4~5 節の実験を基にいくつかの工夫を施して実装された矢印／数字タグ方式に，フォーカス移動方式

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

を加え，実際のウェブサイト上で比較した結果を述べ

ルを兼ねている（フォーカスが画面の端に行くとスクる．最後に 7 節で本論文のまとめを行なう．

ロールする）ことも押下回数が多くなることの原因で

2.

関連技術と課題ある．
一方，ショートカットサインを使う方式としては，

デスクトップ・ユーザインタフェースでは，マウス

画面上のリンクに番号を割り振り，リモコンの数字キやトラックボールのような連続的に入力できるポイン

ーで選択する数字タグ方式が実用化されている（例えティングデバイスが画面上のターゲット選択に用いらばフェンリルのリビングブラウザ Lippi[3]や Firefox

れるのに対し，テレビ用のユーザインタフェースでは，

ウェブブラウザのアドオン Hit-a-hint）．この方式は，リモコンに備わっている方向キーや数字キーなどでタキーの押下回数を減らすには有効である（画面上のリーゲット選択する方式が主流である．前者を利用した

ンク数が 40 だとして，そのなかのリンクを選択する方式としては，選択までの時間を最小化するために数のに必要なキー押下回数は 1~2 回）．しかし，数字キ多くの研究がなされてきているのに対し[1] [2] [5] [6]ーを正しく押下するにはリモコン上のキーの位置を目[8] [9] [12]，後者をベースとした研究[7][10]は少ない．

で確認せねばならず，ウェブページのリンクを辿ってだが，後者のキー入力をベースとする方式で，これまいく際に手元を何度も確認しなければならない点が煩でに提案／実用化されているものは，次の二つに大別

わしい．

される．一つは，方向キーでカーソル等を移動させる

このように，従来の選択方式では，手元を見ずに使際に，選択候補が存在しない領域上を移動する無駄をえたとしてもキーの押下回数が極端に増加してしまう

減らすための工夫が施された方式である．例えば，

か，キーの押下回数が少ないとしても手元を確認しな

Hachet らは，方向キーによるカーソルの移動量を大ければ利用できないかのどちらかであった．

小の二段階で制御できるようにし，選択候補に近づいたときのみ小さな移動量に切り替えられるようにした[7]．もう一つは，キー入力可能なショートカットサ

3.

矢印タグ操作方式

3.1

基本的アイデア

インを動的に選択候補に割り当てる方式である（ショ従来方式による問題を解決するために著者らが考案

ートカットサインの多くは数字で，例えば文献[10]）．

したアイデアは，「方向キーを，リンクに割り当てら

以下で述べるウェブページ上のリンク選択に特化したれるショートカットサインの入力に利用する」という方式についても，これらのどちらかに該当する．

ものである．このようなアイデアに基づき，本論文で前者の，方向キーを利用しつつカーソル移動の無駄は「矢印タグ操作方式」を提案する．提案方式では，を減らす方式としては，ウェブページ上のリンクへの矢印タグと呼ばれる矢印記号列を，画面上に表示されフォーカスをリモコンの方向キーで最寄りのリンクにる各々のリンクにショートカットサインとして割り当移動させ，選択キーで選択する「フォーカス移動方てる（図 1（中）参照）．ユーザは，テレビ画面に目式」が実用化されている．現在，テレビ用ウェブブラを向けたまま，どのリンクも方向キーを数回押下する

ウザで最も採用されている方式であり，日本で売られだけで選択できる．従来，方向キーは，フォーカス移ているほとんどのウェブブラウザ搭載テレビやソニー

動方式に代表されるように，画面上に表示される何らのプレイステーション 3[13]上で動作するウェブブラ

かのオブジェクトを移動させるために使われてきた．

ウザなどで利用されている．同方式では，次に述べる

そのようなアプローチと比べて，提案方式はキーの押数字タグ方式と異なり，ユーザはテレビ画面だけを見下回数を大幅に減少させる（テレビ画面上のリンク数続けながら操作することが可能である．しかし，リンが 40 であれば 1~3 回．一文字のタグが 4 パターン，

クが数多く存在すると，所望のリンクを選択するまで

二文字のタグが 16 パターン，3 文字のタグが 64 パタにキーを何度も押下しなければならないという欠点がーン作れるので，リンク数 84 までは 1~3 回のキー押ある．5 節の調査で明らかにするが，解像度 1360×下で選択可）．同時に，数字タグ方式とは異なり，リ

768，フォント・サイズ 18 ポイントだとして，テレビ

モコンに目を向けずとも操作が可能である．その上，画面上で同時に表示されるリンク数は，リンクの多い

リンク選択に必要なキーの押下回数が数字タグ方式よサイトでも平均 40 以下である．そのため，そのなかりわずかに多くなるにもかかわらず，数字タグ方式よのリン クを 選択す るの に必要 なキ ーの押 下回 数はり速くリンクを選択することが可能になる（後の実験

0~39 回となる．また，フォーカスの移動がスクローで明らかにする）．

“矢印タグ”を利用したテレビ用ウェブブラウザ操作方式

図1

矢印タグ操作方式の動作フロー：（左）ウェブページを開いた直後は，方向キーの上下は縦スクロール，左右は「戻る」／「進む」に割り当てられている（矢印タグは表示されていない）．（中）リンクを選択するためには，まず選択キーを一度押下して，矢印タグを表示する．（右）所望のリンクに割り振られた矢印記号列を入力するにつれ，それに一致しないタグは非表示にされ，入力に一致したリンクを選択できるようになる（図は↑↑と入力した結果）
．

3.2

操作方法

大きくてリンクを隠してしまう場合のみ，矢印タグは

矢印タグ操作方式では，ブラウザの「戻る」／「進リンクの直後（右側）に挿入される．このようにして，む」機能の操作，スクロール，リンク選択操作を，すウェブページの元々のレイアウトをなるべく崩さない

べて方向キーと選択／キャンセル・キーのみで行なう．

ようにしている．
タグの割り当て方法

図 1 に，矢印タグ操作方式の大まかな動作フローを示

3.3

す．

マウスのように連続的に入力できるポインティング

ウェブページを開いた直後では，方向キーの上下はデバイスを使ったターゲット選択方式での選択にかか

縦スクロールに，左右は「戻る」「進む」に割り当てる時間の予測には，Fitts の法則[4][11]が用いられるこられる（図 1（左））．より詳しく説明すると，上下にとが多いが，矢印／数字タグのような選択方式では，ついては，0.5 秒以上キーダウンし続ける（いわゆるターゲットに動的に割り当てられるショートカットサ「長押し」をする）と一定速度でゆっくりスクロール

インの入力時間そのものが選択にかかる時間であるとし，それより短い時間でキーアップすると，一度に画考えられる．それゆえ，矢印タグのリンクへの割り当

面半分の長さを滑らかにスクロールする．ほとんど使て方法には，ユーザが選択するリンクに入力しやすい

うことがない左右のスクロールについては，長押しでタグを割り当てるためのいくつかの工夫を行なってい一定速度でのゆっくりしたスクロールのみ利用できる．

る．

ウェブページ上のリンクを選択する際には，まず選

まず，上下左右の記号の組み合わせで生成される矢

択キーを一度押して矢印タグを表示する（図 1（中））．

印タグのバリエーション全てが，同じレベルの認識し矢印タグは，選択キーが押された時点で画面上に表示

やすさや入力しやすさを備えているわけではない．そされているリンクすべてに割り当てられる．このようのため，矢印タグは，機械的に生成される順序ではなに，矢印タグは，数字タグ方式で採用されている仕組

く，予め被験者実験（この詳細は 4 節で述べる）によ

みと同様，ウェブページ上に常に表示されているわけって確かめられた入力しやすい順に使用する（例えば，ではない．記事を熟読するときには邪魔だからである．

画面上に表示されているリンク数が 20 であるなら，矢印タグ表示後，ユーザは所望のリンクに割り振られ入力しやすさが 1 位から 20 位までの矢印タグをリンた矢印タグを方向キーで入力する．このとき，矢印記

クに割り当てる）．

号を入力するにつれ，その時点までの入力から外れた

加えて，多くのウェブページは画面内に一度に収ま矢印タグは非表示にされていく（図 1（右））．選択しりきらないため，主に縦スクロールしながら閲覧されたいリンクに完全一致する矢印記号列を入力後，再びるが，所望のリンクが画面の中心座標付近に近づいた

選択キーを押下すると，そのリンクが選択できる（記ときに，ユーザはリンクの存在に気づき選択する傾向

号列入力後，1 秒間入力がないと自動的に選択されるがある（これに関する調査の詳細は 5 節で述べる）．

モードも設けているが，5 節以降の実験で利用する際そのため，画面の中心付近から順に，入力しやすい矢には手動で選択するモードを用いた）．

印タグを割り当てる．

リンクより矢印タグのほうが小さい場合，矢印タグ

さらに，ウェブページを構成する HTML 内では，はリンクの左上に重ねて表示され，矢印タグのほうが以下のように，隣接する表示オブジェクトに，同一情報処理学会 インタラクション 2009

URL へのリンクが個別に定義されていることがある．

0-9 keys<a href="product01.html">
product01_name<br></a>Direction &Selection keys

Cancel key<a href="product01.html">(Back key in Focus Move)product01_number<br></a><a href="product01.html"><img src="product01.jpg"><br></a>
より多くのタグを表示しなければならなくなるにつれ，

図2 実験で使用したリモコン（SONY RM-PL300D）

40inch LCD

入力しづらいタグも用いらねばならなくなる．そのた

1.5m

め，これを以下のように一つとみなして，タグを無駄に割り当てることを避ける．

Remote controller<a href="product01.html">
product01_name<br>product01_number<br>PC<img src="product01.jpg"><br>

50cm

Sofa

</a>
以上で述べた方法はすべて（従来には見られない

図3 実験環境が），数字タグ方式にも適用可能である．そのため，

ザのメニューバーが高さ 159 ピクセルを占めた）．操

本論文では，同様の工夫を数字タグ方式にも適用した作用のリモコンにはソニー RM-PL300D（図 2 参照）

上で，最終的に，矢印／数字タグ方式及びフォーカスを用いて，PC 用の赤外線リモコン受信機（KEYSPAN

移動方式との比較を行なった（この詳細は 6 節で述べ

REM-15A）を使い PC で使用できるようにした．被験る）．

者が座ったソファとテレビとの距離は 1.5m（メーカ4.

タグの入力しやすさに関する評価実験

4.1

実験の目的

矢印タグのバリエーション全てが，同じレベルの認ーのウェブサイトに記載されていた同テレビの最適視
聴距離），テレビ台の高さは 50cm であった（図 3 参
照）
．
4.3

実験方法

識しやすさや入力しやすさを備えているわけではない．

12 人の被験者（女性 2 名，男性 10 名）が参加した．

これは数字タグにおいても同様である．そのため，本被験者の年齢は 27 歳から 33 歳であった．本実験では，

節では，6 節での矢印／数字タグ方式とフォーカス移100 パターンのタグの入力テストを 1 セットとした．

動方式の比較に先立ち，矢印／数字タグ方式において，100 パターンのタグを生成する場合，4 種の記号（↑，生成されるタグの入力しやすさの順位を明らかにする↓，←，→）からなる矢印タグでは最長 4 文字となり，ことを第一の目的とする．6 節の 3 方式の比較で使用10 種の記号（0~9）からなる数字タグでは最長 2 文字される矢印／数字タグ方式の実装には，ここで明らかとなる．各々の被験者は，矢印／数字タグの両方式で，にされた入力しやすさの順位に基づき，矢印／数字タ入力テストを 1 セットずつ実施した．なお，それぞれグが使用される．加えて，矢印タグと数字タグでは，の方式で，本番の入力テストを行なう前に，練習を 2

どちらが入力しやすいのかも明らかにする．

セット実施した．入力テストでは，テレビ画面の真ん

4.2

実験装置

中に，タグが一つずつ表示された．一つのタグの入力

実験は，CPU としてクロック 2GHz の Core 2 Duoが完了後，そのタグは画面から消え，次のターゲットを搭載し，OS として Windows Vista を搭載した PC 上となるタグが 5 秒後に表示された．入力を間違えた場で行われた．ディスプレイ（テレビ）には 40 インチ

合は，キャンセル・キーをバックスペースとして利用

液晶ディスプレイ（ソニー BRAVIA KDL40-J3000）

できた．タグの入力時間は 1 ミリ秒単位で記録された．

を用いて，HDMI で PC と接続した．ディスプレイの実験用のソフトウェアは，Javascript と HTML で作成

解像度は 1360×768 ピクセルであった（ウェブブラウ

し，Firefox 3 ウェブブラウザ上で動作させた．画面背“矢印タグ”を利用したテレビ用ウェブブラウザ操作方式
p<0.05p<0.05以上の結果からは，テレビ画面内に同時に出現する

2500

リンクが 40 程度であるか，もしくは，それ以上存在
Input Time (msec.)

2000

するとしてもユーザが選択しそうなリンクを 40 以内

63, 72, 07, etc.

00, 33, etc.

に絞ることができれば，矢印タグ方式と数字タグ方式

0~9
1500

←←↑↓, ←←→↑, etc.
→→↑, ↓↓→, etc.

←↑, ↑↓, etc.
1000の比較に限れば，前者のほうが速く操作できることが示唆される．

←←, ↑↑, etc.
↑, ↓, ←, →

500

5.

一画面内に出現するリンク数と選択されるリンクの位置

5.1

実験の目的

Arrow Tag
Number Tag

0

1

10

20

30

40

50

60

70

80

90

Sorted tags

図4 矢印／数字タグの平均入力時間の順位

景色は白，タグ自体の背景色は緑，文字色は白であった．また，タグの高さは 17 ピクセルであった．タグの表示順序には無作為化を行なった．被験者は無作為にそれぞれ 6 人からなる 2 グループに分けられ，一方は矢印タグの入力を最初に，もう一方は数字タグの入力を最初に実施した．
4.4

結果と考察

矢印／数字タグごとに，平均入力時間が短い順に並び替え，折れ線グラフとしたものを図 4 に示す．矢印
タグでは，1 位から 4 位までは当然であるが一文字の↑，↓，←，→であった．続く 5 位から 8 位は←←や↑↑といった同一記号による二文字のタグであり，9位から 20 位は←↑や↑↓のような異なる記号からなる二文字のタグであった．そして，21 位から 24 位は←←←や↑↑↑のような同一記号による 3 文字のタグであり，25 位から 49 位は→→↑，↓↓→のように同一記号の二連続と他の一文字からなる 3 文字のタグであった．残りは，→↑→や←↑→等であった．一方，
数字タグでは，1 位から 10 位までは 0~9 であり，11位から 20 位は 00 や 33 といった同一記号による二桁のタグであった．残りは，63 や 72 のように異なる記号による二桁のタグであった．次節以降の実験で使用する矢印／数字タグ方式では，ここで記載した順位でタグを使用することにした．
図 4 を見ると，上位では矢印タグのほうが数字タグ
より平均入力時間が短いが，76 位以降（矢印タグが 4文字となる辺り）では，数字タグが逆転している．矢印タグと数字タグの入力時間の差の検定（対応のある
t 検定・片側）を，同順位毎に実施した結果，1 位から 43 位まで（ただし途中 5 位から 8 位までを除く）
は，矢印タグのほうが数字タグより入力時間が有意に短いことがわかった（p<0.05）．44 位以降では有意差は確認されなかった．

前節で得た示唆をより明確にするために，本実験では，まず，様々なウェブページにおいて一画面内に出現するリンク数がどの程度なのかを調査する．加えて，ユーザに選択されるリンクを予測する一手段として，
リンクのディスプレイ座標に基づいて統計的に予測する方法を検討する．多くのウェブページは画面内に一度に収まりきらないため，主に縦スクロールしながら閲覧される．著者らの仮説は，「ユーザは所望のリンクが画面の中心付近にあるとき発見し，選択する」というものである．仮説が正しければ，画面の中心付近から優先して，前節で明らかになった入力しやすいタ
グを割り当てるべきである．
5.2

実験方法

実験には，12 人の被験者（女性 2 名，男性 10 名）が参加した．各々の被験者は，普段閲覧しているウェ
ブサイトを三つ以上開き，読みたい記事があれば，その記事だけをチェックするよう依頼された．実験装置には 4 節と同じものが使用された．ブラウザのフォント・サイズは，実験者らが本実験装置で無理なく文字が読める最小のサイズと判断した 18 ポイントに設定した．操作方式には矢印タグ方式（Firefox のアドオンとして実装）が使用された．本実験において，リンクにタグを割り当てる順序は，ウェブページを構成す
る HTML データ内でリンクが出現する順であった（すなわち，ほぼページの上方から下方へむけての順）．被験者らが，ウェブページでリンクを選択した
とき，テレビ画面上に表示されていたリンクの個数と被験者が選択したリンクのディスプレイ座標が記録さ
れた．
5.3

結果と考察

表 1 に，ウェブサイトのカテゴリー別に，一画面内に同時に出現するリンク数の平均を示すが，総合平均
は 30 以下（27.7）であり，最もリンク数が多い EPG
サイトでも平均は 40 以下（39.6）であった．続いて
図 5 に，被験者によって選択されたリンクの位置分布を示す（本実験では，水平方向のディスプレイ解像度

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

ー率である．すべての操作方式は，Firefox のアドオ

表1 カテゴリーごとの一画面内の平均リンク数

Mean(S.D.)
ScreensampleSitesampleンとして実装した．矢印／数字タグ方式の操作方法

News

EPG

Shop

Blog

BBS

OthersTotal（スクロール，戻る／進む）は，使用するタグを除い

27.7(14.2)

39.6(14.5)

30.5(18.4)

13.7
(8.5)

23.1
(16.8)

28.4
(7.9)

27.7
(15.7)て全て同じにした．フォーカス移動方式では，フォー

134

25

45

25

19

11

234

カス枠の色を赤，線の太さを 2 ピクセルとし，ブラウ

10

2

2

5

2

3

24

ザの「戻る」機能をリモコンのキャンセル・キーとした．ブラウザのフォント・サイズは，前節と同じ理由
で 18 ポイントに設定した．
6.2

ウェブサイトを使ったタスクの作成方法

8%

本実験のタスクは，他者が選択した順にウェブサイ

15%

トのリンクを辿ることだった．タスクとして使用する

20%
27%
25%
5%

素材の作成に， 3 人の被験者が参加した（彼らは実際の実験の被験者としては参加しなかった）．3 人の被験者には，普段閲覧することのあるウェブサイトを一つずつ選び，見たい記事だけを閲覧するよう指示した．このとき，実験装置は 4 節のものと同じであったが，操作デバイスには通常のマウスとカーソルを使用

図5 選択されたリンクの位置分布した（このために高さ 70cm の机も用意した）．実験

1360 ピクセルに対して横スクロールが必要なページ

者は，被験者らの操作時のテレビ画面を録画した．そは閲覧されず，縦スクロールのみが使われた）．同図の後，閲覧されたウェブページをローカルにダウンロが示すとおり，被験者は画面の中心より若干下方付近

ードし，クリックされたリンクの先頭（左側）に，順を中心としてリンクを選択する傾向が明らかになった．

に赤い番号（19 ポイント，ボールド）と星印（20x20

前節で明らかになった，上位 40 位くらいまでは矢ピクセルの画像）で注釈を施した．ブラウザの「戻印タグのほうが数字タグより有意に速く入力できるとる」機能もときどき使用されたので，「3 回戻ってくいう事実と，本節で明らかになった，一画面内に同時ださい」といったメッセージ（25 ポイント，ボールに出現するリンク数は平均 30 以下という事実にもとド，青）と三つの星印（700×100 ピクセルの画像）

づけば，多くのウェブページにおいて，矢印タグ方式

を，「戻る」機能が使用されたときのウェブページののほうが数字タグ方式より速く操作できることが示唆

スクロール位置に HTML の CSS 機能で重ね合わせた．

される．仮に一画面内の平均リンク数が 40 以上のウ

このようにして，EPG サイト（goo テレビ番組），ニェブページであっても，画面の中心より若干下方付近

ュースサイト（Yahoo!ニュース），ショッピングサイを優先して入力しやすいタグを割り当てれば，選択さト（楽天）を使った三つのタスクを作成した（選択すれるタグを上位 40 位以内に絞ることは十分可能であるリンク数は，それぞれ 6 箇所，15 箇所，13 箇所でると思われる．とはいえ，矢印／数字タグ方式のどちあった）．

らにしても，リンク選択率が高い領域の順に入力しや

6.3

被験者

すいタグを割り当てるべきであろう．次節の矢印／数

24 人（女性 12 名，男性 12 名）の被験者が参加し字タグ方式及びフォーカス移動方式の比較実験では，た．年齢は，22 歳から 44 歳であった．どの被験者も矢印／数字タグ方式ともに，図 5 で示した選択率が高

テレビ上でウェブブラウザを操作した経験はなかった．

い領域の順に，入力しやすいタグを割り当てることに
した．

6.4

手続き

実験装置は 4 節で使用したものと同一であった．

6.

従来の操作方式との比較

6.1

実験計画

個々の被験者は，全ての操作方式で，3 つのタスクを遂行するよう依頼された．被験者は常に，ある操作方式で 3 つのタスクを終えた後，次の操作方式を使用し3×3 の 2 要因被験者内計画．第 1 要因は，操作方た．また，実際に計測されるトライアルを実施する前式（矢印タグ，数字タグ，フォーカス移動），第 2 要に，被験者は同一の操作方式及びタスクで 5 回の練習

因は，ウェブサイトを使ったタスク（EPG，ニュース，を行った．5 回もの練習を行った理由は，3 つの操作

ショッピング）である．従属変数は，操作時間とエラ方式を同一のウェブサイトによるタスクで評価するため，予備実験において強い順序効果が観察されたからである．なお，操作方式を変える時には休憩を挟んだ．
操作方式の使用順序にはカウンターバランスをとり，タスクの実施順序には無作為化をおこなった．
6.5

結果

図 6 に，操作方式とタスクごとの操作時間の平均を示す．2 要因被験者内分散分析を行ったところ，主効

Operation Time (seconds)“矢印タグ”を利用したテレビ用ウェブブラウザ操作方式

360
300
240

Arrow Tag
Number Tag
Focus Move

180
120
60

果 が ， 操 作 方 式 (F2,46=274.15, p<0.001) ， タ ス ク

00
EPG(F2,46=553.47, p<0.001)，交互作用(F4,92=100.07, p<0.001)のすべてで有意差が確認された．Shaffer の多重比較

News

Shopping

図7 タスク・操作方式ごとの操作時間を行ったところ，矢印タグ方式は，全てのタスクにお表2 リモコンのキーパッドを見た頻度

いて，数字タグ方式（p<0.01）やフォーカス移動方式

常に見た

時々見た

ほとんど
見ていない

矢印タグ

0

3

21

数字タグ

21

2

1

フォーカス移動03

21（p<0.01）より有意に速いことが確かめられた． また，数字タグ方式も全てのタスクにおいて，フォーカ
ス移動方式より有意に速いことが確かめられた（p<0.01）．
エラー率（被験者が間違ってリンクを選択した割合とした）に関しては，操作方式(F2,46=0.87, p=0.43)，タ

表3 リモコンの持ち方

スク(F2,46=0.14, p=0.87)，交互作用(F4,92=1.02, p=0.4).
の全てで有意差は確認されなかった．エラー率は，全片手両手ての操作方式において低かった．操作方式ごとの総合

矢印タグ

20

4

エラー率は，矢印タグ方式で 0.43%，数字タグ方式で

数字タグ

0

24

フォーカス移動15

90.45%，フォーカス移動方式で 0.43%であった．
被験者は，個々の操作方式を使用した後，「どの程度リモコンのキーパッドを見たか」という質問に 3 択で回答した．この集計結果を表 2 に示す．カイ 2 乗検60.86, p<0.0001)．
また，実験者は，被験者が個々の操作方式を使用している時に，リモコンを片手／両手のどちらで持っていたかを記録していた．この集計結果を表 3 に示す．
カイ 2 乗検定を行なったところ，有意差が確認された
2(X (2) = 36.14, p<0.0001)．
本実験の最後に，被験者は「普段自宅のテレビで使用するとしたら，三種類の操作方式のうちで，どれがよいか」というアンケートに回答した．この結果を図7 に示すが，24 人中 19 人が矢印タグ方式を選んだ．
数字タグ方式を好んだ被験者は 4 人，フォーカス移動
方式は 1 人であった(X2(2) = 23.25, p<0.0001)．それぞれの操作方式を選んだ／選ばなかった理由も列挙して記述するよう求めたが，この結果は考察の中で述べる．
6.6

考察

三つの操作方式でエラー率に有意差は確認されなかったが，操作時間に関しては，いずれのウェブサイト
を使ったタスクにおいても，矢印タグ方式が最も短い結果となった．また，被験者の主観評価の観点からも，人数定を行なったところ，有意差が確認された (X2(4) =

20
18
16
14
12
10
8
6
4
2
0
矢印タグ

数字タグ

フォーカス移動

図6 被験者の好み

矢印タグ方式が最も好まれる結果となった．以上の結果から，矢印タグ方式が 3 方式のなかで最も優れていると結論づけることができる．
矢印タグ方式が普段自宅で使う方式として最も評価された理由としては，「リモコンを見ずに操作できるから（8 名）」が一番多かった．次いで多かった意見は「片手で操作できるから（7 名）」であった．テレ
ビの前では，様々な体勢でリモコンを使う可能性がある．片手で使えるほうが，体勢が拘束されないため，
この点も評価されたと考えられる．しかし，「数字タグ方式に比べて画面がごちゃごちゃして見える（4名）」という否定的な意見もあった．この原因の一つ

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

は，数字タグ方式が 1-2 文字のタグで済むのに対し，実験により，矢印タグ方式は，従来のフォーカス移動

矢印タグ方式は 1-3 文字必要だからだと思われる．た方式や数字タグ方式よりも優れていることを示した．

だし，三文字の矢印タグなどは大抵同一記号の二連続

また，ユーザに最も好まれることも明らかにした．提と他の一文字であるため，「→→↓」を「⇒↓」など

案方式は，従来どおりのリモコンを用いるため，ソフとして二文字で表現する方法が考えられるが，矢印タ

トウェア側の改良だけで比較的容易にテレビに実装でグのデザイン面での改良は今後の課題である．

きるであろう．今後は，タグ割り当てアルゴリズムの数字タグ方式は，矢印タグ方式とは対照的に「リモ改良や，方向キーを備えたテレビ以外の機器（例えばコンと画面の両方を見比べるのは大変（8 名）」であ

モバイル機器）への応用等を検討する予定である．

ることや「両手をつかうのは面倒（6 名）」であることが評価を下げた原因であった．ただし，肯定的な意
見としては「数字入力に慣れている（3 名）」が多かった．
もう一つ数字タグ方式で注目すべき点は，操作時間の内訳である．4 節でタグ自体の入力時間を評価したが，矢印タグと数字タグの差は最大でも 0.3 秒ほどであった．被験者が異なるとはいえ，この結果だけから考えると，例えば選択するリンクが 13 箇所あったショッピングサイトを使ったタスクでは，数字タグ方式
は矢印タグ方式より最大で 4 秒ほどしか遅くならない
はずである．しかし，実際には 8 秒遅れていた．この理由を探るため，被験者らの操作記録を詳細に調べた
ところ，数字タグ方式では，リンクを選択した直後の操作（大抵はスクロールや「戻る」機能の操作）が全タスクにおいて，矢印タグ方式より平均 252 ミリ秒（標準偏差 163）遅れていることが判明した．この理由は，リンクを選択する時に画面から目を離すので，その後画面に目を戻した後，画面内の状況把握に遅れが生じるためと考えられる．
フォーカス移動方式でも，矢印タグ方式同様，手元を見ずに操作でき，ほぼ片手でも操作することはできたが（矢印タグ方式より両手操作の被験者が若干多い
理由は，ブラウザの「戻る」機能のキーを左手で操作していた人もいたため），本実験では被験者に最も好まれない結果となった．この理由として「フォーカス
がとき どき 思った とこ ろに移 動し てくれ ない （19名）」「スクロールがやりにくい（11 名）」「選択したいところにすぐにたどり着けない（10 名）」という意
見が多かった．最初の意見に関しては，ウェブページ
上のリンクが必ずしも格子状に配置されているとは限らず，リンクの大きさも皆異なるため，フォーカスがどのリンクに移動するのかわかりにくいのだろうと考
えられる．

7.

まとめ

テレビ用ウェブブラウザのためのリモコン操作によるリンク選択方式として，矢印タグ方式を提案した．

謝辞

本研究を進める上で有益な御意見を頂いた渋沢潮氏，中村無心氏，山田辰美氏に感謝する．

参

考

文

献

1) Blanch, R. and Beaudoujin-Lafon, M.: Semantic
pointing: improving target acquisition with controldisplay ratio adaptation. In Proc. CHI ’04, pp.519526 (2004).
2) A. Cockburn and A. Firth. Improving the acquisitionof small targets. British HCI Conference 2003,
pp.181-196 (2003).
3) Fenrir web browser,
http://www.fenrir.co.jp/
4) Fitts, P. M.; The information capacity of the humanmotor system in controlling the amplitude of
movement. Journal of Experimental Psychology, 47.
pp.381-391 (1954).
5) Grossman, T. and Balakrishnan, R.: The bubble
cursor: enhancing target acquisition by dynamic
resizing of the cursor’s activation area. In Proc.
CHI ’05, pp.281-290 (2005).
6) Guiard, Y., Blanch, R. and Beaudouin-Lafon, M.:
Object pointing: a complement to bitmap pointing in
GUIs. In Proc. Graphics Interface, pp.9-16 (2004).
7) Hachet, M., Puderoux, J., Tyndiuk, M., and Guitton,
P.: “Jump and refine” for rapid pointing on mobile
phones. In Proc. CHI ’08, pp.167-170 (2008).
8) Kabbash, P. and Buxton, W.: The “prince” technique:fitts’ law and selection using area cursors. In Proc.
CHI ’95, pp.273-279 (1995).
9) Laukkanen, J., Isokoski, P. and Raiha, K.: The cone
and the lazy bubble: two efficient alternatives
between the point cursor and the bubble cursor. In
Proc. CHI ’08, pp.309-312 (2008).
10) Lim, S. C.: Effective interaction techniques formoving cursor using a remote control. In Proc.
CHI ’04, pp.1542 (2004).
11) MacKenzie, S.: Fitts’ law as a research and design
tool in human-computer interaction. HumanComputer Interaction, 7, pp.91-139 (1997).
12) McGuffin, M and Balakrishnan, R.: Acquisition of
expanding targets. In Proc. CHI ’02, pp.57-64 (2002).
13) SONY PlayStation 3,
http://www.playstation.com/