PartNavi ‑ 画面分割によるオブジェクト選択インタフェース
1
1

片岡 ハルカ2

五十嵐 健夫

東京大学理学部情報科学科, 2 東京大学大学院情報理工学系研究科{hrk,takeo}@ui.is.s.u‑tokyo.ac.jp

1.はじめにトが選択される事になる。

近年、Web サイトが閲覧できる携帯電話やネット家電等、これまでコンピュータ上で行っていたような複雑な処理を行う機器が身近な電気製品として増えている[1]。これらの機器では、たくさんの機能を分かりやすくユーザに提供するために、液晶画面等を使ったグラフィカルなインタフェースを持つものが少なくない。これらの機器ではコンピュータ上の GUI に見られるようなアイコン、メニュー等が採用されているが、利用環境、大きさの制約からマウス、ペン等のポインティングデバイスが採用しづらい[2]。代替として、ボタンのみでの操作の場合、方向ボタンでカーソルを動かす事によって画面上のオブジェクトを選択する。
しかし、選択できる項目が多くなると、ユーザはカーソルを目的のオブジェクトに到達させるために何回も方向ボタンを押す必要があり、操作にか

図 1:PartNavi に分割された Web ページ[*]

かる時間やストレスが大きい。
PartNavi は、ボタンでカーソルを移動する代わりに、注目する画面エリアを絞り込む事で画面中のオブジェクトを少ない操作で選択できる様にする手法である。
2.PartNavi の基本アイデア
機器に 3×3 のマトリックス状のボタンがついているとする。PartNavi では、このボタンに対応させて画面領域を 3×3 に分割する(図 1)。
ユーザは、自分の選択したいオブジェクトの存在する領域に

図 2:ユーザが領域を選択した状態対応するボタンを押す。すると、その領域が再帰的に 3×3 のエリアに分割される(図 2)。これを繰り返して画面領域を選択したいオブジェクトに対して狭めていく。中に選択可能なオブジェクトが一つしかない領域が選ばれたら、そのオブジェク
PartNavi - Object selection by recursive screen
partition
Haruka Kataoka (The Univ. of Tokyo),

Takeo Igarashi (The Univ. of Tokyo)

図 3:さらに領域を選択した状態(拡大)但し、機器にはもう一つ領域選択をキャンセルして前の状態に戻るボタンが必要である。また分割対象の画面領域が狭くなりすぎると画面が見づのサイズまで縮尺を変えながらブラウズする。さらくなるため、選択可能なオブジェクトが 9 つ以らに、ハイパーリンクの選択も同様に拡大された下になった時点でそれらのオブジェクトに直接ボ領域の中で PartNavi を利用して選択する。

タンに対応するラベルをつけて選択させる事にしている(図 3)。
また、
PartNavi は 3×3 のボタン配置に限らず、画面分割の方法を変更する事で、十字型のカーソルキーや、その他のボタン風デバイスで操作する様に変更できる。
ここで、
a) n 個のオブジェクトを縦一列に並べ、上下方向ボタンで選択する場合。b) n 個のオブジ
ェクトを縦横に並べ、上下左右方向のボタンで選択する場合。c)PartNavi を使い、均等に画面上に散らばったオブジェクトを 3×3 のボタンで選択する場合の３つを考える。それぞれの場合のオブジェクト選択に必要なボタンの押下回数は、a)ではO( n )、b)では O( n )、c)では O(log9 n )となり、理論的には圧倒的にボタンの操作回数を少なくできる。

4.まとめ
PartNavi はポインティングデバイスが無く、画面サイズの限られている環境での画面オブジェク
トの選択操作に威力を発揮する。さらに、PartNaviの利点としては、ボタンの部品としてのコストが安く、搭載しやすい事、これまでの機器デザインはそのままで、ソフトウェアを書き換える事で実現可能な事、コンピュータの画面上で洗練された画面デザインやコンテンツをそのまま流用しやすくなる事があげられる。
一方、PartNavi の操作方法にこれまでの方向ボ
タンとカーソルによる操作に慣れたユーザが簡単に馴染めるか、またオブジェクト選択以外のタスクとの操作の整合性を保てるか、という問題点が存在する。
今後の研究では、携帯電話における PartNavi を使った Web ブラウジングタスクについてズーミン
グインターフェイスのツールキット Jazz[5]と、携

3.携帯電話での小型画面への応用Web ブラウジングのできる携帯電話は広く普及しているが、現状では Web ページを携帯電話の小帯電話型キーボードの Keiboard[6]を用いてプロトタイプシステムを実装し、ユーザテストによりさい画面にコンピュータのブラウザと同じデザイ有効性を明らかにする予定である。

ンで表示する事はハードの能力や、操作性の点から実現しておらず、Web ページは携帯電話の小型画面向けに変形、編集されて表示される[3]。しかし、既に PDA 等の小型画面にページサムネイルとズームを利用して Web ページをオリジナルのままのデザインでブラウズする研究も進んでおり[4]、近い将来携帯電話でもこの様なブラウジングが実現できる事が予想できる。しかし、携帯電話には携帯性の面からハイパーリンク選択のためにマウスやペンのようなポインティングデバイスは搭載しにくい。そこで、3×3 に配置された 1 から 9 までの番号ボタンを使い、PartNavi を応用してブラウジングする。
最初にページが表示された時点では、Web ページはその横幅が画面の横幅に収まるように縮小されて表示される。この画面を分割し、ユーザが領域に対応するボタンを押すと、その領域が画面いっぱいに拡大表示される。この様に、Web ページの全体を一望できるサムネイルから、オリジナル

関連研究
1. 辰巳 勇臣, 野田 尚志, 旭 敏之, 山田 敬嗣, ポインタ
ズーミング：限定された入出力環境でのポインティング手法, 第 10 会 インタラクティブシステムとソフトウェアに関するワークショップ(WISS2002), pp.67-72, 日本ソフトウ
ェア科学会, 2002.
2. J. H. D. M. Westerink , K. van den Reek, Pointing
inentertainment-orientedenvironments:
appreciation versus performance, ACM SIGCHI
Bulletin, v.27 n.1, p.41-44, Jan. 1995.
3. 杉浦淳, 携帯端末における Web ブラウジングユーザイン
タフェース, インタラクティブシステムとソフトウェア VI (日本 ソフトウェア科 学 会 WISS 98), 近 代 科 学 社 ,pp.175-180, 1998.
4. Wobbrock, J.O., Forlizzi, J., Hudson, S.E., Myers,
B.A. "WebThumb: Interaction Techniques for
Small-Screen Browsers." Proc. ACM Symposium on
User Interface Software and Technology (UIST '02).
Paris, France, October 2002, 205-208.
5. Ben Bederson, Jazz (Toolkit for zoomable userinterfaces), http://www.cs.umd.edu/hcil/jazz/
6. 株式会社メヴァエル, Keiboard(携帯電話型キーボード),
http://www.mevael.co.jp/item.html*
片 岡 ハ ル カ , 100yenLABel, DRUM SOFT,
http://drumsoft.com/