図書館情報メディア研究 11 巻 2 号 61 〜 71 ページ

2013 年

ウェブページ観察時の注意走査パターン
森田ひろみ

The pattern of attentional scan on web pages
Hiromi MORITA
抄録
サイト制作者にとって、ユーザがページに目を留め利用するかどうかは重要である。そのため、閲覧者がページ内のどこに最初に注意を向けるかを調べる研究がなされているが、その多くは視線計測によるもので、他の方法はほとんど用いられていない。そこで本研究は、「変化の見落とし」と呼ばれる認知心理学的現象を用いて、観察者がページ上の個々のアイテムにどのような順序で注意を向けるかを測定する方法を提案する。実験参加者は、トップページ画像とその中の 1 個のアイテムに変更を加えたダミー画像が、一面灰色の画像を挟んで、短時間で交替するのを観察し、変化を発見したらただちに反応した（実験 1）。反応までに繰り返された画像切り替え回数は、どの時点でそのアイテムに注意を向けたかを反映することが知られている。結果は、観察者が、サブコンテンツやユーティリティより先にセクション（メニュー）に注意を向け、
サイト ID、
セクショ
ン、メインコンテンツより後でサブコンテンツに注意を向けることを示した。これは、より自然な観察条件でもほぼ再現された（実験 2）。結果が、視線計測を行った先行研究と一貫していることから、本実験手法がウェブページ上の注意走査パターンの測定に有効であることがわかる。

Abstract
It is important for web site designers that users spend time on their sites to make use of
the content. The page location to which users first direct their attention has been studied
most often by tracking eye movements. However, few studies have used other methods. This
study explores the order in which users direct their attention to web page items by use of thecognitive phenomenon known as “change blindness”. Participants observed an entry pagealternating with a modified page. These pages were separated by a brief presentation of a
blank page. Participants responded as soon as they noticed the change (Exp. 1). The numberof alternations required to detect a change is known to reflect the point in time that attention
is directed to the changed element. Participants directed their attention to the navigation bar(section) earlier than to the sub content and the utility, and they also directed their attention
to the sub content later than to the site ID, the navigation bar and the main content. This
result was substantially reproduced in Exp. 2 with more natural observational conditions.
It is consistent with the results of eye tracking studies, suggesting the effectiveness of thisexperimental method for measuring the pattern of attentional scan on web pages.

筑波大学図書館情報メディア系
Faculty of Library, Information and Media Science
University of Tsukuba

─ 61 ─

図書館情報メディア研究 11（2）2013 年

1．序論

間の比率をヒート ･ マップ形式で表現して定性的に分析した結果から、①ページ内に大きな人物画像がある場合

インターネットが普及し、経済活動に大きな役割を占には、その領域に視線が長時間停留するのに対し、ペー

めるようになった現代、多くの企業がウェブサイトのジ上に様々な情報が同程度の取り扱いで掲載されている

ユーザビリティに関心を持つようになった。個々のペーページにおいては、視線は拡散する傾向が見られること、ジがユーザにとって利用しやすいものであるかどうか②初期に視線が向けられる領域は、中央の人物画像領域、は、一般的にユーザがどのようにウェブページを見るのページ上部のロゴ、そしてナビゲーションバーであるこかという、ウェブページ閲覧の一般的傾向に大きく依存とを示唆した。

すると考えられる。しかしながら、そのような一般的な

これらの研究では、ウェブページを観察する際の視線

ウェブページの認知の特性は十分に研究されているとは移動の傾向を調べ、その結果から、観察者がウェブペー言えない。その理由の一つとして、ウェブページの認知

ジ上でどのような順序で個々の情報に注意を向けたかを特性について調べる方法が、視線計測などに限られてい議論している。しかし、観察者が注意を向けた順序を直たことがあげられる。そこで本研究は、閲覧者がウェブ

接的に測定することができれば、高価な眼球運動測定装ページ上の情報にどのような順序で注意を向けるかを測置を用いることなく、より簡便にウェブページ上の注意

定する新しい認知心理学的手法を提案し、その方法を用の走査順序を調べることができると考えられる。そこでいて注意の走査順序を調べ、この方法の妥当性や有効性

本研究では、次に述べる「変化の見落とし現象」というを検討する。

注意に関する認知心理学的現象を利用して、ウェブペー
ジ観察中の注意の走査順序を測定する方法を提案する。

1.1

視線計測による研究

ウェブページ観察中のユーザの注意に関する研究は、
これまで主に視線を計測することによって行われてきた。
1）

1.2

変化の見落とし現象「変化の見落とし現象」とは、画像中の注意を向けて大野 は、ユーザが必要とする情報をウェブページ画いない場所で明らかな変化が起きても観察者がそれに気面から探し出す場面を設定し、その際のユーザの視線をづかないという現象で、Rensink ら が発見した。彼ら

計測し分析することにより、ウェブページ上で主に利用

は「フリッカー法」という実験パラダイムを開発するこ

される情報の種類を明らかにしようとした。実験参加者とによりこの現象を明らかにし、注意のメカニズムに関に企業等のウェブサイトのトップページを提示し、特定連するものであることを証明した。

3）の情報を探索するよう指示した。探索中の視線計測デー

フリッカー法とは、画像 A とそれを一部変化させたタの分析に先立って、刺激となるトップページを次のよ

画像 A’を、一面灰色のブランク画像を挟みながら短時

