JP5599959B1

JP5599959B1 - 情報処理装置

Info

Publication number: JP5599959B1
Application number: JP2014510596A
Authority: JP
Inventors: 礼入鹿島; 剛大荻田; 淳子竹本
Original assignee: Rakuten Inc
Current assignee: Rakuten Group Inc
Priority date: 2013-05-20
Filing date: 2013-05-20
Publication date: 2014-10-01
Anticipated expiration: 2033-05-20
Also published as: JPWO2014188496A1; WO2014188496A1; US20150234561A1; US10725645B2

Abstract

副表示領域の表示によって主表示領域に表示されたウェブページの閲覧が妨げられる状態を回避しやすくすることのできる情報処理装置を提供する。
所定のスクロール方向に沿ってスクロール可能なウェブページが主表示領域に表示される場合に、当該ウェブページ内に配置される表示要素の、スクロール方向と交差する交差方向における配置位置を取得し、主表示領域と重なる位置に配置される副表示領域の交差方向における配置位置を、取得された表示要素の配置位置に応じて決定する情報処理装置である。

Description

本発明は、ウェブページの表示を制御する情報処理装置、情報処理方法、その制御プログラム、及びサーバ装置に関する。

ウェブブラウザプログラムを実行することにより、表示画面の一部、又は全部を占めるウィンドウ（主表示領域）内にウェブページを表示する情報処理装置が知られている。ここで、ウェブページが主表示領域に収まりきらないサイズの場合、ユーザーはスクロール操作を行うことでウェブページの任意の位置を主表示領域内に表示させることができる。しかしながら、このような制御によると、ウェブページ内の重要な情報が主表示領域の外にスクロールアウトして表示されない状態が生じることがある。そこで、重要なボタン等を主表示領域内に表示し続けるための技術が検討されている（例えば特許文献１参照）。

特開２００８−２１００６１号公報

重要な情報を画面に表示する技術の一つとして、主表示領域と重ねて別の情報を含む副表示領域（フローティングウィンドウなど）を表示する手法がある。このような手法によれば、例えばウェブページ内の重要な情報がスクロールアウトしてしまった場合に、このスクロールアウトした重要な情報を含んだ副表示領域を表示するなどの方法で、重要な情報を画面に表示することができる。しかしながら、副表示領域は主表示領域と重なる位置に表示されるため、主表示領域に表示されたウェブページの一部を隠してしまうことになる。そのため、場合によっては主表示領域内に表示されている他の重要な情報を隠してしまうなどの不都合が生じるおそれがある。

本発明は上記実情を考慮してなされたものであって、その目的の一つは、副表示領域の表示によって主表示領域に表示されたウェブページの閲覧が妨げられる状態を回避しやすくすることのできる情報処理装置、情報処理方法、その制御プログラム、及びサーバ装置を提供することにある。

本発明に係る情報処理装置は、主表示領域、及び、当該主表示領域と重なる位置に配置される副表示領域が表示装置の画面に表示される場合における、前記副表示領域の配置位置を決定する情報処理装置であって、所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得手段と、前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定手段と、を含むことを特徴とする。

また、本発明に係る情報処理方法は、主表示領域、及び、当該主表示領域と重なる位置に配置される副表示領域が表示装置の画面に表示される場合における、前記副表示領域の配置位置を決定する情報処理方法であって、所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得するステップと、前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定するステップと、を含むことを特徴とする。

また、本発明に係るプログラムは、主表示領域、及び、当該主表示領域と重なる位置に配置される副表示領域が表示装置の画面に表示される場合に、前記副表示領域の配置位置を決定するためのプログラムであって、所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得手段、及び、前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定手段、としてコンピュータを機能させるためのプログラムである。このプログラムは、コンピュータ読み取り可能な情報記憶媒体に格納されて提供されてよい。

また、本発明に係るサーバ装置は、クライアント装置と接続可能なサーバ装置であって、複数の表示要素を含むウェブページのデータと、副表示領域の表示制御に用いられる制御プログラムとを含む配信データを記憶する配信データ記憶手段と、前記クライアント装置からの要求に応じて、前記配信データを前記クライアント装置に送信するデータ送信手段と、を備え、前記制御プログラムは、前記クライアント装置が、所定のスクロール方向に沿ってスクロール可能な態様で前記ウェブページを主表示領域に表示するとともに、当該主表示領域と重なる位置に前記副表示領域を表示する場合に、前記副表示領域の配置位置を決定するためのプログラムであって、前記ウェブページ内に配置される表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得するステップと、前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定するステップと、を前記クライアント装置に実行させることを特徴とする。

本発明の実施の形態に係る情報処理装置を含むサービス提供システムの全体構成図である。本発明の実施の形態に係る情報処理装置の機能ブロック図である。ウェブページの一例を示す図である。メインウィンドウ及びサブウィンドウの表示例を示す図である。サービス提供システムが実行する処理の流れの一例を示す図である。

以下、本発明の実施形態について、図面に基づき詳細に説明する。

図１は、サービス提供システム１の全体構成を示す図である。同図に示すように、サービス提供システム１は、本発明の一実施形態に係る情報処理装置であるクライアント装置２と、サービス提供者が用意するサーバ装置３と、を含んで構成されている。クライアント装置２は、パーソナルコンピュータやスマートフォン、タブレットなどであって、図１に示すように、制御部１１と、記憶部１２と、通信部１３と、を含んで構成されている。また、表示装置１４、及び操作入力装置１５と接続されている。

