山形大学大学院社会文化創造研究科社会文化システムコース紀要

第２０号（２０2３）11－１７

モニターにおける画面中央の周囲に表示された学習情報の見つけやすさに関する検討本多門

間薫（文化システムプログラム）

政亮（宇部フロンティア大学短期大学部）
トップ型のパソコン用の画面サイズは２３インチ以

１．はじめに上（註１）のモニターの利用が多いと推察される．

語学や資格試験の自学自習用，小中学校の学習

さらにモニターの画面アスペクト比は，従来５：補助教材，通信制大学の e-Learning など，学習４であったものが１６：９など左右に広くなり，情支援システムが広く導入されている．学習支援シ

報を表示できる範囲も左右に広がっている．そのステムに関する研究は，学習コンテンツの内容やため，画面が大型・ワイド化した現在の学習環境学習効果に関する検討が数多く行われている ［1］において，広くなった画面上の上下左右に表示さ［2］．しかし，高齢者向け学習支援システムにおれた学習情報の見つけやすさなどが課題となる．

ける情報表示の階層数と操作の複雑度を削減して，視覚的な情報収集に関する先行研究では，画面に直感的に操作できる UI を検討している研究 ［3］表示された情報を見る際には，Z-Pattern，Zig-はあるが，学習情報の見つけやすさなどの視覚認

Zag Pattern，F-Pattern の３つのパターンがある

知特性の視点からの画面設計に関しては，あまりことが知られている ［７］．この３つのパターンの検討が行われていない．既存の学習支援システム共通した視線の動きは，左側からスキャンを開始

を見ても，学習情報の表示位置や解答等を入力すし，水平方向に右に移動した後，左側の方向に戻る位置，メニューの配置などに一貫性はなく，まる．そのため，最初に画面を見た場合には，画面た，学習者の視覚認知特性や操作性を考慮した画の左側に視線が向けられ，そこから必要な情報の面設計の指針なども存在しない．学習支援システ

検索が始まると思われる．しかし，既存の学習支

ムでの学習では，パソコンやタブレットが使用さ援システムでは，画面の中央付近に課題文などのれるが，情報通信白書 ［4］ の「情報通信機器の世

主学習情報を表示しているものが多く，最初に視帯保有率の推移」によれば，２０２１年でパソコンが線が画面中央に向けられていることが多いと推察

６９．８％，タブレット型端末が３９．４２％である．学される．その場合において，画面上の空いたスペー校におけるＩＣＴ環境整備の在り方に関する有識

スの表示位置により学習情報の見つけやすさに違者会議の資料（文部科学省）［5］ によれば，画面いがあるのかを確認し，どのように画面配置すれサイズが小さくなったことによる不都合が認識さば学習者が使いやすいシステムとなるのかを検討れ，「コンピュータ教室をタブレットタイプに置する必要がある．

き換える件数は減少した」と報告されている．まそこで本研究では，２４インチワイド画面を取りた，情報端末装置に関する日本の市場調査 ［６］ に上げ，画面を９分割し，画面中央に主学習情報とよると，モニターの画面サイズは，２０２０ 年で２３仮定した文字を表示し，同時に画面中央の周囲８型以上が６４％を占め，画面アスペクト比が１６：９か所に表示した文字の中から同じ文字を検索してまたは１６：１０のワイド画面が９３％に達している．

マウスでクリックする課題を行わせた．そして，そのため，学習支援システムにおいてもデスク最初に視線が画面中央に向けられている場合，画－11－モニターにおける画面中央の周囲に表示された学習情報の見つけやすさに関する検討（本多薫・門間政亮）

面中央の周囲に表示された学習情報の見つけやすさに差異があるのかを，実験を通して検討した．

２．方法
２．１

実験参加者

実験参加者は大学生１２名（男性５名，女性７名，平均年齢２０．０８±１．１６歳）である．実験前に視力，視野が正常であることを自己申告により確認した．

（最初に上図を１秒間表示）

また，「研究の内容」，「予測される不利益，危険性」，「個人情報・研究データの取り扱い」などの説明を行い，書面による同意を得た．なお，山形大学
人文社会科学部倫理委員会の承認（承認番号２０１９－１）を得て実施した．
２．２

実験環境と内容

実験には，２４インチワイド液晶フラットパネルのモニター（DELL G2410， 1920×1080 at 60Hz）（中央の文字と同じものをクリックする）を使用した．画面サイズは，５３１mm×２９９mm（画図1

実験画面の一例

面アスペクト比１６：９）である．実験参加者にモニターの正面を向かせ，モニターの画面の中心と間表示される．その後，画面全体を９分割した周目の位置との高さが同じとなるようにモニターの囲８か所に枠を表示した状態で，画面中央に固視高さを調整した．そして，机と画面が垂直（９０度）点として図形「■」（27mm×27mm）が１秒間表になるように設定した．JIS（日本工業規格）［８］示される．次に画面中央と，その周囲８か所の枠では，座位でのモニターとユーザーの目との最適内に文字（アルファベット）が表示される（図１）．