うな領域に分類した。メニュー（縦あるいは横に連続し間で交互に切り替えて表示し、観察者が変化に気づくまて配置された、
リンクを含む文字列）、
リンクあり文章（文でに要する切り替え回数を測定する実験方法である（図中にリンクが 1 個以上含まれる、複数行に渡る文字列）、

１参照）。画像 A’は画像 A 内にあるアイテムの一つを

リンクなし文章（リンクを含まない、複数行にわたる文

消去する、あるいはその色や場所を変えることにより作字列）、ビットマップ図（グラフィックスで描かれた画成する。実験の結果、興味を引きやすいアイテムは興像データ）などである。

味を引きにくいものに比べて変化検出に要する切り替

視線計測データの分析結果から、①メニューおよびリ

え回数が少ないこと、つまりアイテムが注意を引く度

ンクあり文章の領域に視線を向けていた時間が、他の領合いが高いほど変化検出が早いことが明らかになった。

域に比べて長い、②画面提示からの経過時間が短いほど、

Rensink ら によると、画像切り替え時に変化位置（ター画面の右側よりも左側を、下側よりも上側を見ることがゲット位置と呼ぶ）に注意を向けていた場合、先ほど認多い、という傾向が示唆された。ただし②の点に関して知し記憶に保存したアイテムと現在表示されているアイ

は、著者自身が指摘しているように、実験参加者が問題

テムの違いを発見できるが、他の位置に注意を向けてい画面提示直前まで画面左上に視線を向けるよう実験的にた場合、間に挟まれたブランク画像により直前に見てい統制したことが影響していた可能性が考えられる。

た画像のアイコニックメモリが消失してしまうため、変2）

3）

Djamasbi ら は、ウェブページを 10 秒以上見て、そ化に気付くことが困難である。（ブランク画像を挟まずれがどのくらい好ましいかを評定するよう実験参加者にに画像 A と A’を切り替えた場合には、画像のほとんど

指示し、その間の視線を計測した。視線を向けていた時の部分が変化せず静止している中で、ターゲットアイテ─ 62 ─

森田

ウェブページ観察時の注意走査パターン

的としてこの方法を用いた研究は行われていない。そこ

80ms

で本研究は、この方法を用いて、ウェブページ内のアイ

A

80ms

A'

80ms

A

テムあるいは領域が注目される順序を調べ、その結果を
視線計測の結果と付き合わせることにより、この方法の240ms

有効性や妥当性を調べる。
本研究では、ウェブページを見る際の一般的な注意特240ms

性を測定するため、ウェブページを構成要素に分解し、

240ms
図１

その中からいくつかのアイテムあるいは領域を選択し、フリッカー法の画像表示スケジュール

それらに対して注意が向けられる順序を調べる。
6）

Krug に基づき、機能的観点から、ウェブページの構
ムだけが変化するため、ただちにそのアイテムに注意が造を、サイト ID、セクション、メインコンテンツ、サブ

引きつけられ、それを認知し記憶するため、次の切り替

コンテンツ、ユーティリティの 5 つに分類した。図 2 に示すように、サイト ID はウェブサイトのタイトルを指し、えで変化を検出できる。
）
このようにフリッカー法では、どの切り替えの時点で多くの場合ロゴがページの左上に置かれる。セクション

ターゲットアイテムに注目したかが、変化検出までにかは主要コンテンツへのリンク集で、ページの上部に横一かった切り替え回数を決めている。つまり、刺激の提示

列に並べられることが多い。メインコンテンツはサイト開始から変化を発見するまでの画像切り替え回数は、観制作者が最も伝えたい部分であり、中央に配置され面積察者が画像内のアイテムに注意を向けた順序を反映する。

が広く取られ、内容も豊富である。サブコンテンツはメ

4）

なお、O’Regan ら は、実験参加者がまばたきをする

インコンテンツほどの重要性を持たない特集記事の案内

たびに画像を切り替えるという方法を用いて、視線を計やバナー広告などの情報からなり、右コラムや下部に置測しながら「変化の見落とし現象」を調べている。そのかれることが多い。そしてユーティリティはサイト内検結果、変化を発見したときの視線の停留位置は、多くの索やカートへのリンクといったサイト内での操作機能を場合ターゲット位置に近かったが、停留位置がターゲッ

一ヶ所に集めたものであり、多くのサイトで右上やフット位置から遠い場合も一定の割合で変化が検出された。

ターに置かれる。（ただし、ブログなど、これらとは異また、実験参加者がターゲット位置に視線を向けていたなる構造のサイトも存在する。）

場合でも、その 4 割程度はそこで生じた変化の検出に失敗していた。これらの結果は、変化を見つけるためには、

サイトIDそこを見るだけでは不十分であり , 注意を向けて見るこセクション

ユーティリティとが必要であることを示す。
変化の見落としは、非常に堅固な現象である。様々な刺激提示方法で生じ、その中のフリッカー法を用いる場
合に限っても、画像を長時間提示しても、またブランク

メインコンテンツ

画面の提示時間を 40 ミリ秒から 320 ミリ秒まで様々に

サブコン
テンツ

5）

変えても生じることが報告されている 。
1.3

本研究の目的
図２

フリッカー法を用いた変化検出課題では、実験参加者

ウェブページの基本的構成要素

が変化位置に注意を向けると、その時の切り替えで変化を検出し、反応する。したがって、画像内で変化させる

実験 1 は、これらのアイテムあるいは領域に注意を向

アイテムを変えて変化検出に要する切り替え回数を比較ける順序のパターンを、フリッカー法を用いた変化検出することにより、それぞれのアイテムが注目される順序