制御部１１は、ＣＰＵ等であって、記憶部１２に格納されたプログラムに従って各種の情報処理を行う。記憶部１２は、ＲＡＭ等のメモリ素子を含んで構成され、制御部１１が実行するプログラム、及び当該プログラムが処理対象とするデータを記憶する。特に本実施形態において、記憶部１２はウェブブラウザプログラムを記憶するとともに、サーバ装置３からダウンロードしたＨＴＭＬデータなどのデータを一時的に記憶する。

通信部１３は、ＬＡＮカード等の通信インタフェースであって、クライアント装置２は通信部１３を介してサーバ装置３から各種のデータをダウンロードする。クライアント装置２とサーバ装置３は、インターネット等の各種の通信ネットワークを介して相互に通信可能に接続されている。

表示装置１４は、液晶表示パネルや有機ＥＬ表示パネルなどであって、クライアント装置２から送信される映像信号に従って各種の情報を表示する画面Ｓを備えている。操作入力装置１５は、例えばキーボードやマウス、タッチパネルなどであって、クライアント装置２のユーザーが入力する各種の操作を受け付けて、その操作内容を示す情報をクライアント装置２に対して出力する。なお、表示装置１４及び操作入力装置１５はクライアント装置２本体と分離した独立の装置であってもよいし、クライアント装置２と一体に構成されてもよい。

クライアント装置２の制御部１１は、記憶部１２に記憶されているウェブブラウザプログラムを実行することにより、サーバ装置３からダウンロードしたＨＴＭＬデータに基づいてウェブページＰを生成し、その内容を表示する。特に本実施形態においてクライアント装置２は、表示装置１４の画面Ｓの一部又は全部を占める主表示領域内にウェブページＰの内容を表示するとともに、画面Ｓ上にこの主表示領域と重なるように主表示領域より小さな副表示領域を表示する。以下では説明の便宜のために、主表示領域及び副表示領域を、それぞれメインウィンドウＭＷ及びサブウィンドウＳＷと表記する。メインウィンドウＭＷは、ウェブページＰ本体が表示される対象となる表示領域である。また、サブウィンドウＳＷは、例えばフローティングウィンドウなどであって、メインウィンドウＭＷの前面に配置されるメインウィンドウＭＷより小さな表示領域である。

クライアント装置２は、機能的に、図２に示すように、ウェブページ表示制御部２１と、要素位置取得部２２と、配置位置決定部２３と、サブウィンドウ表示制御部２４と、を含んで構成される。これらの機能は、制御部１１が記憶部１２に記憶されたプログラムを実行することにより実現される。特にウェブページ表示制御部２１は、ウェブブラウザプログラムにより実現される。また、要素位置取得部２２、配置位置決定部２３、及びサブウィンドウ表示制御部２４は、ウェブブラウザプログラムがサーバ装置３からダウンロードした制御プログラムを解釈、実行することにより実現される。この制御プログラムは、例えばＪａｖａＳｃｒｉｐｔ（登録商標）などのスクリプトによって記述されてよい。このスクリプトは、ＨＴＭＬデータ内に埋め込まれてクライアント装置２に提供されてもよいし、ＨＴＭＬデータとは別のスクリプトファイルに格納されてクライアント装置２に提供されてもよい。

ウェブページ表示制御部２１は、サーバ装置３からダウンロードしたＨＴＭＬデータを解釈してウェブページＰを生成し、生成したウェブページＰをメインウィンドウＭＷに表示する。このようなウェブページ生成の処理は、ウェブブラウザプログラムに含まれる公知のレンダリングエンジンによって実現される。ウェブページＰは、ＨＴＭＬデータによって規定される複数の表示要素Ｅを含んで構成されており、ウェブページ表示制御部２１は、これらの表示要素ＥをウェブページＰ内に配置することによって、ウェブページＰを生成する。本実施形態において表示要素Ｅは、ウェブページＰに含まれるコンテンツの内容を表し、実際に画面Ｓ上に表示される要素をさす。具体的には、例えばＨＴＭＬデータ内において段落タグで囲まれた文章の塊や、表題、画像、表などである。表示要素Ｅは、ＨＴＭＬタグのうち、インライン要素ではなくブロックレベル要素を規定するタグによって囲まれるコンテンツを表す要素であってよい。

本実施形態においてメインウィンドウＭＷに表示されるウェブページＰは、その所定のスクロール方向（以下、Ｙ方向という）に沿った長さがメインウィンドウＭＷの長さを超えており、このスクロール方向に沿ってスクロール可能であるものとする。また、ここではＹ方向は、メインウィンドウＭＷの縦方向と一致するものとする。一般的に、ウェブページＰの横方向の幅はメインウィンドウＭＷの横方向の幅に合わせて固定される。そして、ウェブページＰに含まれるコンテンツの内容が多いためにその全てがメインウィンドウＭＷ内に収まりきらない場合、ウェブページＰのサイズは縦方向（Ｙ方向）に延伸することになる。

ウェブページ表示制御部２１は、ユーザーの操作入力装置１５に対する操作入力に応じて、メインウィンドウＭＷに表示されているウェブページＰをＹ方向に沿ってスクロールさせる制御を行う。これによりユーザーは、Ｙ方向の長さがメインウィンドウＭＷの縦方向の長さよりも長いウェブページＰの任意の箇所をメインウィンドウＭＷ内に表示させることができる。なお、ウェブページ表示制御部２１は、ユーザーの直接の指示によらずに、時間とともに自動的にウェブページＰをＹ方向に沿ってスクロールさせてもよい。