視距離は６００mm であると述べられていることか

枠の大きさは，118mm×66mm であり，画面のら，画面と実験参加者の目の位置までの視距離を中 心 か ら 各 枠 の 中 心 ま で の 距 離 は， 斜 め 方 向

６００mm に設定した．また，モニターの画面に照203mm，横方向177mm，縦方向99mm である．

明器具からの光線が直接当たらないように調整す

周囲の８つの文字のうち，画面中央の文字に合致るとともに，窓のカーテンを閉めた．なお，モニするものが１つあり，該当する文字を囲む枠内を2

ターの画面上の輝度は白色部分で２２２cd/m ，机マウスでクリックする検索課題を行わせた．文字

上の照度は２２３±２．０ lx，室温２５．８±０．４度の環境を囲む枠内をクリックすると全ての文字が消え，であった．

次の固視点の図形「■」が表示される．この検索学習では，最初にモニター画面に表示された学課題を繰り返し８０回行った．各表示位置に１０回ず

習情報の中から必要な情報を探すことが必要であつ検索する文字が表示されるようにカウンターバることから，検索課題とした（註２）．画面の上ランスを取った．また，検索する文字の表示位置

下左右に９分割し，その分割した各枠の中央に文はランダムな順番とした．実験参加者には，毎回，字（20mm 前後（縦の幅））を配置した．画面の固視点の図形を見るように指示した．本研究では，背景は白色とし，文字は黒色（MS ゴシック）と文字が表示されてから該当する文字を検索してマした．実験を開始すると，白色無地の画面が５秒ウスでクリックするまでの時間（ミリ秒）を計測－12－

モニターにおける画面中央の周囲に表示された学習情報の見つけやすさに関する検討（本多図２

各表示位置の検索時間の比較

図３

薫・門間政亮）

各表示位置の視線の累積数の比較

し，各表示位置での時間１０回の平均値を「検索時「上」であり，次いで，「右」である．また，検間」とした．なお，各表示位置間の検索時間の差

索時間が最も長い表示位置は，「左下」であり，異がマウスのポインターを動かす距離や方向によ次いで，「左上」，「右上」，「右下」の順番である．

るものでないことを示すために，検索前のマウス

検索時間に対して表示位置（８水準）の一元配置

ポインターの位置は，前試行終了時点のランダム分散分析を行った結果，表示位置に有意差（F（７，な 位 置 と し た． こ の 検 索 時 間 測 定 シ ス テ ム は８８）=４．０８１，p<０．０１）が認められた．各表示位置

Microsoft Visual Basic ６．０で作成した．

間の多重比較（Tukey 法）を実施した結果，「左上」

非接触タイプの眼球運動測定装置（TalkEyeと「上」（p<０．０５），「左下」と「上」（p<０．０１），「左Free, 竹井機器工業）をモニターと実験参加者の下」と「右」（p<０．０５）の間に有意差が認められた．

間に置き，視線（眼球運動）を測定した．視線の３．２

分析では，文字の検索中に画面のどの位置に視線視線の累積数についてが多く向けられているのかを把握するために，画視線の累積数の結果（実験参加者１１名の平均）面を等面積に９分割して，表示位置ごとに視線のを図３に示す．なお，１名のデータが欠損したた座標データ（１／３０秒間隔でサンプリング）の個数め，１１名の結果である．視線の累積数が最も多いを算出した（註３）．各実験参加者における検索表示位置は，「右」であり，次いで，「下」，「上」

課題８０回の座標データの個数の累積した値を「視である．また，視線の累積数が少ない表示位置は，線の累積数」とした．

左側の位置である．視線の累積数に対して表示位

実験の終了後，Ｑ１：「どの位置にある文字が置（８水準）の一元配置分散分析を行った結果，見つけやすかった（楽）ですか？」，Ｑ２：「どの表示位置に有意差（Ｆ（７，８０）=９．３６６，p<０．０１）

位置にある文字が見つけにくかった（苦労）ですが認められた．各表示位置間の多重比較（Tukeyか？」の質問を，複数選択可で評価用紙に記入さ法）を実施した結果，「左上」と「上」（p<０．０５），

せた．実験では最初に検索課題を１６回の練習した「左上」と「下」（p<０．０５），「左上」と「右」（p<後，５分間の座位安静を入れてから開始した．

０．０１），「左」と「上」（p<０．０１），「左」と「下」（p<０．０１），「左」と「右」（p<０．０１），「左」と「右下」

３．結果
３．１（p<０．０５），「左下」と「上」（p<０．０５），「左下」

