(57)【要約】【課題】ウェブアクセシビリティに配慮したウェブコンテンツのデザインの制作を支援する。【解決手段】ウェブページの注意領域を表示するための注意領域表示システム1−101であって、ウェブページの構造を解析し、当該ウェブページを構成する複数の表示要素を取得する解析手段1−3と、解析手段が取得した各表示要素について、表示状態か非表示状態かを判別する表示判別手段1−2と、各表示要素について人の注意の度合いを表す指標である注意得点を算出する算出手段1−2とを有し、算出手段1−2は、各表示要素について当該表示要素の不変的属性である絶対属性に基づいて注意得点を算出する。【選択図】図１
2012014597.tif 000002
【特許請求の範囲】
【請求項１】
ウェブページの注意領域を表示するための注意領域表示システムであって、
ウェブページの構造を解析し、当該ウェブページを構成する複数の表示要素を取得する解析手段と、
前記解析手段が取得した各表示要素について、表示状態か非表示状態かを判別する表示判別手段と、
前記各表示要素について、人の注意の度合いを表す指標である注意得点を算出する算出手段と、を有し、
前記算出手段は、前記各表示要素について、当該表示要素の不変的属性である絶対属性に基づいて注意得点を算出すること
を特徴とする注意領域表示システム。
【請求項２】
請求項１記載の注意領域表示システムであって、
前記算出手段は、前記各表示要素について、当該表示要素の相対的属性である相対属性に基づいて注意得点を算出すること
を特徴とする注意領域表示システム。
【請求項３】
請求項１または請求項２記載の注意領域表示システムであって、
前記算出手段が算出した前記各表示要素の注意得点を用いて、各表示要素を順位付けする順位決定手段と、
前記順位決定手段が決定した順位に基づいて注意得点が高い少なくとも１つの表示要素の領域を注目させるシミュレーション画像を生成する生成手段と、をさらに有すること
を特徴とする注意領域表示システム。
【請求項４】
請求項１から請求項３のいずれか１項に記載の注意領域表示システムであって、
前記算出手段は、所定の時間間隔で、前記各表示要素の注意得点を算出すること
を特徴とする注意領域表示システム。
【請求項５】
請求項１から請求項３のいずれか１項に記載の注意領域表示システムであって、
前記算出手段は、ウェブページの全てがディスプレイに表示されない場合、スクロール操作によるディスプレイのスクリーンショットを所定の時間間隔で取得して記憶手段に記録し、記録したスクリーンショット毎に、各表示要素の注意得点を算出すること
を特徴とする注意領域表示システム。
【請求項６】
請求項１から請求項３のいずれか１項に記載の注意領域表示システムであって、
前記算出手段は、ユーザの前記ウェブページへの操作によるディスプレイのスクリーンショットを所定の時間間隔で取得して記憶手段に記録し、記録したスクリーンショット毎に、各表示要素の注意得点を算出すること
を特徴とする注意領域表示システム。
【請求項７】
請求項１から請求項３のいずれか１項に記載の注意領域表示システムであって、
各表示要素の基準となる基準注意得点を記録する記憶手段と、
前記算出手段が算出した各表示要素の注意得点と、前記記憶手段に記録された各表示要素の基準注意得点とをそれぞれ比較し、基準注意得点より低い注意得点の表示要素に対して警告情報を出力する第１の出力手段と、をさらに有すること
を特徴とする注意領域表示システム。
【請求項８】
請求項１から請求項３のいずれか１項に記載の注意領域表示システムであって、
前記算出手段が算出した各表示要素の注意得点の中で最高の注意得点が表示されていない場合、スクロール操作を促すための警告情報を出力する第２の出力手段、をさらに有すること
を特徴とする注意領域表示システム。
【請求項９】
コンピュータが行うウェブページの注意領域を表示するための注意領域表示システムであって、
前記コンピュータは、
ウェブページの構造を解析し、当該ウェブページを構成する複数の表示要素を取得する解析ステップと、
前記解析ステップで取得した各表示要素について、表示状態か非表示状態かを判別する表示判別ステップと、
前記各表示要素について、人の注意の度合いを表す指標である注意得点を算出する算出ステップと、を行い、
前記算出ステップは、前記各表示要素について、当該表示要素の不変的属性である絶対属性に基づいて注意得点を算出すること
を特徴とする注意領域表示方法。
【請求項１０】
請求項９記載の注意領域表示方法であって、
前記算出ステップは、前記各表示要素について、当該表示要素の相対的属性である相対属性に基づいて注意得点を算出すること
を特徴とする注意領域表示方法。
【請求項１１】
請求項９または請求項１０記載の注意領域表示方法であって、
前記算出ステップで算出した前記各表示要素の注意得点を用いて、各表示要素を順位付けする順位決定ステップと、
前記順位決定ステップで決定した順位に基づいて注意得点が高い少なくとも１つの表示要素の領域を注目させるシミュレーション画像を生成する生成ステップと、をさらに行うこと
を特徴とする注意領域表示方法。
【請求項１２】
請求項９から請求項１１のいずれか一項に記載の注意領域表示方法をコンピュータに実行させるための注意領域表示プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ウェブコンテンツの中で表示される要素のうち、人の注意が引きつけられる要素を推定する注意領域表示技術に関する。
【背景技術】
【０００２】
インターネットの普及によって、様々な情報が得られるようになってきた。インターネットの主な利用方法の一つにウェブページの閲覧がある。ウェブページはHTMLファイル、スタイルシート、画像、映像などから構成される。ブラウザを使うと、HTMLファイルに記述されたとおりに、テキストや画像がブラウザ上に表示される。
【０００３】
ブラウザと支援技術を使うことで、障がい者や高齢者を含め、様々なユーザがウェブページを利用できるようになっている。そのためには、ウェブアクセシビリティに基づくウェブのデザインの配慮が必要である。ウェブコンテンツのデザインがウェブアクセシビリティに配慮されているかどうかを調べるために、ウェブの評価ツールが研究されている（例えば、特許文献１）。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２０１０−１０８１４１号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
特許文献１では、ウェブページがウェブアクセシビリティを満足しているか診断する方法が記載されている。診断の方法としては、ウェブアクセシビリティのガイドラインを参照して行われるのが一般的である。しかし、一般にガイドラインで扱われているのは、HTMLのタグの使用方法などHTMLの文法についての項目である。
【０００６】
それ以外の項目、例えば、ユーザの注意については、ウェブコンテンツの文脈に合っているか、つまり、ウェブ製作者の制作の意図の通りにユーザの注意が払われているかは、ウェブコンテンツの内容がわからないと判断できない。特許文献１の評価ツールをはじめとする従来のガイドラインでは、診断ができない。
【０００７】
ウェブコンテンツを見た場合に、注目する領域は、そのコンテンツによっても異なるし、人によっても異なると考えられる。特に高齢者は、注意の範囲が限定され、ある領域に注目してしまうと、その他の領域に目が向かないので、その他の領域の情報が取得できないという問題がある。このような問題に配慮してウェブコンテンツを制作することが必要であるが、注意の範囲の限定の度合いは人によって異なる。このため、制作者が注意の範囲が限定されない人の場合には、注意の範囲が限定される人の立場に立って配慮を行うことが難しいという課題がある。
【０００８】
本発明は、上記事情に鑑みてなされたものであり、本発明の目的は、ウェブアクセシビリティに配慮したウェブコンテンツのデザインの制作を支援することにある。
【課題を解決するための手段】
【０００９】
上記目的を達成するため、本発明は、ウェブページの注意領域を表示するための注意領域表示システムであって、ウェブページの構造を解析し、当該ウェブページを構成する複数の表示要素を取得する解析手段と、前記解析手段が取得した各表示要素について、表示状態か非表示状態かを判別する表示判別手段と、前記各表示要素について、人の注意の度合いを表す指標である注意得点を算出する算出手段と、を有し、前記算出手段は、前記各表示要素について、当該表示要素の不変的属性である絶対属性に基づいて注意得点を算出する。
【００１０】
本発明は、コンピュータが行うウェブページの注意領域を表示するための注意領域表示システムであって、前記コンピュータは、ウェブページの構造を解析し、当該ウェブページを構成する複数の表示要素を取得する解析ステップと、前記解析ステップで取得した各表示要素について、表示状態か非表示状態かを判別する表示判別ステップと、前記各表示要素について、人の注意の度合いを表す指標である注意得点を算出する算出ステップと、を行い、前記算出ステップは、前記各表示要素について、当該表示要素の不変的属性である絶対属性に基づいて注意得点を算出する。
【００１１】
本発明は、前記注意領域表示方法をコンピュータに実行させるための注意領域表示プログラムである。
【発明の効果】
【００１２】
本発明によれば、ウェブアクセシビリティに配慮したウェブコンテンツのデザインの制作を支援することができる。
【図面の簡単な説明】
【００１３】
【図１】本発明の第１の実施形態に係る注意領域表示システムのシステム構成図である。
【図２】第１の実施形態の動作を示すフローチャートである。
【図３】解析対象ウェブページのHTML文書の例である。
【図４】解析対象ウェブページの階層構造の例である。
【図５】解析対象ウェブページデータの解析結果の例である。
【図６】スクロール前のブラウザの表示画面の例である。
【図７】解析対象ウェブページの表示要素の解析結果の例である。
【図８】絶対属性と注意得点の例である。
【図９】絶対属性と注意得点関数の例である。
【図１０】相対属性と注意得点の例である。
【図１１】相対属性と注意得点関数の例である。
【図１２】表示要素bの表示位置の例である。
【図１３】スクロール後のブラウザの表示画面の例である。
【図１４】ドラッグ操作の方向の例である。
【図１５】シミュレーション画面の例である。
【図１６】本発明の第２の実施形態に係る注意領域表示システムのシステム構成図である。
【図１７】第２の実施形態の動作を示すフローチャートである。
【図１８】第３の実施形態の動作を示すフローチャートである。
【図１９】第４の実施形態の動作を示すフローチャートである。
【図２０】第５の実施形態の動作を示すフローチャートである。
【図２１】警告メッセージの例である。
【発明を実施するための形態】
【００１４】
以下、本発明の実施の形態について、図面を参照して説明する。
【００１５】
［第１の実施形態］
第１の実施形態は、ローカルのPC（パソコン）に実装された注意領域表示システムを用いて実現する例である。図を用いて詳細に説明する。
【００１６】
図１は、本実施形態の注意領域表示システム1−101の構成例である。図示する注意領域表示システム1−101は、送受信部1−1、制御部1−2（表示判別手段、算出手段、順位決定手段）、情報解析部1−3（解析手段）、情報構成部1−4（生成手段）、情報蓄積部1−5（記憶手段）、情報入力部1−6、および情報出力部1−7を備える。注意領域表示システム1−101を、PC上で実現する場合には、情報入力部1−6はキーボード、マウス等の入力システムに、情報出力部1−7はディスプレイ（モニタ）やスピーカに相当する。
【００１７】
上記説明した注意領域表示システム1−101は、例えば、ＣＰＵと、メモリと、ＨＤＤ等の外部記憶装置と、入力装置と、出力装置とを備えた汎用的なコンピュータシステムを用いることができる。このコンピュータシステムにおいて、ＣＰＵがメモリ上にロードされた所定のプログラムを実行することにより、注意領域表示システム1−101の各機能が実現される。
【００１８】
本実施形態の注意領域表示システムの動作を、図２を用いて説明する。
【００１９】
Ｓ２１において、ユーザは情報入力部1−6からURLを入力し、閲覧したいウェブページを指定する。公開されているウェブページについてはURLで指定するが、PC上にあるウェブページについてはディレクトリを指定すればよい。なお、ここでは、URLが指定された場合を例に、以下説明する。制御部1−2は、情報入力部1−6がユーザの入力を受け付けると、入力されたURLを宛先として送受信部1−1およびネットウェワーク1-103を介してウェブサーバ1-102にアクセスする。
【００２０】
Ｓ２２において、制御部1−2は、送受信部1−1を用いて、変換対象となるウェブページデータすなわちウェブコンテンツを受信し、情報蓄積部1−5に受信したデータを記録する。
【００２１】
Ｓ２３において、情報解析部1−3は、記録されたウェブコンテンツを解析し、解析結果を情報蓄積部1−5に記録する。ここで、解析方法について説明する。ウェブページは、図３のようなHTML文書により構成される。<HTML>はHTML要素と呼ばれ、開始タグと終了タグで囲まれた<HTML>〜</HTML>部分を指す。これら開始タグと終了タグの中には、さらにHTMLの様々な要素が含まれており、階層構造をしている。この階層構造を解析し樹形図で表現すると、図４のようになる。この階層構造については、一般的なパーサ（parser：構文解析器）によって解析が可能である。情報解析部1−3は、図４のような階層構造から図５に示すような解析結果表（テーブル）を生成し、行ごとにID番号を付与する。
【００２２】
この一つの行を構成要素と呼ぶことにする。構成要素の最下層は、IDが「1」の構成要素のようにmeta要素であるHTMLの要素である場合と、IDが「3」の構成要素のようにテキストである場合とがある。
【００２３】
また、これらの構成要素は、注意領域表示システム1−101であるＰＣが備えるブラウザ（不図示）によって表示されるものと表示されないものがある。これも構成要素の種類に応じて一意に決定される。例えば、ID=1, 2はmeta要素を表しているため、非表示である。ID=3のtitle要素である「ユニバーサルITデザインセンタ」は、ブラウザのページタイトルの部分に表示される。
【００２４】
図６にブラウザによりPCのディスプレイに表示される表示ウィンドウの例を示す。左上のページタイトルの部分６１（表示ウィンドウ６２の外）に「ユニバーサルITデザインセンタ」と表示されている。本実施形態では、表示ウィンドウ６２内に表示される構成要素について検討していくため、ID=3についてはブラウザのウィンドウ６２内に表示されないという意味で、非表示に分類する。情報解析部1−3は、このように各構成要素の要素種別（非表示、表示）を解析し、解析結果表の要素種別の欄に記録する。
【００２５】
要素種別が「表示」の構成要素を、以下、表示要素と呼ぶ。なお、表示要素とは、状態が整えば表示される構成要素のことであり、実際に表示されているかどうかには依存しない。例えば、ウェブページの情報量が非常に多く、すべての情報を閲覧するにはスクロール操作をしなくてはならない場合、スクロールをしなければ表示されない部分の要素であっても、スクロール操作をすれば表示される要素は表示要素である。さらに、表示要素について、情報解析部1−3は、各表示要素がテキストなのか、画像なのかなどのコンテンツ種別を、当該表示要素の解析結果（各階層の内容）に基づいて解析・判別し、解析結果表のコンテンツ種別の欄に記録する。
【００２６】
要素種別が表示である表示要素について、説明のために、図５とは別の解析結果表を図７に示す。図７では、e1からe123までの123個の表示要素が挙げられており、Ｓ２３の段階では、ＩＤ〜要素種別、コンテンツ種別までが記録されている。それ以外の欄（状態、表示面積、文字サイズ、テキスト色、・・・、注意得点、注意得点の順位）については、Ｓ２４以降のステップにて追記される。なお、図７では、図５に示す各階層（第一階層〜第六階層）の表示を省略している。
【００２７】
Ｓ２４において、制御部1−2は、表示要素が表示されている状態かどうかを判別する。表示されているかどうかは、表示ウィンドウの大きさを元に計算が可能である。まず、表示要素の位置座標を取得する。座標軸は任意でよいが、説明のためディスプレイの左上の隅に原点をとり、x軸を右向きに、y軸を下向きに取る。取得された表示要素の位置座標を（xo, yo）とする。なお、xo＝xo1〜xon、yo＝yo1〜yomとする。
【００２８】
次に、ディスプレイの大きさが、縦がYD、横がXDであるとする。ディスプレイで表示される座標の範囲は（0, 0）から（XD, YD）の間である。すなわち座標（x, y）があるときに、次の二つの式を満たせば、ディスプレイ上に表示されているといえる。
【００２９】
0 ≦  x  ≦  XD 
0 ≦  y  ≦  YD 
表示ウィンドウがすべて表示されているとは限らないため、表示ウィンドウの左上の隅の座標を取得する。表示ウィンドウとはウェブコンテンツが表示されている領域を指す。表示ウィンドウ左上隅の座標を（xw, yw）とする。
【００３０】
さらに、表示ウィンドウは長方形であるため、表示ウィンドウの大きさは縦がYW、横がXWとする。
【００３１】
次の式(1)、(2)が満たされる場合は、表示ウィンドウがすべて表示されている。
【００３２】
XD −  xw  ≧  XW…  (1)
YD −  yw  ≧  YW…  (2)
この場合、表示ウィンドウがすべて表示されているので、表示要素は、すべて表示状態となる。
【００３３】
一方、式(1)、(2)が満たされない場合は、表示ウィンドウがすべて表示されていない。表示要素の座標は（xo, yo）であるので、次の式が満たされれば、表示要素は表示されていると言える。
【００３４】
xw ≦  xo  ≦  XD 
yw ≦  yo  ≦  YD 
これらの条件が満たされる表示要素については、表示状態にあると判別し、これらの条件が満たされない表示要素は非表示状態にあると判別する。なお、表示状態であるか、非表示状態であるかは、スクロール操作を行わない限り変わらない。図７の状態の欄に、表示状態か、非表示状態かを追記する。
【００３５】
さらに、制御部1−2は、表示要素がテキストの場合、文字サイズやテキスト色を図７の文字サイズやテキスト色の欄に追記する。また、文字サイズと文字数を用いて表示面積を算出し、図７の解析結果表の表示面積に追記する。文字サイズはブラウザの設定によるため、ブラウザに設定されているいずれかの文字サイズを取得する。したがって、ブラウザの設定が変更された場合は、図７の解析結果表を変更する。
【００３６】
なお、図７に示す例では、文字サイズ、テキスト色、表示面積を例に挙げているが、その他にも、テキストであれば、フォント種類、フォント装飾、コントラストなど、図８および図９を用いて後述するような値はＳ２４で解析して取得し、解析結果表に追記しておく。
【００３７】
Ｓ２５において、制御部1−2は、要素種別が「表示状態」の各表示要素について、注意得点を算出する。ここで注意得点について説明する。注意得点とは、人の注意の度合いを表わす指標（注意の引きやすさに応じた点数）である。表示要素の持つ特徴により、注意得点を計算する。注意得点の付与方法を工夫することによって、注意得点の最も高い表示要素に人の注意が向きやすいようにすることができる。注意得点は、表示要素の持つ特徴、表示要素の属性から計算することができる。
【００３８】
表示要素の属性は、２種類に分類される。一つ目は、表示要素に特有の特徴であって、不変的な属性である。以後、絶対属性と呼ぶ。絶対属性は、表示要素がテキストであるか、画像であるか、映像であるかなどによって決まる。また、画像などでは使われている色により属性は異なるが、画像に含まれる複数の色の比率により注意得点を決定しても良い。
【００３９】
二つ目は、相対的に決まる属性で、何が表示されているかで変化する特徴である。以後、相対属性と呼ぶ。相対属性は、着目する表示要素の特徴と、周囲の表示要素の特徴を比較した結果から定まる。新奇性があるほど注意得点を高くする。すなわち、黒いテキストばかりの中で、一部だけ赤いテキストがあれば、注意得点が高くなる。また、周囲との比較ではなく、位置による特徴も相対属性に入る。注意得点の高い表示要素からの距離が短いほど注得点を高くしてもよい。また、画面では周囲よりも中心部の方が目立つと考えられるため、画面中心からの距離が短いほど注得点を高くしてもよい。
【００４０】
絶対属性に関しては、例えば図８に示すような絶対属性と注意得点とを対応付けた対応表を、情報蓄積部1−5にあらかじめ記録しておく。表示要素がテキストであるか、画像であるか、映像であるかなどの表示要素の種類が絶対属性の一つである。表示要素がテキストの場合、文字の大きさ、文字のフォント種類、文字の色などのテキストの特徴が絶対属性である。
【００４１】
表示要素が画像の場合、画像の大きさ、文字が書かれていれば、文字の大きさ、文字のフォント種類、文字の色などが絶対属性である。色については、注意の引きやすさの順番をあらかじめ記録しておくが、色が複数使われている場合には、複数の色のうち最も注意の引きやすい色を用いて注意得点を決めてもよく、あるいは、表示面積が最も広い色を用いて注意得点を決定してもよい。また、複数の色の注意得点をそれぞれ取得し、その平均を注意得点としてもよいし、各色の表示面積で重みづけして平均を算出し、注意得点としてもよい。画像中の色に関しては、画像を１ピクセルずつ解析すれば、画像中の色の情報を得ることができる。あるいは人が見て注意得点を決定し、設定してもよい。
【００４２】
図８は、絶対属性と注意得点との対応を示す例である。絶対属性の欄に「表示要素種類」がある。属性値の欄には、テキスト、画像、映像、動画の4種類がある。それぞれ、注意得点が1、2、3、2.5とある。これは、例えば表示要素がテキストであった場合に、注意得点が1点であることを示している。
【００４３】
また、絶対属性が「フォント装飾」の欄を見ると、属性値の欄には、太字、イタリック、装飾なしの３種類があり、それぞれ注意得点が2倍、1.5倍、1倍となっている。これは、例えば表示要素が太字であった場合に、注意得点の合計を2倍して、注意得点を求めることを示している。
【００４４】
また、絶対属性が「コントラスト」の欄を見ると、属性値の欄には、前景色の明度:背景色の明度=C:1とあり、注意得点の欄には0.21Cとなっている。これは、前景色の明度と背景色の明度との比率を求め、Cの値を決定する。これを0.21倍して、注意得点を決定するということである。
【００４５】
図８に示す絶対属性と注意得点との対応を一般的に表すと、図９のようになる。図９の絶対属性が「表示要素種類k」に関して、F1 (k)という式で注意得点を決定する。図８の例で説明すると、k=テキストである場合は1、k=画像である場合は2、k=映像である場合は3、k=動画である場合は2.5となるようなF1(k)という関数を使えばよい。同様に他の絶対属性に対して図９の関数に当てはめれば注意得点を得ることができる。
【００４６】
個々の絶対属性に対する各注意得点を加算することで、各表示要素の注意得点の総得点を算出することができる。あるいは、各注意得点を掛け合わせるなど、計算方法は任意でよい。また、重み付けをつけるとすれば、ある表示要素の注意得点の総得点Aは、次のようになる。
【００４７】
A = a1F1(k) + a2F2(c) + a3F3(s) + a4F4(f) + a5F5(d) + a6F6(c2) + …
ただし、a1, a2, a3, a4, a5, a6, …は定数である。
【００４８】
あるいは、総得点Aは、関数Hを使って次のように表してもよい。
【００４９】
A = H(F1(k) , F2(c), F3(s), F4(f), F5(d), F6(c2), …)
一方、相対属性に関しては、表示条件によって異なる。つまり、何が表示されているかで変化する属性である。複数の表示要素がある場合、ある表示要素の珍しさの度合いが挙げられる。
【００５０】
図１０は、相対属性と注意得点との対応を示す例である。例えば、ほとんどの表示要素がテキストである中、一つだけ画像があると注意を引くと考えられる。表示要素がテキストである場合の総数と、画像である場合の総数を比較して、画像である割合が低い場合に、注意を引くと考えることができる。すなわち、表示要素の種類の割合は相対属性の一つである。注意を引く場合を考えてみると、その表示要素の割合が少ない場合であるが、あまりに割合が少なくても目立たないと考えられる。そのため、図１０に示すように、表示要素の数の割合が画像:テキスト=k1:1であったとすると、その画像の相対属性の一つである「相対属性G (k1)」」は、次のような式で表すことができる。
【００５１】
G (k1) = b1 k12 + b2 k1 + b3
ただし、b1, b2, b3は定数である。
【００５２】
また、画像とテキストとの表示面積の割合を調べてもよいし、テキストの単位は一つの表示要素に含まれる複数ではなく、一つ一つの文字として数の割合を調べてもよい。この場合、図１１に示すように、k1を使った式、G1(k1)で一般化することができる。図１１は、図１０に示す相対属性と注意得点との対応を一般的に表したものである。
【００５３】
次に、表示要素の位置によっても、注意の引きやすさは変化すると考えられる。ウィンドウの端に表示されるよりも中央に近い部分に表示される方が注意を引きやすいと考えられる。または、絶対属性の注意得点の高い表示要素からの距離が短い方が注意を引きやすいと考えられる。
【００５４】
図１２に示す場合の、表示要素bの表示位置を考える。絶対属性の注意得点が最も高い表示要素を表示要素aとすると、表示要素aの中心点Oaと表示要素bの中心点Obの距離はr1になるとする。さらに、表示ウィンドウの中心点をOcとすると、Ocと表示要素bの中心点Obの距離はr2になるとする。これらr1とr2を使って、相対属性を表すことが考えられる。
【００５５】
この場合の例を図１０に示す。絶対属性の注意得点が最高点の表示要素からの距離をa1 (Rmax − r1)とする。ここで、Rmaxはウィンドウの表示枠の対角線の長さであり、r1は最大Rmaxまで取りうる。一方、中心からの距離をa2 (Rmax − r2 )とする。これについても、一般的な式で表すと、図１１のようになる。それぞれ、I1(r1)とI2(r2)と一般化することができる。これら２つを総合した相対属性の注意得点R1は、R1= J(I1(r1), I2(r2)) = J(xb, yb)と表現することができる。
【００５６】
最後に、スクロール操作などの結果、コンテンツが移動する場合を考える。移動する方向によっても相対属性は異なると考えることもできる。例えば、スクロール操作の前の表示ウィンドウの例を図６に、スクロール操作後の表示ウィンドウの例を図１３に示す。ウェブページの上端が表示されている状態からスクロール操作を行い、ウェブページの下端が表示されるようにしたとする。
【００５７】
図６と図１３を比較すると、「image1」と「センタからの最新情報」の一つ目のリンク消え、文章の下の方、「image3」と、「アクセシビリティポリシ」および「ページの先頭」へと書かれた２つのリンクとが表示されている。スクロール操作を開始した時点で、「image1」は消えていくことは明確であるので、新しく現れる部分、「image3」やその周辺のテキストなどに、ユーザの注意は、より引かれると考えることができる。そこで、より下部のコンテンツを表示させる方向のスクロール操作が行われた場合には、図６のウィンドウの枠の下部から、新しくコンテンツが出てくるように見える。そのため、図１３ではウィンドウの枠の下部に近いほど、注意得点を上げることが考えられる。ウィンドウの枠の下部からの距離をhとし、hが小さいほど、大きな重み付けをすることが考えられる。ウィンドウ枠の高さをH、重み付け係数の値をPとすると、Pはhとともに変化する関数で一般的にはF(h)と書くことができる。例えば、P=H−hなどが考えられる。
【００５８】
あるいは、一般に地図アプリケーションに見られるように、地図の表示位置を変えるためにはドラッグして移動することが可能である。その例を図１４に示す。ドラッグして移動する場合にはドラッグ操作の方向から新しくコンテンツが出てくるように見える。そのため、ドラッグ操作の方向と垂直で、表示ウィンドウの右上の角の点（頂点）を通る直線Lを引き、この直線からの距離が短いほど、注意得点を上げることが考えられる。移動が止まったときに注意得点を再計算する。また、地図などで拡大縮小操作を行うと、相対属性も変化するため、絶対属性および相対属性を求め直してから注意得点を再計算すればよい。
【００５９】
このように、操作に合わせて任意の方向への変化や拡大縮小に対して、変化後の注意得点を求めなおすことが可能である。これをもう一度まとめる。表示要素を｛x1, x2, x3, …, xn｝とすると、注意得点の総点数TはT=F (x1, x2, x3, …, xn)によって定まる。xmはm番目の表示要素の、相対属性ベクトルである。想定する相対属性の数がa個であるとすると、a次元ベクトルとなる。
【００６０】
Ｓ２５においては、前述のように表示要素ごとに絶対属性および相対属性を算出し、算出した絶対属性の注意得点と相対属性の注意得点とを加算し、加算した値を注意得点として図７の注意得点の欄に追記する。なお、絶対属性の注意得点のみを算出し、図７の注意得点の欄に追記することとしてもよい。
【００６１】
Ｓ２６において、制御部1−2は、Ｓ２５で算出した注意得点の高い順に、各表示要素に順位をつけ、図７の注意得点の順位の欄に追記する。このようにして、表示要素e1からe123までを、注意得点の高い順に並べることができる。
【００６２】
Ｓ２７において、情報構成部1−4は、Ｓ２６で決定した順位に基づいて順位が小さい少なくとも１つの表示要素の領域を注目させるシミュレーション画像を生成する。すなわち、順位が最も小さい表示要素（１位の表示要素）、または、順位が小さい所定の数の表示要素（１位〜ｎ位）の表示要素を注目させるシミュレーション画像を生成する。
【００６３】
図１５は、最も注意得点の高い表示要素（１位の表示要素）が注目される場合のシミュレーション画面の例である。図１５では、表示要素Aが、最も注意得点が高いものとする。情報構成部1−4は、図１５に示すように、注意得点の最も高い表示要素からの距離に応じて、ウィンドウ内の領域の表示を変化させている。具体的には、表示要素Aおよび表示要素Aの周辺を明るく表示し、表示要素Aの中心から遠ざかるほど、同心円状のフィルタをかけるなどして、暗く表示する。
【００６４】
これにより、表示要素Aは明るく表示され、表示要素Aに注意が引かれており、表示要素Bは暗く表示されて注意が引かれていないことを容易に把握することができる。なお、図１５では、表示要素Aからの距離に応じて段階的に暗く表示しているが、連続的に変化させてもよい。ある点Xでの、表示要素Aの中心からの距離をRとすると、Xでの暗さの度合いDは、例えば、以下の式で表すことができる。
【００６５】
D=aR（ただしaは定数）
あるいは、二次級数的に変化させても良い。一般化すると、任意の点Xでは、その位置の座標(x, y)を用いて、次のように表すことができる。
【００６６】
D=K1(R)=K2(x, y)
また、最も注意得点の高い表示要素Aだけでなく、２番目の順位の表示要素A2についても考慮してもよい。その場合にはA2とXとの距離をR2とすると次のようになる。
【００６７】
D=K1(R)+K2(R2)
あるいは一般化して、任意の点では、その位置の座標(x, y)を用いて、次のように表すことができる。
【００６８】
D=K(x,y)
なお、いくつの表示要素を使ってシミュレーション画像を作成するかについては、情報蓄積部1−5にあらかじめ記録しておくものとする。
【００６９】
［第２の実施形態］
第２の実施形態について説明する。第２の実施例は、時間の経過に応じた変化を考慮する例である。第１の実施形態では、映像であるかどうかだけを絶対属性の一つとして扱ったが、第２の実施形態では、実際に映像がどのように変化するかを調べ、注意得点を計算する。また、表示ウィンドウに入りきらないウェブページ、すなわち、すべてを閲覧するにはスクロール操作が必要なウェブページについては、そのすべての領域を閲覧することをシミュレートして注意得点を計算する。
【００７０】
第２の実施形態の注意領域表示システムの構成を図１６に示す。図１６は図１と同様であるが、時間計測部11−8をさらに備える点において図１と異なる。
【００７１】
本実施形態の注意領域表示システムの動作を、図１７を用いて説明する。Ｓ４１において、ユーザは情報入力部11−6からURLを入力し、閲覧したいウェブページを指定する。公開されているウェブページについてはURLで指定するが、PC上にあるウェブページについてはディレクトリを指定すればよい。なお、ここでは、URLが指定された場合を例に、以下説明する。制御部11−2は、情報入力部11−6がユーザの入力を受け付けると、入力されたURLを宛先として送受信部11−1およびネットウェワーク11-103を介してウェブサーバ1-102にアクセスする。
【００７２】
Ｓ４２において、制御部11−2は、送受信部11−1を用いて、変換対象となるウェブページデータ、すなわちウェブコンテンツを受信し、情報蓄積部11−5に受信したデータを記録する。
【００７３】
Ｓ４３において、情報解析部11−3は、記録されたウェブコンテンツを解析し、解析結果を情報蓄積部11−5に記録する。解析方法は第１の実施形態と同様である。
【００７４】
Ｓ４４において、制御部11−2は、表示ウィンドウにスクロールバーが表示されるか否かを判別する。まず、ウェブページ全体の大きさを取得する。ウェブページ全体の大きさは各表示要素の大きさとレイアウトから決定できる。ウェブページは長方形であるため、取得されるウェブページの大きさは縦がYP、横がXPであるとする。次に、表示ウィンドウの大きさを取得する。表示ウィンドウは長方形であるため、表示ウィンドウの大きさは縦がYW、横がXWとする。
【００７５】
このとき、XW  ≦  XD  が満たされると、横方向にスクロールバーが表示され、満たされなけばスクロールバーは表示されない。また、YW  ≦  YDが満たされると、縦方向にスクロールバーが表示され、満たされなけばスクロールバーは表示されない。
【００７６】
スクロールバーが表示されていると判別した場合、Ｓ４５に進み、ユーザによるウェブページの操作をシミュレートし、操作履歴を情報蓄積部11−5に記録する。例えば、図６のような画面から図１３のような画面へとスクロール操作をすることができるが、スクロール操作が可能である場合に、ウェブページ上の全てを閲覧するようにスクロール操作したと考えて、操作を記録することができる。これらの動作方法やスクロール操作の速さなど、シミュレートに必要な情報はあらかじめ情報蓄積部11−5に記録しておき、情報入力部11−6から指示を行い、動作させればよい。
【００７７】
次にＳ４６において、制御部11−2は、各表示要素が表示状態であるか否かを判別する。表示状態であるか否かは、表示ウィンドウの大きさと、シミュレーション結果を用いて計算が可能である。
【００７８】
本実施形態では、あらかじめ情報蓄積部11−5に記録した時間間隔で、画面のスクリーンショットを情報蓄積部11−5に記録する。例えば、100ミリ秒ごとに画面のスクリーンショットを記録する。スクリーンショットの記録時ごとに、各表示要素の、表示、非表示を判別する。時間計測部11−8は、計測のタイミングを制御部11−2に通知する。制御部11−2は、計測のタイミング（時間）が通知されると、情報出力部11−7であるディスプレイの表示からスクリーンショットを取得し、情報蓄積部11−5に記録する。スクリーンショットを記録した後、時間計測部11−8は、次の記録時間までの時間の計測を開始する。
【００７９】
Ｓ４７において、制御部11−2は、要素種別が「表示状態」の各表示要素について、注意得点を計算する。計算方法は、と同様である。なお、映像や動画などは時間の経過とともに表現が変化する。各記録時刻におけるスクリーンショットから、映像や動画を静止画として絶対属性を求め、次にスクリーンショット間の比較を行って相対属性を求め、注意得点を計算する。詳しい計算方法は、第１の実施形態と同様である。
【００８０】
なお、映像や画像中に文字が表示されている場合は、文字認識技術を用いて、どのような文字が表示されているかを取得し、文字に対する注意得点を計算することもできる。
【００８１】
Ｓ４８において、制御部11−2は、第１の実施形態のＳ２６と同様に、注意得点の高い順に、各表示要素に順位をつける。すなわち、各表示要素を、注意得点の高い順に並べる。
【００８２】
Ｓ４９において、情報構成部11−4は、シミュレーション画面を生成する。ここでは、表示時間に応じて、注意得点を変化させる方法について説明する。つまり、表示されてからの経過時間を計測し、その表示時間に応じて注意得点を少なくするように変化させる。
【００８３】
これは、新奇性があるものに対して注意が引かれるが、時間が経つに従って、注意が削がれることを表すためである。第１の実施形態では、表示時間がいくら経過しても、スクロールなどの操作がなければシミュレーション画面は不変であったが、本実施形態では、シミュレーション画面が時間の経過とともに変化していく。
【００８４】
スクロールにより新たに表示された要素、例えば、図１３の「image3」では、スクロール操作後に表示されてから、注意得点を減じていく。注意得点の減じ方は、表示要素ごとに異なっても良いし、表示要素の属性ごとに異なっても良い。あるいは表示要素と属性との組み合わせに応じて変えても良い。減じ方も時間の経過に合わせて線形に減じても良いし、二次級数的に変化させても良い。これらの情報は、あらかじめ情報蓄積部1−5に記録しておけばよい。各表示要素の注意得点の変化の度合いが異なれば、順位の変更が起きる可能性があるため、図１５のようなシミュレーション画面は時々刻々と変化する。
【００８５】
［第３の実施形態］
第３の実施形態について説明する。第３の実施形態は、時間の経過に応じた変化を考慮する実施形態である。また、任意のユーザによるウェブページの操作を記録し、注意得点を計算する実施形態である。第２の実施形態では、スクロール操作をシミュレーションした後に注意得点を計算したが、第３の実施形態では、第２の実施形態と同様の手続きで、シミュレーション画面を作成することができる。ユーザの操作を記録し、一定の時間間隔ごとに注意得点を計算するため、スクロール操作中のシミュレーションも可能である。
【００８６】
本実施形態の注意領域表示システムの構成は第２の実施形態（図１６参照）と同様である。
【００８７】
本実施形態の注意領域表示システムの動作を、図１８を用いて説明する。Ｓ６１からＳ６３は、第２の実施形態のＳ４１からＳ４３（図１７参照）とそれぞれ同じであるため、説明を省略する。
【００８８】
Ｓ６４において、制御部11−2は、ユーザによるウェブページの操作履歴を情報蓄積部11−5に記録する。例えば、図６のような画面から図１３のような画面へとスクロール操作をすることができるが、そのときにユーザがスクロール操作をすればその操作を記録する。
【００８９】
次にＳ６５において、制御部11−2は、各表示要素が表示されているか否かを判別する。表示されているか否かは、表示ウィンドウの大きさと、ユーザの操作履歴とを用いて計算が可能である。
【００９０】
本実施形態では、あらかじめ情報蓄積部11−5に記録した時間間隔で、画面のスクリーンショットを情報蓄積部11−5に記録する。例えば、100ミリ秒ごとに画面のスクリーンショットを記録する。スクリーンショットの記録時ごとに、各表示要素の、表示、非表示を判別する。時間計測部11−8は、計測のタイミングを制御部11−2に通知する。制御部11−2は、計測のタイミング（時間）が通知されると、情報出力部11−7であるディスプレイの表示からスクリーンショットを取得し、情報蓄積部11−5に記録する。スクリーンショットを記録した後、時間計測部11−8は次の記録時間までの時間の計測を開始する。
【００９１】
Ｓ６６において、制御部11−2は、制御部11−2は、要素種別が「表示状態」の各表示要素について注意得点を計算し、Ｓ６７において、注意得点の高い順に、各表示要素に順位を付ける。Ｓ６８において、情報構成部1−4は、シミュレーション画面を生成する。
【００９２】
これにより、ユーザの実際の操作記録から、閲覧対象のウェブページに対するユーザの注意の度合いを推定することができる。さらに、複数のユーザによるウェブページの操作を記録し、任意の要素の注意得点として、平均をとってもよい。あるいは、ユーザのPC操作の習熟度に応じて、重みをつけて平均を計算してもよい。
【００９３】
［第４の実施形態］
第４の実施形態について説明する。第４の実施形態は、あらかじめ目立たせたい要素を記録しておき、その要素が任意の注意得点以上の得点とならない場合に、警告を出す例である。ユーザがウェブページを閲覧しているときに、注意を向けるべき要素に注意が向けられていない場合に警告を出す。これにより、注意を向けるべき重要な要素にユーザが気がつかないようなデザインになっていることを、ウェブコンテンツの制作者に気づかせることができる。
【００９４】
第４の実施形態では、各表示要素に対応して基準となる注意得点をあらかじめ情報蓄積部11−5に記録しておく。これを設定得点（基準注意要素）と呼ぶ。本実施形態では、ウェブページの制作者が、ウェブページ制作の意図に合わせて各要素に対応する注意得点を設定得点として決定しておき、ウェブページのユーザがその意図に沿った操作をしているかを判断するために用いることを想定している。
【００９５】
例えば、送信ボタンに気がつかせたい場合について説明する。本実施形態では、ウェブページ全体の各表示要素の注意得点を計算する。同じページに、送信ボタンよりも高い注意得点の要素があると、相対属性の影響から、送信ボタンの注意得点は低くなる。それが設定得点を下回ると、ユーザが送信ボタンの存在に気がつかない可能性があるので、ウェブ制作者に対して警告を出す。ウェブ制作者はその警告を見て、注意得点が適切になるように、ウェブページ全体のデザインを修正することができる。
【００９６】
本実施形態の注意領域表示システムの構成は第２の実施形態（図１６参照）と同様である。
【００９７】
本実施形態の注意領域表示システムの動作を、図１９を用いて説明する。Ｓ８１からＳ８６は、第３の実施形態のＳ６１からＳ６６（図１８参照）とそれぞれ同じであるため、説明を省略する。
【００９８】
Ｓ８７において、制御部11−2（第１の出力手段）は、あらかじめ情報蓄積部11−5に記録されている各表示要素の設定得点と、計算された各表示要素の注意得点とをそれぞれ比較し、設定得点よりも低い注意得点となった表示要素があるか否かを判断する。なお、あらかじめ情報蓄積部11−5に記録されている各表示要素の設定得点と、計算された注意得点とを比較する場合に、100ミリ秒ごとに比較を行ってもよいし、対象となるウェブページが表示されている時間で平均をとってもよい。注意得点が時間とともに変化する場合には有効である。
【００９９】
設定得点よりも低い注意得点となった表示要素がない場合（Ｓ８７：ＮＯ）、そのまま終了する。設定得点よりも低い注意得点となった表示要素がある場合（Ｓ８７：ＹＥＳ）、Ｓ８８に進み、制御部11−2は、設定得点よりも低い注意得点となった要素に対して警告情報を表示する。警告情報の表示方法は、表示要素の位置情報はわかっているので、ウェブページ上の表示要素に重畳させて表示したり、要素の名前を音で表現するなどしてもよい。あるいは、表示要素の名前を一覧表示して、リンクを設定し、リンクを辿ると要素が特定できるなどとしてもよく任意の方法が考えられる。
【０１００】
この警告は、ユーザに対して表示されるものではなく、ウェブページの制作者に対して表示されるものである。したがって、ユーザがウェブ操作をしている間は、警告は表示されない。ユーザの操作履歴から、注意を引かない表示要素を後に取得して、ウェブページの分析を行うためのものである。これにより、注意を引いて欲しいという意図で作られた要素が、ユーザの操作履歴から、設定得点よりも低い注意しか引いていないということが明らかになる。その場合には、ウェブページ制作者がそのウェブページのデザインを作り直すきっかけとすることができる。
【０１０１】
［第５の実施形態］
第５の実施形態について説明する。第５の実施形態は、ウェブページのうち、表示状態にある各表示要素と、非表示状態の各表示要素とに分けて注意点数を計算し、ウェブページのうち表示状態にある表示要素の注意得点の最高点数が、非表示状態の表示要素の注意得点の最高点数より小さい場合に、警告情報を出力する実施形態である。
【０１０２】
ウェブページでは、スクロールなどの操作をしないと表示されない部分があるため、表示されていない部分に重要な表示要素がある場合に警告情報を出力し、ユーザにスクロール操作を促す。これにより、ユーザが重要な情報を見逃す可能性を減らすことができる。本実施形態は、ウェブページを閲覧するユーザの支援を目的としており、これにより、閲覧しているウェブページが、制作者の意図通りに注意を引くように、ユーザに閲覧させることができる。
【０１０３】
本実施形態の注意領域表示システムの構成は第２の実施形態（図１６参照）と同様である。
【０１０４】
本実施形態の注意領域表示システムの動作を、図２０を用いて説明する。Ｓ１０１からＳ１０６は、第３の実施形態のＳ６１からＳ６６（図１８参照）とそれぞれ同じであるため、説明を省略する。
【０１０５】
Ｓ１０７では、制御部1−2（第２の出力手段）は、ウェブページで最高得点の表示要素が表示されていない場合に、そのウェブページの閲覧を終了する操作があるか否か判別する。具体的には、対象となるウェブページにおける表示要素の中で、最高の注意得点を持つ表示要素が表示されていない場合に、最高得点以外の表示要素に対して、クリックなどの操作をして、違うページに移動しようとするタイミングである。
【０１０６】
この場合は、最高の注意得点を持つ表示要素を閲覧した方がよいと考えられるため、ユーザに対して、例えば図２１に示すようなメッセージを表示する。すなわち、「重要な要素が表示されていません。スクロールをして確認してください」などと表示する。また、「スクロールして確認する」、「このまま他のページへ移動する」という選択肢を表示し、ラジオボタンでユーザに選択させる。ユーザが「スクロールして確認する」を選択して送信ボタンを押し、確認するという意思を表示すれば、ウェブページの操作に戻る。ユーザが「このまま他のページへ移動する」を選択して確認しないという意思を表示すれば、一つ前のクリックの操作が有効になり、他のページへ移動する。
【０１０７】
このようにして、最高の注意得点を持つ表示要素が表示されていない場合に警告情報が出力され、ユーザに対し閲覧を促すことができる。
【０１０８】
以上説明した各実施形態では、注意の範囲が狭いユーザの注意の範囲を推定し、表示することにより、そのウェブページが、注意の範囲が狭いユーザにとって使い易いものになっているか確認することができる。すなわち、ウェブアクセシビリティに配慮したウェブコンテンツのデザインの制作を支援することができる。
【０１０９】
具体的には、ユーザの注意が向きやすい部分を見やすく表示し、それ以外の範囲を見にくく表示することにより、ユーザの注意の向いていない部分の情報を把握すること、また、操作が難しい場面を再現することができる。すなわち、高齢者ユーザの注意を考慮し、高齢者にとって情報を得ることが難しいデザインや、操作が難しいデザインを明確にすることができる。
【０１１０】
また、本実施形態では、注意得点が高い表示要素を注目させるシミュレーション画像を生成する。これにより、ウェブページのウェブ制作者（デザイナ）は、自分の意図の通りにウェブコンテンツがデザインされているかを把握することができ、高齢者に見やすいデザインへとウェブページを容易に修正することができる。また、注意が及びづらい領域に、重要な情報やリンクがないかなどを確認できる。
【０１１１】
また、本実施形態では、ユーザによる一連の操作を記録しておき、ユーザの注意を表示することにより、その一連の動作において、注意が及んでいない領域に、重要な情報やリンクがないかなどを確認できる。もし注意が及んでいない領域に重要な情報がある場合には修正することができる。
【０１１２】
また、本実施形態では、高齢者ユーザなどに、注意を向けるべき要素が表示されていない場合に、警告情報を出力して注意を促すことで、情報を伝えることができる。
【０１１３】
なお、本発明は上記実施形態に限定されるものではなく、その要旨の範囲内で数々の変形が可能である。
【符号の説明】
【０１１４】
1−1、11−1：送受信部
1−2、11−2：制御部
1−3、11−3：情報解析部
1−4、11−4：情報構成部
1−5、11−5：情報蓄積部
1−6、11−6：情報入力部
1−7、11−7：情報出力部
11−8      ：時間計測部
1−101、11−101：注意領域表示システム
1−102、11−102：ウェブサーバ
1−103、11−103：ネットワーク
【図１】
2012014597.tif 000003
【図２】
2012014597.tif 000004
【図３】
2012014597.tif 000005
【図４】
2012014597.tif 000006
【図５】
2012014597.tif 000007
【図６】
2012014597.tif 000008
【図７】
2012014597.tif 000009
【図８】
2012014597.tif 000010
【図９】
2012014597.tif 000011
【図１０】
2012014597.tif 000012
【図１１】
2012014597.tif 000013
【図１２】
2012014597.tif 000014
【図１３】
2012014597.tif 000015
【図１４】
2012014597.tif 000016
【図１６】
2012014597.tif 000017
【図１７】
2012014597.tif 000018
【図１８】
2012014597.tif 000019
【図１９】
2012014597.tif 000020
【図２０】
2012014597.tif 000021
【図２１】
2012014597.tif 000022
【図１５】
2012014597.tif 000023