図３は、ウェブページ表示制御部２１によって生成されるウェブページＰの一例を示す図である。一点鎖線の矩形は表示要素Ｅを表しており、この図の例では、ウェブページＰは表示要素Ｅａ１、Ｅａ２、Ｅｂ１、Ｅｃ１、Ｅｃ２、Ｅｃ３、及びＥｃ４の７個の表示要素Ｅを含んでいる。また、図中の破線の矩形はウェブページＰのうちメインウィンドウＭＷに表示される表示対象範囲Ｔを示しており、初期状態では図中の表示対象範囲Ｔに含まれるウェブページＰの最上段の部分がメインウィンドウＭＷに表示されることになる。この表示対象範囲Ｔがユーザーの指示に応じて上下に移動することにより、ウェブページＰはメインウィンドウＭＷの縦方向に沿ってスクロールする。

要素位置取得部２２は、ウェブページ表示制御部２１によって生成されたウェブページＰ内に配置される表示要素Ｅの配置位置に関する情報を取得する。特に要素位置取得部２２は、ウェブページＰを構成する各表示要素Ｅについて、ウェブページＰのスクロール方向（Ｙ方向）と交差する交差方向（以下、Ｘ方向という）における配置位置を示す情報を取得する。前述したようにここではＹ方向はメインウィンドウＭＷの縦方向と一致するので、Ｘ方向はメインウィンドウＭＷの横方向と一致する。ウェブページ表示制御部２１は、メインウィンドウＭＷのサイズなどの各種の条件に応じて複数の表示要素Ｅを配置することでウェブページＰを生成する。そのため、ウェブページ表示制御部２１がウェブページＰを実際に生成するまで、ウェブページＰを構成する各表示要素ＥがウェブページＰ内のどの位置に配置されるかは決定されず、クライアント装置２の種類やメインウィンドウＭＷのサイズによっては、同じ表示要素ＥであってもメインウィンドウＭＷ内の異なる位置に配置される場合も生じ得る。そこで要素位置取得部２２は、ウェブページ表示制御部２１によって実際にウェブページＰが生成されたあとに、各表示要素ＥのウェブページＰ内の位置を特定する情報を取得する。

配置位置決定部２３は、要素位置取得部２２によって取得された表示要素Ｅの配置位置に関する情報を用いて、サブウィンドウＳＷの配置位置を決定する。具体的に、配置位置決定部２３は、ウェブページＰ内に配置されている各表示要素Ｅのうち、所定の条件を満たす表示要素Ｅが占めるＸ方向の位置を避けるように、あるいは所定の条件を満たす表示要素Ｅが占めるＸ方向の位置と重複するように、サブウィンドウＳＷのＸ方向の配置位置を決定する。なお、配置位置決定部２３は、サブウィンドウＳＷの位置だけでなく、Ｘ方向に沿った大きさも表示要素Ｅの配置位置に関する情報を用いて決定してもよい。配置位置決定部２３がサブウィンドウＳＷの配置位置を決定する方法の具体例については、後に詳しく説明する。

サブウィンドウ表示制御部２４は、配置位置決定部２３によって決定された配置位置にサブウィンドウＳＷを表示させる。これにより、ユーザーはメインウィンドウＭＷ内に含まれるウェブページＰの内容と、サブウィンドウＳＷに含まれる情報とを併せて閲覧することができる。なお、サブウィンドウＳＷに表示される情報は、ウェブページＰの内容と同様に、サーバ装置３からダウンロードされるＨＴＭＬデータを解釈することにより生成される。サブウィンドウＳＷは、例えばサービス提供者がユーザーへの告知を希望する広告等の情報や、現在サーバ装置３が提供するサービスにログインしているユーザーに関する情報など、各種の情報を含んでよい。また、ＥＣサイトにおける購入ボタンなど、ユーザーによる操作対象となる各種のオブジェクトを含んでもよい。

サブウィンドウ表示制御部２４は、メインウィンドウＭＷにウェブページＰを表示している間常にサブウィンドウＳＷを表示するのではなく、所定の条件を満たす場合だけサブウィンドウＳＷを表示してもよい。具体的には、例えばユーザーが特定の操作を行った場合にサブウィンドウＳＷを表示してもよいし、ウェブページＰのスクロールの開始／終了を契機としてサブウィンドウＳＷを表示したりその表示を終了したりしてもよい。また、ウェブページＰのスクロールによって特定の表示要素ＥがメインウィンドウＭＷ内にスクロールインしたり、メインウィンドウＭＷからスクロールアウトしたりする事象を契機として、サブウィンドウＳＷを表示したりその表示を終了したりしてもよい。

以下、配置位置決定部２３がサブウィンドウＳＷの配置位置を決定する方法の具体例について、説明する。