課題により計測できるかどうかを調べる。

を知ることができると考えられる。このように、フリッカー法と変化検出課題を組み合わせて注意の走査順序を調べるという方法は、理論的に妥当であると考えられるにもかかわらず、これまでに注意の走査順序の測定を目─ 63 ─

図書館情報メディア研究 11（2）2013 年

2．実験１ンツ（MC）、サブコンテンツ（SC）、ユーティリティ（UT）

2.1の 5 領域を選定した。各トップページの構成要素のレイ

2.1.1

実験方法
実験参加者

アウトを図 3 に示す。そして、これらの 5 領域のうちど

19 歳から 37 歳までの男女 40 名が実験に参加した（男性 12 名、女性 28 名、平均年齢 22.1 歳）。全員裸眼また

れかの領域の全体または一部を変化させた（以降、変化部分とする）。

は矯正での視力が正常であった。また、実験の目的を知らなかった。

ID、SE、UT については、領 域 全 体を変 化させた。
MC と SC は、ID、SE、UT に比べて領域の面積が大き
いため、領域の一部を変化させた。横幅はその領域の横

2.1.2

実験装置および環境

幅と等しく、縦幅はそのページのサイト ID の縦幅と等

パーソナルコンピュータ（DELL 社製 Dimension8400）

しい矩形領域を変化させた。この矩形領域を設定する際と液晶ディスプレイ（同社製 17 インチ TFT 液晶モニ

は、消失または色変化させたときに、違和感が少ないよタ E172FPt）を用いた。実験環境は、実験室の一画をうに選んだ。
（例えば、3 行にわたる文の 2 行分だけを矩

ついたてで区切り、実験者と実験参加者が十分な余裕を形領域として選んで消失させるというようなことがない

もって座れるようにした実験スペースで、蛍光灯によるようにした。
）そのような制約の基、矩形領域が MC や

照明下であった。

SC 領域内において適度に上下に分散するように、それぞれのページにおける矩形領域を設定した。これは、変

2.1.3

刺激

化領域の空間的位置そのものが変化検出のしやすさに影

次の条件に基づき選択した 10 サイトのトップページ

響を与えるかどうかが明らかでないため、影響があったを基に、実験刺激を作成した。具体的なサイト名を表 1としても、サイト間で位置の影響を平均化できるようにに示す。これらのサイトは、①実験参加者の年代にとっするためである。結果として、ID、UT、SC の変化部分て親近感がある、②サイト内の構造が明確で、下に述べの面積に比べ SE、MC の変化部分の面積がやや大きくる 5 種類の構成要素を全て含むという 2 点を基準として、なったが、変化部分の面積が「変化の見落とし」現象に様々な業種から選択した。トップページを用いたのは、大きな影響を与えないことがわかっていること 、またどのサイトでも最も重要なページであるため、十分に整面積の違いが「変化の見落とし」の生起頻度に与える影備され、構成も整っていることが期待されるからである。

響を確認するために予備実験を行った結果、影響が見ら

これらのトップページをスクリーンショットとして切れなかったことから、この点は問題とならないと考える。

り出したもの（1 画面におさまらない場合はページトッ

変化の性質（以降、変化タイプとする）は、変化部分

プから 1 画面に提示できる範囲を切り出したもの）を基の消去または色の変化であった。消去する場合は、その画像とし、これを基に一部分に変化を加えた画像をダ部分に描かれたパターンを背景と同じ色で塗りつぶし、

ミー画像とする。

色を変化させる場合は、パターンおよび背景の色相を反3）転させた。ただし、灰色の場合は色相を反転させることができないので、赤色にした。

表１．実験に用いたサイト（2005 年当時）

サイト名
URL
amazon.com
http://www.amazon.co.jp/
Nissen On-line http://www.nissen.co.jp/index.htm
つくばエクスプレス http://www.mir.co.jp/
TSUTAYA online http://www.tsutaya.co.jp/index.zhtml
asahi.com
http://www.asahi.co.jp/
YOMIURI
http://www.yomiuri.co.jp/
ONLINEJR 東日本http://www.jreast.co.jp/
愛地球博
http://www.expo2005.or.jp/jp/
ジュンク堂書店 http://www.junkudo.co.jp/
明治製菓
http://www.meiji.co.jp/home.html

このようにして、基画像 1 枚につき、変化部分（5 通り）と変化タイプ（2 通り）の異なるダミー画像を 10 枚作成した。基画像とダミー画像をペアにして、10 サイト
について 10 ペアずつ、合計 100 ペアを用意した。
この他に、基画像とダミー画像の間に挟むブランク画像として、灰色の画像１枚を用意した。
2.1.4

実験手続き

基画像とダミー画像を、間にブランク画像を挟んで交互に表示する。それぞれの画像の表示時間は、基画像とダミー画像が 240 ミリ秒、ブランク画像が 80 ミリ秒で3）

ページごとに、序論で述べた機能的観点から、サイトある（図 1 参照）。これらの提示時間は Rensink ら がID（以後 ID とする）
、セクション（SE）、メインコンテ

フリッカー法を用いて変化の見落としを発見した実験に

─ 64 ─

森田

ウェブページ観察時の注意走査パターン

おける提示時間に合わせた。

行開始のキーを押してから反応キーを押すまでの画像切試行の開始画面が表示されたら実験参加者はキーを押り替え回数が記録される。