検索時間についてと「下」（p<０．０１），「左下」と「右」（p<０．０１），「右文字の検索時間の結果（実験参加者１２名の平均）上」と「右」（p<０．０５）の間に有意差が認められた．

を図２に示す．検索時間が最も短い表示位置は，－13－モニターにおける画面中央の周囲に表示された学習情報の見つけやすさに関する検討（本多110*8091780110*

見つけやすかった位置（人数） *：p<0.05
図４３．３薫・門間0政亮）

6018

見つけにくかった位置（人数） *：p<0.05
主観的評価の結果

主観的評価について下１５度）程度の範囲である［１０］．また，有効視野

主観的評価の結果を図４に示す．「どの位置に内においても，数文字の語の認識限界は半径５～ある文字が見つけやすかったですか？」の質問で１０度である ［１１］．さらに，視力は中心窩で１．０が，は，半数を超える実験参加者が表示位置の「上」，左右１０度離れると０．２まで急激に低下し，左右２０「下」，「右」，「左」と回答している．特に表示度を超えると０．１以下となる ［１２］．これらのこと

位置の「上」は，１２名中１０名が回答している（符から，文字を認識できる有効視野は，中心より半号 検 定 の 結 果， 有 意 差 が 認 め ら れ た（n=１２，径１０度以内であると思われる．画面と実験参加者p<０．０５））．次に，「どの位置にある文字が見つけの視距離を６００mm とした場合には，文字を認識にくかったですか？」の質問では，半数を超えるできる有効視野に入る画面の範囲は，中心から半実験参加者が表示位置の「左下」，「左上」，「右下」

径１０５．８mm となる．今回の実験で画面の中心にと回答している．特に表示位置の「左下」は，１２視線を向けている際には，画面の表示位置「上」名中１０名が回答している（符号検定の結果，有意と「下」以外の６つの表示位置は認識限界の外と差が認められた（n=１２，p<０．０５））．

なる．特に画面の四隅（左上，左下，右上，右下）が認識限界から大きく外れる．表示位置「上」は認４．考察

識限界内であるため，文字の検索が速く見つけや本研究では，画面中央に主学習情報と仮定したすい位置となったと考えられる．主観的評価にお文字を表示し，同時に画面中央の周囲８か所に表いても，表示位置「上」は１２名中１０名（p<０．０５）），

示した文字の中から同じ文字を検索してマウスで表示位置「下」は１２名中９名が見つけやすかった

クリックする課題を行わせた．その結果，検索時位置と回答した結果とも一致する．

間（他の表示位置と有意に速い位置）と主観的評

次に表示位置「右」，「左下」，「左上」の検索価（文字が見つけやすかった位置）から，文字の時間について考察する．先に述べた Z-Pattern,検索が速く見つけやすい表示位置は，「上」と「右」

Zig-Zag Pattern, F-Pattern の３つのパターンのであることがわかった．また，検索時間（他の表視線の動きは，左側からスキャンを開始し，水平示位置と有意に遅い位置）と主観的評価（文字が方向に右に移動した後，左側の方向に戻る［7］．

見つけにくかった位置）から，文字の検索が遅くこのパターンに従い，最初に視線が画面中央に向見つけにくい表示位置は，「左下」と「左上」でけられている場合は，視線を右方向に移動するたあることがわかった．視覚情報の獲得・処理に関め，表示位置「右」は検索時間が速く見つけやすわるものに有効視野があると指摘されている ［９］い位置になったと考えられる．視線の累積数の結ことから，画面の中心に表示された情報を注視し果から，画面の左側に該当の文字（検索する文字）ながら学習する場合には，有効視野の影響を検討がある場合でも，最初に視線が向けられている画する必要があると思われる．この有効視野の範囲

面中央と画面の右側を検索したために，文字の検は，水平方向３０度（左右１５度），垂直方向２０度（上索中の視線は画面の上下と右側に集中したと考え－14－

モニターにおける画面中央の周囲に表示された学習情報の見つけやすさに関する検討（本多薫・門間政亮）

られる．特に表示位置「右」が最も視線が向けらている．この中で製品数が最も多いものがれていたことからも裏付けられる．また，最初に２４インチであった．そのため，実験では，画面中央から視線を右方向に向け，該当の文字が画面サイズ２４インチを使用した．

見つからなかった場合には，視線を画面の左の方（２）表示する情報量が多くなると，情報の処理向に移動させる．この際，表示位置「左」に表示に時間を要することになり，検索時間デーしている文字が最初に視野内に入るが，対角線上タの変動が大きくなる可能性があるため，（画面中央からの距離が長い）にある「左下」と単純に１つの文字を探す検索課題とした．