以下の例では、ウェブページＰ内の各表示要素Ｅに対して、当該表示要素Ｅのユーザーによる視認性に関する指標が設定され、配置位置決定部２３はこの指標を参照してサブウィンドウＳＷのＸ方向の配置位置を決定する。ここで視認性に関する指標とは、ユーザーが対象となる表示要素Ｅが表す内容を把握するのが容易か否かを示す尺度である。例えば画像のようにユーザーが一目で内容を把握することができる表示要素Ｅは、視認性が高いと考えられる。また、文字によって構成される表示要素Ｅの場合、一般に、文字数が少なければ少ないほど、また文字のフォントサイズが大きければ大きいほど、視認性が高くなる。そのため、例えばコンテンツの表題を表す文字からなる表示要素Ｅは、視認性が高くなる。以下では、各表示要素Ｅに設定される視認性に関する指標を視認性ランクと表記する。

視認性が高い表示要素Ｅは、例えばウェブページＰをスクロールさせている間にもユーザーが容易に閲覧することができる。逆に視認性が低い表示要素Ｅについては、ウェブページＰのスクロール中にユーザーがその内容を読み取ることは困難になる傾向がある。そこで例えば領域決定部２３は、視認性が比較的高い表示要素Ｅと重複するおそれがある位置にサブウィンドウＳＷを配置することは避け、視認性が比較的低い表示要素Ｅとだけ重複するような位置にサブウィンドウＳＷを配置する。こうすれば、ユーザーはウェブページＰをスクロールさせながらサブウィンドウＳＷ内の情報やウェブページＰ内の視認性が高い表示要素Ｅを閲覧することでウェブページＰの全体概要をすばやく把握し、視認性が低い表示要素ＥについてはサブウィンドウＳＷと重ならない位置にウェブページＰをスクロールさせたうえで、ゆっくりと閲覧することができる。

特に配置位置決定部２３は、Ｘ方向（すなわち、ウェブページＰのスクロール方向と交差する方向）におけるサブウィンドウＳＷの配置位置を、ウェブページＰ全体に含まれる各表示要素ＥのＸ方向に沿った配置位置を考慮して決定する。すなわち、配置位置決定部２３は、メインウィンドウＭＷと重ねて表示されるサブウィンドウＳＷの配置位置を決定する際に、その時点でメインウィンドウＭＷに表示される表示要素Ｅだけでなく、その時点ではメインウィンドウＭＷに表示されていないが、スクロールによってメインウィンドウＭＷ内に表示される可能性がある他の表示要素Ｅの配置位置をも考慮する。これにより、たとえユーザーがウェブページＰをスクロールさせたとしても特定の表示要素ＥがサブウィンドウＳＷと重なることがないように、サブウィンドウＳＷの配置位置を決定することができる。

ここで、サブウィンドウＳＷの配置位置を決定する方法の具体例について、図３に示したウェブページＰを用いて説明する。ここでは各表示要素Ｅの視認性ランクは視認性が高い順にＡ、Ｂ、Ｃの３段階で設定されることとし、表示要素Ｅａ１及びＥａ２については視認性ランクＡ、表示要素Ｅｂ１については視認性ランクＢ、表示要素Ｅｃ１〜Ｅｃ４については視認性ランクＣが設定されているものとする。配置位置決定部２３は、各表示要素ＥのＸ方向における端部の位置を境界として、ウェブページＰのＸ方向に沿った位置座標を複数の範囲に分割する。そして、分割によって得られる複数の範囲のそれぞれについて、当該範囲に含まれる表示要素Ｅのうち、最も視認性ランクが高い表示要素Ｅの視認性ランクが何になるかを特定する。図３の例では、Ｘ方向の位置座標は向かって左側から範囲ｒ１、ｒ２及びｒ３の３つの範囲に分割される。そして、範囲ｒ１内には視認性ランクＣの表示要素Ｅｃ１だけが存在するので、当該範囲ｒ１の視認性ランクはＣとなる。一方、範囲ｒ２内には視認性ランクＢの表示要素Ｅｂ１と視認性ランクＣの表示要素Ｅｃ２〜Ｅｃ４とが混在しているので、最も高い視認性ランクをとって範囲ｒ２の視認性ランクはＢとなる。範囲ｒ３内には視認性ランクＡの表示要素Ｅａ１及びＥａ２が存在するので、当該範囲ｒ３の視認性ランクはＡとなる。

配置位置決定部２３は、上述したようにして決定された範囲ごとの視認性ランクを用いて、サブウィンドウＳＷのＸ方向における配置位置を決定する。具体的に、配置位置決定部２３は、視認性ランクＡの表示要素Ｅや視認性ランクＢの表示要素Ｅと重なり得る位置を避けて、視認性ランクＣの範囲ｒ１内に表示されるようにサブウィンドウＳＷの配置位置を決定する。このとき配置位置決定部２３は、サブウィンドウＳＷの横幅（すなわち、サブウィンドウＳＷのＸ方向に沿った大きさ）についても、範囲ｒ１内に収まるように決定してもよい。図４は、以上説明した例により決定された位置及び大きさでサブウィンドウＳＷが配置されたメインウィンドウＭＷの表示例を示している。

この例において、ウェブページＰがメインウィンドウＭＷに表示された初期の状態（表示対象範囲Ｔが図３に示す位置に設定された状態）では、範囲ｒ２には視認性ランクＣの表示要素Ｅｃ２及びＥｃ３しか配置されていない。しかしながら、ウェブページＰの下方においては範囲ｒ２内に視認性ランクＢの表示要素Ｅｂ１が存在している。そのため、この範囲ｒ２と重複しないようにサブウィンドウＳＷの配置位置を決定することにより、スクロール後にサブウィンドウＳＷが視認性ランクＢの表示要素Ｅｂ１と重ならないようにすることができる。なお、ここまでの説明では視認性ランクＣの範囲ｒ１にサブウィンドウＳＷを配置することとしたが、例えば視認性ランクＢ以下の範囲（図３の例では範囲ｒ１及びｒ２）内にサブウィンドウＳＷを配置してもよい。