して試行を開始し、交互に表示される画像を見比べて変なお、実験参加者には、できるだけ間違えずにかつ素化部分を探し、見つけたらただちにキーを押して反応す

早く反応すること、また意図的に、タイミングを合わせる。反応すると基画像が表示されて止まるので、どこがて瞬きすることにより、ブランク画像提示時間 80 ミリ秒

どのように変化したかを指差しと口頭で答える。これでの間を、目を閉じて過ごすことがないように教示した 。

1

1 試行が終了し、次の試行の開始画面が表示される。試

ID

ID

UT

UT
SE

SE

UT

MC

MC SC

SC
ID

MC
UT

UT

UT

SC

ID

MC
SE SC
MC

SE

UT

MC

SE

ID

ID

UT
SE

MC SC
UT
SE

図３

SE

MC SC

SC

UT

ID

MC

UT

ID

ID

SE

SC

ID

UT

MC

SC

実験に用いたトップページにおける構成要素のレイアウト

─ 65 ─

MC
SC

SE

図書館情報メディア研究 11（2）2.1.5

2013 年

実験デザイン

数 1 回は基画像（またはダミー画像）の提示時間である

最初に、本実験とは別のサイトを基に作成した練習用の画像を用いて 2 種類の変化を 1 試行ずつ練習した。そ240 ミリ秒とブランク画像の提示時間である 80 ミリ秒を合わせた 320 ミリ秒に相当する。

の後、本実験として、ID、SE、MC、SC、UT のそれぞ

図 4 に、変化タイプ、変化部分に対する切り替え回数

れの変化部分について、消去される試行と色が変化するの実験参加者間平均値と、変化タイプで分けずに平均し試行を 1 試行ずつ、合計 10 試行を行った。これらの試たものを示す。

行は全て異なるトップページを用いて行った。変化部分と変化タイプの組み合わせからなる条件の出現順序は実切り替え回数の分布：ID

験参加者ごとにランダマイズし、これらの条件とサイト

8の組み合わせは実験参加者間でカウンターバランスした。

6
4
2

結果

17

数を対数変換した値を用いた。また、グラフに示す平均2

値は、幾何平均の値である 。ただし、切り替え回数は、

18以上

16

15

14

13

12

11

9

10

8

7

6

5

4

1

3

0

分析には、変化検出反応までに生じた画像切り替え回

2

2.2

11

切り替え回数の分布：SE88

基画像→ブランク画像→ダミー画像の切り替えを 1 回と6数え、その逆のダミー画像→ブランク画像→基画像の切4

り替えを別の 1 回と数える。したがって、切り替え回

2

30

8

20

6

10

4

0

18以上

17

16

15

14

13

12

11

10

9

8

17

16

15

14

13

12

11

10

9

8

7

UT

18以上

SC

6

0

0

5

2

10

4

4

20

3

30

1

6

2

8

40

MC

19

切り替え回数の分布：SC

消去と色変化の平均

SE

7

1

変化検出反応までに要した切り替え回数

6

0

変化部分

ID

11

2

UT

5

SC

4

MC

3

SE

18以上

17

16

15

14

13

12

11

10

9

8

7

6

切り替え回数の分布：MC40ID

切り替え回数

5

4

色変化

2

切り替え回数消去

3

変化検出反応までに要した切り替え回数

2

1

0

変化部分

切り替え回数の分布：UT

図４ 変
 化部分に対する、変化検出反応に要した切り替え回数のグラフ；上は変化タイプごとに分けたもの、下は
その平均

9

8
6
4
2

18以上

17

16

15

14

13

12

11

10

9

8

7

6

5

4

3

1

0

2

たとえブランク画像提示に合わせて瞬きをすることにより、ブランク
画像を見ないようにしても、それによって変化発見に至れるわけでは
4）
ないことがわかっている 。しかし、ブランク画像の提示と瞬目では、視覚への刺激入力の性質が異なることが考えられるため、このような教示を与えた。
2反応に要した切り替え回数は、反応時間などのデータと同様に、正規分
布せず、歪度が正の分布となる。このようなデータは、はずれ値（特に値の大きなもの）の影響を大きく受ける。この場合、データに対して対数変換を行うことにより、分布が正規分布に近づき、はずれ値の影響も小さくなるため、データ分析の際に対数変換を施すことが一般的に行7）
われる。同様に、平均値の計算も、算術平均ではなく幾何平均を行う 。
1

図５ 消
 去の検出反応までに要した切り替え回数の度数分布；
上から順番に ID、SE、MC、SC、UT における消去の度数分布を表す。切り替え回数 18 以上の範囲では、全ての階級で度数が 2 以下であったので、それらをまとめて 18 以上の 1 階級として表示する

─ 66 ─

森田

ウェブページ観察時の注意走査パターン

1）

反応に要した切り替え回数の対数値を対象として、変ページの上部から右側へと移動したことになり、大野化部分と変化タイプの 2 要因分散分析を行ったところ、が報告している「ページの右側よりも左側に早い時点で変化部分の主効果および変化タイプの主効果が有意で、視線を向けている」という傾向や、Djamasbi ら の「ペーそれらの交互作用が有意傾向であった（それぞれ、F（4,ジ上部のロゴ、ナビゲーションバーに初期に視線を向け

156）= 6.44, p < 001; F（1, 39）= 7.08, p < .05; F（4, 156）