「左上」に表示されている文字は視野内に入らな（３）検索課題の１回ごとの画面上に文字が表示いことから，文字の検索が遅く見つけにくい位置されてから文字が消えるまでの間の視線のとなったのではないかと思われる．なお，視線の座標データを抽出した．視線の座標データ累積数に大きな左右差が生じたことに関しては，の数値が画面の範囲外のものは除外した．

考察で述べた以外の要因が複合的に影響した可能

なお，実験前に視線の画面上の位置を合わ性もあり，さらなる検討が必要であると考えていせるキャリブレーションは行ったが，測定る．

時の視線の座標位置のズレなどの補正はこれらのことから，学習支援システムの画面配行っていない．

置において，画面中央に課題文などの主学習情報（４）検 索時間と視線の累積数の統計処理は，を表示する場合には，使用頻度が高い学習情報（解IBM SPSS Statistics Version 28を 用 い て答例，ヒントなど）や重要度の高い学習情報は，行った．

見つけやすい画面の「右」に配置し，重要度が低謝い学習情報やメニューなどは画面の左側の上下に

辞

本研究にご協力いただいた実験参加者の皆さん配置することも考えられる．に心より感謝いたします．

５．おわりに

参考文献

本研究では，最初に視線が画面中央に向けられている場合は，画面中央の周囲に表示された学習［１］王戈，熊谷倫子，沢井佳子，坂元章．学習支情報の表示位置により見つけやすさに差異がある

援システムの使用が小学生の学力に及ぼすことがわかった．学習支援システムの学習画面の効果．日本教育工学雑誌，Vol.29（suppl.）,

設計では，見つけやすい位置と見つけにくい位置

p.45-48, 2006.

を考慮し，学習情報や操作メニューなどを配置す［２］大林史明，山本専，伊藤京子，下田宏，吉ることで，操作性の向上や学習者の負担軽減につ川榮和．コンピュータを利用した総合学習ながると思われる．今後，学習情報を表示する位支援システムの設計・試作および主観評価

置と解答を入力する位置との関係，最初に画面のと 活 用 法 の 考 察． 情 報 処 理，vol.43 no.8,中央以外の表示位置に視線を誘導した場合の影響

p.2764-2778, 2002.などを調べる実験を行う予定である．

［３］陸忞，田村かおり，岡本剛，大井京，島田敬士，畑埜晃平，山田政寛，木實 新一．

註

高齢者向け学習支援システムの利用者の操（１）市販のモニターでの画面サイズが２３インチ

作負担の軽減及び不安感・抵抗感の解消

以上２９インチ以下の製品としては，２３．８イを考慮した設計．マルチメディア，分散協ンチ，２４インチ，２７インチなどが販売され調とモバイルシンポジウム２０１９論文集，－15－

モニターにおける画面中央の周囲に表示された学習情報の見つけやすさに関する検討（本多p.1594-1598, 2019.

薫・門間政亮）

Systems 2016, p.1-11, 2016.

［４］総務省．令和４年度版情報通信白書．日経［８］日 本規格協会編．JIS ハンドブック３７－３

印刷，p.93-97, 2022.

人間工学．日本規格協会，p.377-383, 2012.

［５］文部科学省．調査研究について．学校にお［９］三 浦利章．行動と視覚的注意．風間書房，

ける ICT 環境整備の在り方に関する有識

p.15-52, 1996.

者会議（第５回）資料３, p.16-18, 2017.

［１０］畑田豊彦，矢口博久，福原政昭，小笠原治，［６］情報端末事業委員会．情報端末装置に関す

郡司秀明ほか．眼・色・光 より優れた色る市場調査報告書．一般社団法人電子情報再現を求めて．日本印刷技術協会，p.8-9,

技術産業協会，情産－２１－情端－１，p.1-2007.

11, 2021.

［１１］小松原明哲．ヒューマンエラー第２版．丸［７］H ILLIARD, B., ARMAREGE, J. andMCGILL, T. Optimising Visual Layout for

善出版，p.25-28, 2008.
［１２］真島英信．生理学

Training and Learning Technologies.

p.250-251, 1986.

Australasian Conference on Information－16－

改訂第１８版．文光堂，

モニターにおける画面中央の周囲に表示された学習情報の見つけやすさに関する検討（本多薫・門間政亮）

An Examination of the Findability of Learning Information Displayedon Computer Screens Monitors
HONDA Kaoru
MOMMA Tadasuke
In this study, we confirm whether there is a difference in the findability of information dependingon the display position of the learning information when the eye is directed to the center of themonitor’s screen. For this purpose, we displayed a character assumed to be the primary learning
information in the center of the screen, and asked the participants to search for the same character
among the characters displayed in eight locations around the center of the screen. As a result, theeasiest display positions to find were located at the "top" and "right". The most difficult display position
to find a character was located at the "lower left" position. This indicates that frequently used andhighly important learning information should be placed on the "right" side of the screen in the learning
support system.

－17－