各表示要素Ｅの視認性ランクは、例えばＨＴＭＬデータの作成者によって表示要素Ｅごとに個別に設定されてもよい。この場合、例えば各表示要素Ｅを規定するＨＴＭＬタグに対して予め定められた属性情報を付与するなどの方法で、ＨＴＭＬデータの作成者は各表示要素Ｅの視認性ランクを設定することができる。あるいは、各表示要素Ｅの視認性ランクは、表示要素Ｅの種類や属性に応じて自動的に設定されてもよい。より具体的に、例えば見出しタグによって規定される表示要素Ｅの視認性ランクをＡにするなどのように、表示要素Ｅを規定するＨＴＭＬタグの種類ごとに、予め視認性ランクが定められてもよい。また、各表示要素Ｅに含まれる文字に対してＣＳＳ（Cascading Style Sheets）によって指定されるフォントサイズなど、表示要素Ｅに対して指定される各種の属性情報に応じて、視認性ランクが定められてもよい。

また、配置位置決定部２３は、ウェブページＰがＹ方向に沿ってスクロール中か否かに応じて、サブウィンドウＳＷのＸ方向における配置位置、及びＸ方向の大きさを変化させてもよい。例えば、スクロール中には前述したように視認性ランクの高い表示要素Ｅと重ならない位置にサブウィンドウＳＷを配置し、スクロールしていない間は視認性ランクにかかわらず予め定められた位置にサブウィンドウＳＷを配置してもよい。こうすれば、特にスクロールが行われている間は視認性の高い表示要素Ｅを閲覧できるような態様でサブウィンドウＳＷを表示させることができる。

また、配置位置決定部２３は、ウェブページＰがＹ方向にスクロールしている間におけるサブウィンドウＳＷの配置位置、及びＸ方向の大きさを、当該スクロールの速度に応じて決定してもよい。具体例として、配置位置決定部２３は、ウェブページＰが表示されている間、常にウェブページＰのスクロール速度を監視し、スクロール速度が所定の第１閾値Ｔｈ１以上に速くなった場合にはサブウィンドウＳＷの横幅がメインウィンドウＭＷの全体にわたるようにサブウィンドウＳＷの位置及び大きさを決定する。スクロール速度が第１閾値Ｔｈ１未満で、かつ所定の第２閾値Ｔｈ２以上の場合には、視認性ランクＢ以下の範囲（図３の例では範囲ｒ１及びｒ２）内にサブウィンドウＳＷが表示されるようにその位置及び大きさを決定する。さらに、スクロール速度が第２閾値Ｔｈ２未満の場合には、視認性ランクＣ以下の範囲（図３の例では範囲ｒ１）内にサブウィンドウＳＷが表示されるようにその位置及び大きさを決定する。

一般に、スクロール速度が速くなればなるほど、メインウィンドウＭＷに表示中のウェブページＰに対する視認性は低下する。そのため、スクロール速度が速いときにはウェブページＰに含まれる各表示要素Ｅの視認性ランクが低い場合と同様にしてサブウィンドウＳＷの配置位置を決定することで、サブウィンドウＳＷを配置可能な範囲を増やすことができる。なお、配置位置決定部２３はスクロール速度を常に監視するのではなく、スクロールが開始された際における初期速度を取得して、当該初期速度に応じてサブウィンドウＳＷの配置位置及びＸ方向の大きさを決定してもよい。この場合、サブウィンドウ表示制御部２４は、スクロールが行われている間、スクロール開始時の初期速度に応じて決定される位置及び大きさに固定されたサブウィンドウＳＷを表示することになる。

なお、以上の説明では、配置位置決定部２３は、各表示要素Ｅの視認性ランクとＸ方向に沿った配置位置とに応じて、サブウィンドウＳＷのＸ方向に沿った配置位置及び大きさを決定することとしている。一方で、サブウィンドウＳＷのＹ方向における配置位置については、各表示要素Ｅの配置位置や視認性ランクとは無関係に決定されてよい。例えば配置位置決定部２３は、予め定められた位置をサブウィンドウＳＷのＹ方向における配置位置として決定してよい。また、サブウィンドウＳＷのＹ方向に沿った大きさは、サブウィンドウＳＷに含めるべき情報が含まれるように任意に決定されることとしてよい。図４の例では、サブウィンドウＳＷのＹ方向における配置位置はメインウィンドウＭＷの上端に設定されている。