る」という傾向と矛盾しない。したがって、フリッカー= 2.31, p < .07）
。変化部分の主効果が有意であったの法と変化検出課題を用いてページ内注意走査順序を調べで、多重比較（以下すべての多重比較には Bonferroni

る方法で得られた結果が、先行研究から示唆された傾向法を用いた）を行ったところ、SC と次の 3 種類の部分と一貫性をもつことがわかる。

2）の間に切り替え回数の有意差がみられた：SC と ID（pセクションやメインコンテンツの消去を報告するまで< .005）、SC と SE（p < .005）、 お よ び SC と MC（p <に繰り返された画像の切り替え回数のヒストグラムを見.05）。また、UT と SE の切り替え回数の間に有意差がると、3 から 4 回の頻度が最も高い。最初の切り替えの見られた（p < .05）
。変化部分と変化タイプの交互作用

時点では、まだ目的とする位置に注意を向けることがでが有意傾向であったので、単純主効果の検定を行ったときていなかった可能性や、変化を知覚してから実際に指ころ、消去の場合に変化部分の単純主効果が有意であっを動かして反応するまでの間に新たな切り替えが生じてたが（F（4, 36）= 4.99, p < .005）、色を変化させた場合しまった可能性などを考慮すると、実質的には 3 回以内には有意ではなかった。消去の場合について、多重比較の切り替えで変化を検出していたと考えられる。したを行ったところ、SC と他の全ての部分の間に切り替えがって、これらの実験参加者は刺激提示開始後、最初、回数の有意差が見られた：SC と ID
（p < .05）、
SC と SE（pあるいはその次にセクションやメインコンテンツに注意< .005）、SC と MC（p < .01）、SC と UT
（p < .05）。 変を向けていたと考えられる。サイト ID やユーティリティ

化部分の単純主効果が有意となった消去のタイプについのヒストグラムでは 6 回前後の頻度が高いことから、こて、切り替え回数の度数分布を変化部分ごとに表示する

れらの領域には、セクションやメインコンテンツの次の

（図 5）
。

段階で注意を向けていたと考えられる。
一方、サブコンテンツ領域内における消去を報告する

2.3

考察

までに要した切り替え回数は、最少が 5 回で、7 回から変化検出反応に要した切り替え回数（基画像からブラ

9 回の頻度が高い。したがって、サブコンテンツ領域内

ンク画像を挟んでダミー画像への切り替えを 1 回と数へ素早く注意を向けることはほとんどなかったと考えら

え、その逆は別の 1 回と数える）の分析結果から、①れる。

サブコンテンツ領域内に変化を設けた場合には、サイト ID やセクション、メインコンテンツ領域内に変化を

3．実験２

設けた場合に比べて変化発見までに多くの切り替え回数を要すること、②セクションの変化検出よりもユーティ

実験１において、フリッカー法と変化検出課題を用い、リティの変化検出の方が切り替え回数を要することがわ

観察者がウェブページ上のアイテムや領域に注意を向け

かった。このようにアイテムあるいは領域間に有意な切る順序を調べた結果、先行研究と一貫する傾向が得られり替え回数の差が見られたことから、フリッカー法によた。しかし、この方法には、トップページ画像とダミーる変化検出課題がページ内のアイテムあるいは領域間の画像がブランク画像を挟み短時間で交替するという非常比較に有効であると言える。

に不自然な条件でページを観察するという問題点があ

上記の①からは、サブコンテンツに注意を向けるのがる。これは、通常のウェブページ閲覧状況と大きく異な

比較的遅い時点であること、②からは、位置的に近接しることから、この特異な観察条件が結果に影響を及ぼしているセクションとユーティリティの間で、セクションている可能性を否定できない。そこで実験 2 では、よりにはユーティリティよりも先に注意を向けることがわか

自然なウェブページ閲覧条件に近づけるため、次のようる。
今回用いたトップページのレイアウトのほとんどが、な刺激表示方法で変化検出課題を行う。１）観察者は基ID がページ左上に位置しており、セクションがページ

画像を十分観察した後、好きなタイミングで挿入画像を上部に横一列に並べられ、ユーティリティが右上におか経てダミー画像に切り替え、ダミー画像観察後もまた好れ、サブコンテンツが右コラムにおかれるレイアウトできなタイミングで挿入画像を経て基画像に切り替える。

あった。結果をこのレイアウトに当てはめると、注意が

２）挿入画像としてブランク画像ではなく、トップペー

─ 67 ─

図書館情報メディア研究 11（2）2013 年

ジのリンク先から適当なページを選択して用いる。これ

画像から挿入画像へ進んだ後、再びダミー画像へ戻るこは、突然何もないブランク画像に切り替わる不自然さをとはできない。

排除するためである。

実験参加者には、好きなタイミングでキーを押して画このような刺激表示方法を用いた場合には、常に画像像を切り替えながら、変化部分を探し、できるだけ間違が切り替わるフリッカー法のように変化位置に注意を向

えずにかつ素早く反応するように教示した。また、挿入

けるとただちに変化を発見できるわけではない。した

画像としてサイト内画像を用いた実験参加者には、基画がって、変化検出反応までの切り替え回数が注意の走査

像とダミー画像の間に挟まれる画像は課題と無関係であ順序を忠実に反映することはない。しかし、早い段階でることを教示した。

注意を向けて視覚作業記憶に取り込んだ情報は、初期の切り替え前後の比較で変化検出可能であるのに対し、注

3.1.5

実験デザイン

意を向けるのが後回しになった情報は、それだけ視覚作

半数の実験参加者に対しては挿入画像としてサイト内

