Fix & Slide

Caret Navigation with Movable Background

ja_img
日本語
en_img
English

Abstract

タッチデバイスにおいて指定したい場所が指に隠れて見えず正確な位置を指定できない、いわゆるFat finger problem は古くから指摘されている。この問題は、要求するポインティングの精度と指の太さの比率に依存するため、スマートフォンやスマートウオッチなどといった小型のデバイスにおいて顕著に表れる。小型デバイスでも、十分に大きな領域を指定するようUIを工夫すれば回避可能であるが、テキスト編集におけるキャレット(テキストカーソル)の移動というタスクでは文字を大きくすることは一覧性の低下に直結するため回避できない。そこで、本研究では、キャレットの移動を指のタッチによって直接指定する既存の方法に代えて、キャレットを除くテキスト全体を移動させることでテキスト中のキャレットの相対位置を決定するインタフェースを提案する。この方法では、移動させたい場所はずっと見えているため、ファットフィンガー問題は発生しないという利点があり、早く正確な位置指定が期待できる。

We present a “Fix and Slide” technique, which is a concept to use a movable background to place a caret insertion point and to select text on a mobile device. Standard approach to select text on the mobile devices is touching to the text where a user wants to select, and sometimes pop-up menu is displayed and s/he choose “select” mode and then start to specify an area to be selected. A big problem is that the user’s finger hides the area to select; this is called a “fat finger problem.” We use the movable background to navigate a caret. First a user places a caret by tapping on a screen and then moves the background by touching and dragging on a screen. In this situation, the caret is fixed on the screen so that the user can move the background to navigate the caret where the user wants to move the caret. We implement the Fix and Slide technique on iOS device (iPhone) to demonstrate the impact of this text selection technique on small mobile devices.

Basic Idea

キャレットの移動

move caret

キャレットの移動

/ move caret

move_caret

(1)画面の任意の位置をタッチしドラッグすると画面全体が動く (2)ドラッグ中、キャレットはドラッグ開始時の位置に固定され、ドラッグされた文章内の同位置にあたる一字に移動する (3)画面から指を離すとキャレットは移動を完了し、文章全体は元の位置に戻る

People just tap on the screen to place the caret, and touch and move anywhere on the screen to manipulate the background to set the caret on the target.

文字の選択

text selection

文字の選択

/ text selection

text_selection

(1)選択の始点となる位置までキャレットを移動する (2)画面上の任意の位置でダブルタップし、選択モードへ移行させる (3)キャレットの移動と同様に選択終点までキャレットを移動させる (4)画面から指を離すと選択の終点が確定し、文章全体は元の位置に戻る

After the users placed the caret on the target, they can select the text. A double tap is a command to change mode from placing caret to the text selection mode. They can select text by taping on the screen and move background to move the caret to the target (end of the text selection).

Video

Publication

  • 鈴木 健司, 岡部 和昌, 坂本 竜基, 坂本 大介, テキスト全体の移動によりキャレットの相対位置を変化させるポインティング手法の提案, インタラクション2015, pp.638-640, 2015.

    インタラクティブ発表賞

  • Kenji Suzuki, Kazumasa Okabe, Ryuuki Sakamoto, and Daisuke Sakamoto. 2015. Fix and Slide: Caret Navigation with Movable Background. In Adjunct Proceedings of the 28th Annual ACM Symposium on User Interface Software & Technology (UIST '15 Adjunct), pp.79-80, 2015.

    People's Choice Best Poster, Honorable Mention

  • 鈴木 健司,岡部 和昌,坂本 竜基,坂本 大介, Fix and Slide: 文字列全体を操作することによるキャレットの操作手法, 第23回インタラクティブシステムとソフトウェアに関するワークショップ(WISS2015), pp.73-78, 2015.

プレイヤーを閉じる