また、配置位置決定部２３は、ウェブページＰがＹ方向に沿ってスクロールしている間に表示されるサブウィンドウＳＷのＹ方向における配置位置を、当該スクロールの方向に応じて決定してもよい。より具体的に、配置位置決定部２３は、メインウィンドウＭＷ内において、スクロールによってウェブページＰ上に設定された表示対象範囲Ｔが移動する方向と反対側の領域にサブウィンドウＳＷが表示されるように、サブウィンドウＳＷのＹ方向に沿った配置位置を決定する。すなわち、表示対象範囲Ｔが下方向に移動し、その結果メインウィンドウＭＷに表示中の表示要素Ｅが上方向に移動するスクロールを実行するときには、サブウィンドウＳＷをメインウィンドウＭＷの上半分の領域内（望ましくはメインウィンドウＭＷの上端）に配置する。逆に、表示対象範囲Ｔが上方向に移動し、その結果メインウィンドウＭＷに表示中の表示要素Ｅが下方向に移動するスクロールを実行する時には、サブウィンドウＳＷをメインウィンドウＭＷの下半分の領域内（望ましくはメインウィンドウＭＷの下端）に配置する。こうすれば、メインウィンドウＭＷ内に新たにスクロールインして表示されるウェブページＰの内容を隠してしまわないようにサブウィンドウＳＷを表示することができる。

また、以上の説明では、サブウィンドウＳＷのＸ方向における配置位置はウェブページＰ内の各表示要素Ｅの配置位置、及び視認性ランクに応じて決定されることとしていたが、配置位置決定部２３は、これ以外の各種の条件も考慮してサブウィンドウＳＷの配置位置を決定してもよい。例えば以上の説明では、配置位置決定部２３は、各表示要素ＥのＸ方向における配置位置、及び視認性ランクに基づいて、サブウィンドウＳＷを配置すべきＸ座標の範囲ｒを決定している。配置位置決定部２３は、この範囲ｒがサブウィンドウＳＷのＸ方向の長さを超える場合、範囲ｒ内のどの位置にサブウィンドウＳＷを配置するかを、ユーザーの設定、サブウィンドウＳＷの内容、又はＨＴＭＬデータに含まれるパラメータ情報などの各種の条件に応じて決定してもよい。また、ウェブページＰの表示中に、任意のタイミングで範囲ｒ内におけるサブウィンドウＳＷのＸ方向における配置位置を変更してもよい。

以下、本実施形態においてクライアント装置２及びサーバ装置３が実行する処理の流れの具体例について、図５のフロー図を用いて説明する。ここでは、ウェブページＰに含まれる重要な表示要素Ｅ（以下、注目表示要素という）がメインウィンドウＭＷからスクロールアウトした場合に、当該表示要素Ｅと同等の情報を含んだサブウィンドウＳＷが表示されるものとする。

まず、クライアント装置２のウェブページ表示制御部２１は、ユーザーの指示などに応じて、ウェブページＰのリクエスト（ＨＴＴＰリクエスト）をサーバ装置３に送信する（Ｓ１）。このリクエストに応じてサーバ装置３は、ウェブページＰの内容を規定するＨＴＭＬデータ、及び、サブウィンドウＳＷの表示制御を実現するための制御プログラムが記述されたスクリプトファイルを、クライアント装置２に対して送信する（Ｓ２）。なお、ウェブページＰの内容が動的なものである場合、サーバ装置３は、Ｓ１のリクエストに含まれるパラメータ等に応じてウェブページＰの内容を規定するＨＴＭＬデータを新たに生成したうえで、クライアント装置２に対して送信してもよい。

クライアント装置２のウェブページ表示制御部２１は、Ｓ２でサーバ装置３から受信したＨＴＭＬデータに基づいてウェブページＰを生成し、メインウィンドウＭＷ内に表示する（Ｓ３）。このとき、ウェブページＰを構成する各表示要素Ｅの配置位置及び視認性ランクに関する情報が、要素位置取得部２２によって取得される（Ｓ４）。

その後、ウェブページＰが表示されている間、配置位置決定部２３はウェブページＰに対するスクロールの有無を監視する。ユーザーの操作入力装置１５に対する操作入力に応じてウェブページ表示制御部２１がウェブページＰをスクロールさせると（Ｓ５）、配置位置決定部２３は、このスクロールによって予め定められた注目表示要素がメインウィンドウＭＷ外にスクロールアウトしたか否かを判定する（Ｓ６）。スクロールアウトしていなければ、Ｓ５の手前に戻ってスクロールの監視を続ける。一方、スクロールアウトしたと判定された場合、配置位置決定部２３は、Ｓ５のスクロールの方向及び速度を特定する（Ｓ７）。そして、Ｓ４で要素位置取得部２２が取得した各表示要素Ｅの配置位置及び視認性ランクに関する情報と、Ｓ７で特定されたスクロールの方向及び速度の情報と、を用いて、サブウィンドウＳＷの配置位置及びＸ方向に沿った大きさを決定する（Ｓ８）。サブウィンドウ表示制御部２４は、Ｓ８で決定された配置位置、及び大きさに基づいて、注目表示要素の内容を含んだサブウィンドウＳＷを生成し、画面Ｓ内にメインウィンドウＭＷと重ねて表示する（Ｓ９）。その後は、Ｓ５の手前に戻ってスクロールの監視が続けられる。

以上説明した本発明の実施の形態によれば、ウェブページＰを構成する表示要素ＥのＸ方向における配置位置に応じてサブウィンドウＳＷのＸ方向における配置位置を決定するので、ウェブページＰがＹ方向に沿ってスクロールしてもメインウィンドウＭＷに表示されているウェブページＰ内の特定の表示要素Ｅを隠してしまわないように、サブウィンドウＳＷの配置位置を決定することができる。そのため、サブウィンドウＳＷがメインウィンドウＭＷ内のウェブページＰの閲覧性を阻害しにくくなる。