業記憶への取り込みが遅れ、したがって変化発見に至画像を用い、残り半数の実験参加者に対しては挿入画像る機会も遅くなることが予想される

8）, 9）, 10）。したがって、

実験 1 の結果が妥当であるならば、セクションにおけるとしてブランク画像を用いた点を除くと、実験１と同様であった。

変化は他のアイテムより少ない回数の切り替えで検出され、サブコンテンツの変化検出には他よりも多くの切り

3.2

結果

替えを要することが予想される。そこで実験 2 では、こ実験 1 と同様に、分析には画像切り替え回数を対数変の予想を確かめ、実験 1 で得られた注意特性が、より自換した値を用いた。また、グラフに示す平均値は、幾何然な観察条件でも成り立つかどうかを検証する。

平均の値である。それぞれの画像の提示時間は実験参加
者により異なるが、平均すると基画像の提示時間が 2.36

3.1
3.1.1

実験方法

秒、挿入画像の提示時間が 0.268 秒、ダミー画像の提示

実験参加者

時間が 1.71 秒であった。

19 歳から 24 歳までの男女 40 名が実験に参加した（男図 6 に、変化タイプ、変化部分に対する切り替え回数

性 13 名、女性 27 名、平均年齢 21.0 歳）。全員裸眼またの実験参加者間平均値と、変化タイプで分けずに平均しは矯正での視力が正常であった。また、実験の目的を知たものを示す。

らなかった。なお、実験 1 と実験 2 の両方に参加した実
験参加者はいない。
3.1.2

反応に要した切り替え回数の対数値を対象として、挿入画像、変化部分、変化タイプの 3 要因混合分散分析を実験装置および環境
変化検出までに要した切り替え回数

実験 1 と同じ装置および環境で行った。
3.1.3

切り替え回数消去

刺激

基画像とダミー画像は、実験 1 で用いたものと同一である。挿入画像として、基画像に用いたトップページの

色変化

12
10
8
6
4
2
0
ID

１つ下の階層から選択したページを用いた（サイト内画

SE

MC

SC

UT

変化部分

像と呼ぶ）
。

変化検出までに要した切り替え回数

3.1.4

消去と色変化の平均

実験手続き
切り替え回数

画像切り替えのタイミングを実験参加者がコントロー
ルする点を除き、実験１と同様であった。実験参加者が矢印キーを押すと基画像から挿入画像へ進み、次に押すと挿入画像からダミー画像へと切り替わる。次に逆向きの矢印キーを押すとダミー画像から挿入画像へ進み、次に押すと挿入画像から基画像へと切り替わる。基画像か

12
10
8
6
4
2
0
ID

SE

MC

SC

UT

変化部分

図６

ら挿入画像へ進んだ後、再び基画像へ戻ったり、ダミー─ 68 ─

 化部分に対する、変化検出反応に要した切り替え回変数のグラフ；上は変化タイプごとに分けたもの、下は
その平均

森田

ウェブページ観察時の注意走査パターン

行ったところ、挿入画像の主効果、挿入画像と変化部分た可能性が高いことを示唆する。一方、セクションやユーの交互作用、挿入画像と変化タイプの交互作用、挿入画

ティリティに比べてサブコンテンツの変化検出に要する

像と変化部分と変化タイプの交互作用は全て有意でな

切り替え回数が多いのは、初期の画像切り替えの時点でかった。

サブコンテンツの内容が視覚作業記憶に保持されている

変 化 部 分の主 効果、変 化タイプの主 効果は有意で可能性が低いことを示す。つまり、最初からサブコンテあったが（それぞれ F（4, 152）= 8.75, p < .001; F（1, 38）ンツの内容に注目して、視覚作業記憶に取り込むことは= 20.8, p < .001）、それらの交互作用は有意ではなかっ

少なく、ページを何度か観察する中で認知されるものとた。変化部分の主効果が有意であったので多重比較を考えられる。

行ったところ、SE と次の 3 種類の部分の間に切り替え

実験 1 の結果のうち、セクションがサブコンテンツや回数の有意な差が見られた：SE と MC
（p < .005）、SE とユーティリティよりも早い段階で注目されるという点にSC（p < .001）、および SE と UT（p < .05）
。また、SC とついて、実験 2 で同様の結果が得られた。サブコンテン

UT の間に切り替え回数の有意な差が見られた（p < .05）。

ツへの注意がサイト ID やメインコンテンツより遅れるという点については、実験 2 において、対応する差が図

3.3

考察

5 に見られるものの有意とはならなかった。しかし、上最初に、挿入画像の影響を検討する。ブランク画像を述のように実験 2 で用いた提示方法が、フリッカー法ほ

挿入した場合には、基画像のアイコニックメモリ全体がど注意を向ける時点を感度良く捉えることができないこ

消失するのに対し、サイト内ページ画像を挿入すると、とから有意な差とならなかったと考えると、実験 1 の結

ロゴやユーティリティ、背景など基画像と同様の部分を

果をほぼ支持する結果と言えるだろう。

含むため、アイコニックメモリは部分的に保持される。
そのため、変化部分にただちに気付きそうなものである。

4．総合考察しかし、たとえ数箇所でも挿入画像により基画像が書き
実験 1 の結果から、ウェブページをフリッカー法で表換えられると、その後の変化の見落としにつながること
11）。その理由は、本来、視覚の初期段示したとき、セクションにはユーティリティやサブコン階において、並列型の視覚特徴検出システムが特徴変化