なお、本発明の実施の形態は以上説明したものに限られない。例えば以上の説明では視認性ランクは３段階で設定されることとしたが、より細かくランク付けしてもよい。また、視認性だけでなく、その他の指標（例えば情報の重要性に関する指標など）を各表示要素Ｅに設定し、その内容に基づいてサブウィンドウＳＷの配置位置を決定してもよい。

また、以上の説明ではウェブページＰはそのＹ方向（メインウィンドウＭＷの縦方向）に沿った長さがメインウィンドウＭＷの長さを超え、この方向にスクロールするものとしたが、ウェブページＰはそのＸ方向に沿った長さがメインウィンドウＭＷの長さを超え、Ｘ方向に沿ってスクロールしてもよい。この場合、配置位置決定部２３は、ウェブページＰに含まれる各表示要素ＥのＹ方向における配置位置に応じて、サブウィンドウＳＷのＹ方向における配置位置を決定してもよい。

また、以上の説明では、要素位置取得部２２及び配置位置決定部２３を実現するための制御プログラムは、ウェブページＰを規定するＨＴＭＬデータとともにサーバ装置３からクライアント装置２に対して配信されることとしている。しかしながらクライアント装置２は、これとは別の方法で制御プログラムを入手することとしてもよい。具体例として、この制御プログラムは、ウェブブラウザプログラムと連携して動作する補助プログラム（アドオンプログラム等）の形式でクライアント装置２に提供されてもよい。この場合クライアント装置２は、ＨＴＭＬデータを提供するサーバ装置３、またはこれとは別のサーバ装置から、事前に補助プログラムをダウンロードし、インストールしておく。その後クライアント装置２は、サーバ装置３からＨＴＭＬデータをダウンロードし、ウェブページＰをメインウィンドウＭＷに表示させた際に、事前にインストールされた補助プログラムを実行することにより、要素位置取得部２２及び配置位置決定部２３の機能を実現する。

また、以上の説明における要素位置取得部２２及び配置位置決定部２３は、クライアント装置２ではなくサーバ装置３によって実現されてもよい。この場合、サーバ装置３が本発明の一実施形態に係る情報処理装置として機能する。この例では、クライアント装置２は、ウェブページＰを生成した後、当該ウェブページＰ内における各表示要素Ｅの配置位置に関する情報を、サーバ装置３に送信する。また、メインウィンドウＭＷの大きさを示す情報を併せてサーバ装置３に送信する。さらにクライアント装置２は、ウェブページＰのスクロールが行われる場合、そのスクロール方向及びスクロール速度の情報をサーバ装置３に送信してもよい。サーバ装置３は、クライアント装置２から受信したこれらの情報に基づいて、以上説明したクライアント装置２の場合と同様の処理を行って、サブウィンドウＳＷのメインウィンドウＭＷ内における配置位置を決定し、その位置座標を示す情報をクライアント装置２に対して送信する。クライアント装置２は、サーバ装置３から受信した情報により示される位置に、サブウィンドウＳＷを表示する。

１サービス提供システム、２クライアント装置、３サーバ装置、１１制御部、１２記憶部、１３通信部、１４表示装置、１５操作入力装置、２１ウェブページ表示制御部、２２要素位置取得部、２３配置位置決定部、２４サブウィンドウ表示制御部。

Claims

主表示領域、及び、当該主表示領域と重なる位置に配置される副表示領域が表示装置の画面に表示される場合における、前記副表示領域の配置位置を決定する情報処理装置であって、
所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得手段と、
前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定手段と、
を含み、
前記要素位置取得手段は、前記ウェブページ内に配置される複数の表示要素のうち、スクロールが行われる前から前記主表示領域内に表示される表示要素、及びスクロールが行われるまで前記主表示領域内に表示されない表示要素の双方の表示要素の配置位置を取得し、
前記配置位置決定手段は、前記取得された双方の表示要素の配置位置に応じて前記副表示領域の配置位置を決定する
ことを特徴とする情報処理装置。
主表示領域、及び、当該主表示領域と重なる位置に配置される副表示領域が表示装置の画面に表示される場合における、前記副表示領域の配置位置を決定する情報処理装置であって、
所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される複数の表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得手段と、
前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定手段と、
を含み、
前記配置位置決定手段は、前記複数の表示要素のうち、その属性が所定の条件を満たす表示要素の前記交差方向における配置位置に応じて、前記交差方向における前記副表示領域の配置位置を決定する
ことを特徴とする情報処理装置。
請求項２に記載の情報処理装置において、
前記複数の表示要素のそれぞれには、当該表示要素の属性に応じて決まる、ユーザーによる視認性に関する指標が設定され、
前記所定の条件は、前記設定された指標に関する条件である
ことを特徴とする情報処理装置。
請求項２又は３に記載の情報処理装置において、
前記配置位置決定手段は、前記所定の条件を満たす表示要素の前記交差方向における配置位置を避けるように、前記交差方向における前記副表示領域の配置位置を決定する
ことを特徴とする情報処理装置。
請求項１から４のいずれか一項に記載の情報処理装置において、
前記配置位置決定手段は、前記ウェブページが前記スクロール方向に沿ってスクロールしている間における前記副表示領域の配置位置を、当該スクロールの速度に応じて決定する
ことを特徴とする情報処理装置。
請求項１から５のいずれか一項に記載の情報処理装置において、
前記配置位置決定手段は、前記ウェブページが前記スクロール方向に沿ってスクロール中か否かに応じて、前記副表示領域の配置位置を変化させる
ことを特徴とする情報処理装置。
請求項１から６のいずれか一項に記載の情報処理装置において、
前記配置位置決定手段は、前記副表示領域の前記スクロール方向における配置位置を、前記スクロールの方向に応じて決定する
ことを特徴とする情報処理装置。
主表示領域、及び、当該主表示領域と重なる位置に配置される副表示領域が表示装置の画面に表示される場合における、前記副表示領域の配置位置を決定する情報処理方法であって、
所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得ステップと、
前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定ステップと、
を含み、
前記要素位置取得ステップでは、前記ウェブページ内に配置される複数の表示要素のうち、スクロールが行われる前から前記主表示領域内に表示される表示要素、及びスクロールが行われるまで前記主表示領域内に表示されない表示要素の双方の表示要素の配置位置を取得し、
前記配置位置決定ステップでは、前記取得された双方の表示要素の配置位置に応じて前記副表示領域の配置位置を決定する
ことを特徴とする情報処理方法。
主表示領域、及び、当該主表示領域と重なる位置に配置される副表示領域が表示装置の画面に表示される場合における、前記副表示領域の配置位置を決定する情報処理方法であって、
所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される複数の表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得ステップと、
前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定ステップと、
を含み、
前記配置位置決定ステップでは、前記複数の表示要素のうち、その属性が所定の条件を満たす表示要素の前記交差方向における配置位置に応じて、前記交差方向における前記副表示領域の配置位置を決定する
ことを特徴とする情報処理方法。
主表示領域、及び、当該主表示領域と重なる位置に配置される副表示領域が表示装置の画面に表示される場合に、前記副表示領域の配置位置を決定するためのプログラムであって、
所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得手段、及び、
前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定手段、
としてコンピュータを機能させ、
前記要素位置取得手段は、前記ウェブページ内に配置される複数の表示要素のうち、スクロールが行われる前から前記主表示領域内に表示される表示要素、及びスクロールが行われるまで前記主表示領域内に表示されない表示要素の双方の表示要素の配置位置を取得し、
前記配置位置決定手段は、前記取得された双方の表示要素の配置位置に応じて前記副表示領域の配置位置を決定する
ことを特徴とするプログラム。
主表示領域、及び、当該主表示領域と重なる位置に配置される副表示領域が表示装置の画面に表示される場合における、前記副表示領域の配置位置を決定するためのプログラムであって、
所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される複数の表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得手段、及び、
前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定手段、
としてコンピュータを機能させ、
前記配置位置決定手段は、前記複数の表示要素のうち、その属性が所定の条件を満たす表示要素の前記交差方向における配置位置に応じて、前記交差方向における前記副表示領域の配置位置を決定する
ことを特徴とするプログラム。
クライアント装置と接続可能なサーバ装置であって、
複数の表示要素を含むウェブページのデータと、副表示領域の表示制御に用いられる制御プログラムとを含む配信データを記憶する配信データ記憶手段と、
前記クライアント装置からの要求に応じて、前記配信データを前記クライアント装置に送信するデータ送信手段と、
を備え、
前記制御プログラムは、
前記クライアント装置が、所定のスクロール方向に沿ってスクロール可能な態様で前記ウェブページを主表示領域に表示するとともに、当該主表示領域と重なる位置に前記副表示領域を表示する場合に、前記副表示領域の配置位置を決定するためのプログラムであって、
前記ウェブページ内に配置される表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得ステップと、
前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定ステップと、
を前記クライアント装置に実行させ、
前記要素位置取得ステップでは、前記ウェブページ内に配置される複数の表示要素のうち、スクロールが行われる前から前記主表示領域内に表示される表示要素、及びスクロールが行われるまで前記主表示領域内に表示されない表示要素の双方の表示要素の配置位置を取得し、
前記配置位置決定ステップでは、前記取得された双方の表示要素の配置位置に応じて前記副表示領域の配置位置を決定する
ことを特徴とするサーバ装置。
クライアント装置と接続可能なサーバ装置であって、
複数の表示要素を含むウェブページのデータと、副表示領域の表示制御に用いられる制御プログラムとを含む配信データを記憶する配信データ記憶手段と、
前記クライアント装置からの要求に応じて、前記配信データを前記クライアント装置に送信するデータ送信手段と、
を備え、
前記制御プログラムは、
前記クライアント装置が、所定のスクロール方向に沿ってスクロール可能な態様で前記ウェブページを主表示領域に表示するとともに、当該主表示領域と重なる位置に前記副表示領域を表示する場合に、前記副表示領域の配置位置を決定するためのプログラムであって、
所定のスクロール方向に沿ってスクロール可能なウェブページが前記主表示領域に表示される場合に、当該ウェブページ内に配置される複数の表示要素の、前記スクロール方向と交差する交差方向における配置位置を取得する要素位置取得ステップと、
前記副表示領域の前記交差方向における配置位置を、前記取得された表示要素の配置位置に応じて決定する配置位置決定ステップと、
を前記クライアント装置に実行させ、
前記配置位置決定ステップでは、前記複数の表示要素のうち、その属性が所定の条件を満たす表示要素の前記交差方向における配置位置に応じて、前記交差方向における前記副表示領域の配置位置を決定する
ことを特徴とするサーバ装置。