テンツより早い時点で注意が向けられること、サブコンを検出することにより、変化位置に注意が誘導されるのテンツにはサイト ID、セクション、メインコンテンツよが報告されている12）、複数の位置で変化が生じると、ターゲット位置

り遅れて注意が向けられることが示された。これらの結に注意が誘導される確率が低くなってしまうからであ果が、基画像とダミー画像がブランク画像を挟んで短時る。実際に実験結果において、挿入画像の違いは、変化

間で切り替わるフリッカー法特有のものであるという可報告までに要した画像切り替え回数に有意な影響を与え能性を検討するため、実験 2 では、観察者が好きなタイなかった。したがって、ブランク画像の代わりにサイト

ミングで、サイト内の別ページを挟んで切り替えるとい内の他のページを用いて変化検出課題を行ったことは、う表示方法を用いた。その結果、セクションはメインコ問題とならなかったと考えられる。

ンテンツ、サブコンテンツ、ユーティリティよりも早い

だが次に、実験参加者のタイミングで画像を切り替える方

段階で注目され、視覚作業記憶に保持されること、サブ法を用いた点を考慮して、アイテムや領域間の注意の走コンテンツはセクションやユーティリティに比べ遅れて査順序を考察する。実験参加者はページを十分観察して注目され、視覚作業記憶に保持されることが示唆された。

から次のページに切り替えていたと考えられるため、フ実験 1 の結果のうち、セクションがサブコンテンツやリッカー法のように変化部分に初めて注意を向けた時点

ユーティリティよりも早い段階で注目されるという点を捉えることはできない。しかしこの方法でも、切り替は、実験 2 で同様の結果が得られた。サブコンテンツへ

えの時点までに注意を向けて視覚作業記憶に保持していの注意がサイト ID やメインコンテンツより遅れるといたアイテムはその時点で変化を発見できる可能性が高い

う点については、実験 2 において同様の傾向が見られた。

が、そうでなければ変化を発見することはできないこと

以上より、実験 1 の結果がより自然な観察条件でも成り

8）
, 9）
, 10）

、セクションの変化検出に要する切り立つことが示唆される。したがって、実験 1 と 2 の結果

替え回数がメインコンテンツ、
サブコンテンツ、ユーティから、ウェブページの観察者は早い時点でセクションに

リティに比べて少ないのは、セクションの情報が初期の注意を向け、サブコンテンツに注意を向けるのは遅れる

画像表示において注目され、視覚作業記憶に取り込まれことが言える。

を考えると

─ 69 ─

図書館情報メディア研究 11（2）2013 年

図 3 に示すように、本研究で用いた 10 サイトのトッ

これらの要因を分離して検討する必要があるだろう。たプページにおける構成要素のレイアウトはほぼ一定でだし、今回の実験で用いたトップページは、レイアウトあった。サイト ID は、全てのページで左上におかれてが一定になるように考慮して選択したわけではなく、大いた。セクションについては、左コラムにおかれたペー

学生の目に触れることの多いページから 5 種類の構成要

ジと、メインコンテンツの中央におかれたページが一つ素を備えているページを無作為に選んだ。それにもかかずつあったが、他は全て、ページ上部に横一列におかれわらず、レイアウトが画一的であったことは、2005 年ていた。メインコンテンツとサブコンテンツの関係は、当時のウェブサイトのトップページのレイアウトが比較

メインコンテンツの下にサブコンテンツという関係の的標準化されていたことを示すと考えられる。そして、ページが一つあったが、他は全て、メインコンテンツのこのレイアウトは、現在の利用頻度の高いサイトの多く

右にサブコンテンツという位置関係であった。ユーティにおいても、ほぼあてはまる。このように考えると、
ウェ

リティは、ページ左上のサイト ID の下におかれたペー

ブページの構成要素とその配置の関係を、ユーザが日常

ジが一つあったが、他は全て、ページ右上におかれてい経験を通して、ある程度学習している可能性が考えられた。このようなレイアウトに、実験 1 と 2 の結果を当てる。したがって、構成要素の配置を操作して実験した場

はめると、注意がウェブページ上の左上から右下へと移合、実験参加者は学習した構成要素の配置に基づき注意

動すると解釈される。

を向けようとして、それがうまく機能しないと混乱する

このように、実験 1 と 2 の結果は、注意がウェブペーのではないかと予想される。

ジの左上から右下へと移動する、また初期にナビゲー
ションバーに注意が向けられるという視線計測データに

5. 結論基づく考察に一致する。
したがって、
ここで用いたフリッカー法と変化検出課題を組み合わせた手法は、注意の走

ウェブページの観察者がページ上のアイテムにどのよ

査順序測定法として、妥当であると言って良いだろう。

うな順序で注意を向けるかを調べる方法として、フリッ

このような注意走査順序が見られる原因として、次のカー法と変化検出課題の組み合わせを用いた測定法を提二つの要因が関係すると考えられる。
一つは、
ウェブペー

案し、実際に測定を行った。実験 1 では、この方法を用ジの観察に限らず文章の読みなども含めた外界からの視いて測定し、セクション（メニュー）は早い時点で注意

覚情報取得の際には、左から右へ、上から下へという順が向けられ、サブコンテンツは他より遅れて注意が向け序で注意を走査するという傾向である。日本語や英語のられることを示す結果を得た。このような差が認められ

文章表記がこの方向で読ませることから、このような認たことからこの方法の有効性が、また結果が視線計測を知特性が発達し、それがウェブページの観察でも現れた

行った先行研究と一致したことからこの方法の妥当性がという可能性が考えられる。もう一つは、ウェブページ

示された。ただし、フリッカー法は、基画像とダミー画の観察に特有の認知特性として、サイト内を探索する際像をブランク画像を挟んで高速で切り替えて提示するとのよりどころとなるセクションや、ページの主たる情報

いう特殊な表示条件であるため、より自然な観察条件でが掲載されたメインコンテンツにまず注目し、サブコンもこの結果が成り立つかどうかを実験 2 で検討したとこ

テンツは後回しにするという可能性である。人々が日常

ろ、ほぼ成り立つことが示唆された。以上の結果から、的にインターネットを利用するようになり、サイト制作

ここで提案した方法が、注意の走査順序の測定法として者側が構成要素の機能を意識してページを作成するよう十分な妥当性をもつことが言える。

になってきた結果、多くのユーザが日々の経験を通して、

ただし、実験 1、2 はともに変化検出課題を用いるこ

個々のアイテムの役割を学習している可能性が考えられとから、実験参加者はページ内の変化を探すことを要求る。これらの可能性の妥当性については、今後明らかにされる。そのため、単なるブラウズや情報探索を目的

すべき課題である。

として観察しているときとは異なる見方をしている可1）

今回用いたトップページの構成要素のレイアウトがほ能性がある。この点については、序論で述べた大野 やぼ一定であったため、得られた注意走査順序が、構成要

Djamasbi ら の研究も同様で、事前に指定された特定の素の内容に基づくのか、それともページ内の位置関係に文字列をページ内で探索するとか、ページの好ましさを基づくのかを議論することはできない。今後は、構成要評定するなど、実験的な課題の基でページを観察してい素の配置の異なるトップページも用いて、あるいは構成る。今後は、単なるブラウズや買い物など現実的にあり要素の配置を実験的に操作して、実験することにより、える様々な課題の遂行中に注意特性を計測し、比較検討

2）

─ 70 ─

森田

ウェブページ観察時の注意走査パターン

できるような方法を考案していく必要がある。

failure to detect changes in scenes across brief

このような改良すべき点が残されているとはいえ、現interruptions. Visual Cognition. 2000, 7, p.127-145.

実問題として、ユーザが、なんとなく訪れたウェブサイ

6） Krug, S. Don’t make me think! A common sense

トの印象を形成したり、そこに何があるのか、何ができapproach to web usability. Pearson Education, Inc.

6）
, 13）

、

2000.（クルーグ S. 中野恵美子（訳）ウェブユーザ

どのような課題のもとであれ、提示されたページ上でまビリティの法則―ストレスを感じさせないナビゲー

ずどこに注意を向けるのか、どこにはなかなか注意を向

ション作法とは SOFTBANK Publishing Inc. 2001）

けないかについて、検証することには大きな意味がある。

7） 森敏昭，吉田寿夫．心理学のためのデータ解析テク

るのかを知るのに時間を費やさないことを考えるとその際、視線計測だけでなく、本研究で提案したフリッ

ニカルブック．北大路書房 , 1990.

カー法を用いた変化検出課題による測定法も利用して、

8） Treisman, A. Features and Objects: the fourteenth

多側面から測定することが信頼性のある結論を得るため

Bartlett memorial lecture. The Quarterly Journalには不可欠である。

of Experimental Psychology. 1988, 40A（2）, p.201237.

謝辞9） Luck, S. J.; Vogel, E. K. The capacity of visual
working memory for features and conjunctions.

本研究は JSPS科研費 18500199 の助成を受けた。

Nature, 1997, 390, p.279-281.
10）Brady, T. F.; Konkle, T.; Alvarez, G. A. A. Review

参考文献

of visual memory capacity: beyond individual items
and toward structured representations. Journal of1） 大野健彦 . Web 画面における情報選択行動と視線の関係 . 電子情報通信学会技術報告 . 2000, HIP2000-

Vision, 2011, 11（5）,p.1-34.
11）O’Regan, J. K.; Rensink, R. A.; Clark, J. J. Change-

11. p.31-36.

blindness as a result of‘mudsplashes’. Nature.

2） Djamasbi, S.; Siegel, M.; Tullis, T. Generation Y.
Web design, and eye tracking. International Journal

1999, 398, p.34-34.
12）Posner, M. I.; Cohen, Y. A. Components of visualof Human-Computer Studies. 2010, 68, p.307-323.

orienting. In H. Bouma & D. G. Bouwhuis（Eds.）,

3） Rensink, R. A.; O’Regan, J. K.; Clark, J. J. To see

Attention and performance 10. Hillsdale, 1984,

or not to see: the need for attention to perceive
changes in scenes. Psychological Science. 1997, 8

p.531-556.
13）Lindgaard, G.; Fernandes, G.; Dudek, G.; Brown, J.

（5）, p.368-373.

Attention web designers: you have 50 milliseconds

4） O’Regan, J. K; Deubel, H.; Clark, J. J.; Rensink,
R. A. Picture changes during blinks: looking

to make a good first impression! Behavior &Information Technology. 2010, 25（2）,p.115-126.

without seeing and seeing without looking. Visual
Cognition. 2000, 7, p.191-211.

（平成 25 年 9 月 27 日受付）

5） Rensink R. A.; O’Regan, J. K.; Clark, J. J. On the─ 71 ─

（平成 26 年 1 月 14 日採録）