JP4017581B2 - ウェブページの表示方法 - Google Patents

Description

本発明は、ウェブサーバに蓄積された画面を、インターネットなどの通信ネットワークを介して、通信端末のディスプレイ上に表示させる、ウェブページの表示方法に関し、特に、ウェブページの画面数が多い場合であっても、操作者がウェブページを円滑に閲覧することの出来る、ウェブページの表示方法に関する。

一般的に、この種のウェブページの表示方法では、ウェブサーバに蓄積されたＨＴＭＬ（Ｈｙｐｅｒｔｅｘｔ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ）形式の画面が、通信端末のディスプレイ上で切り替え表示される。これらの画面は互いにハイパーリンク（以下、単に「リンク」という。）されているので、画面上のリンクボタンをクリックすることで、その画面にリンクされた次の画面が読み出され、操作者は次々と画面を切り替えることが出来る。

なお、本出願人は、出願時において、ウェブページの表示方法について、体系的に記した技術文献を知らないため、開示すべき先行技術文献情報はない。

しかし、上述したウェブページの表示方法では、ウェブページの画面数が多くなると、リンクによる画面の関係が複雑になることから、ウェブページの全体像を容易に把握することが出来ない不都合があった。そのため、リンクを利用して次々と画面を切り替えると、操作者がウェブページ内のどこにいるのか分からなくなる場合があり、ウェブページを円滑に閲覧することが出来ない不都合があった。

そこで、ウェブページの画面数が多い場合であっても、操作者がウェブページを円滑に閲覧することの出来る、ウェブページの表示方法を提供することを目的とする。

請求項１の発明は、トップページ画面（ＴＰ）を有しており、入力手段（５１）からの信号に応じて前記トップページ画面（ＴＰ）を介して呼び出される複数の閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）を有している、ウェブページ（ＷＰ）において、該ウェブページの表示方法であって、
前記複数の閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）を複数のグループ（ＧＲ１、ＧＲ２、ＧＲ３）にグループ化した形に設定しておき、
前記トップページ画面（ＴＰ）と前記設定された各グループ（ＧＲ１、ＧＲ２、ＧＲ３）内の閲覧情報画面（例えばＲＰ１１、ＲＰ２１、ＲＰ３１）との間のスクロール方向を、第１の方向（Ｄ１）に設定しておき、
前記トップページに、前記第１の方向に対応する矢印表示を前記各グループ内の閲覧情報画面に対応する形で行い、
前記設定された各グループ（ＧＲ１、ＧＲ２、ＧＲ３）内における閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）間のスクロール方向を、前記第１の方向（Ｄ１）と異なる第２の方向（Ｄ２）に設定しておき、
前記入力手段（５１）からの信号に応じて、前記トップページ画面（ＴＰ）と前記設定された各グループ（ＧＲ１、ＧＲ２、ＧＲ３）内の、閲覧情報画面（例えばＲＰ１１、ＲＰ２１、ＲＰ３１）とを切り替える場合に、前記第１の方向（Ｄ１）に設定されたスクロール方向に沿ってスクロールする形で、前記トップページ画面（ＴＰ）と前記閲覧情報画面（例えばＲＰ１１、ＲＰ２１、ＲＰ３１）とをディスプレイ（５２）上で切り替え表示し、
前記入力手段（５１）からの信号に応じて、前記設定された各グループ（ＧＲ１、ＧＲ２、ＧＲ３）内の、閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）間で切り替える場合には、前記第２の方向（Ｄ２）に設定されたスクロール方向に沿ってスクロールする形で、前記閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）を前記ディスプレイ（５２）上で切り替え表示し、
前記設定された各グループ（ＧＲ１、ＧＲ２、ＧＲ３）内における閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）のうち、前記トップページ画面（ＴＰ）を介して最初に呼び出すべき閲覧情報画面を、優先表示画面（例えばＲＰ１１、ＲＰ２１、ＲＰ３１）として設定しておき、
前記トップページ画面（ＴＰ）と前記各グループ（ＧＲ１、ＧＲ２、ＧＲ３）における優先表示画面（例えばＲＰ１１、ＲＰ２１、ＲＰ３１）との間のスクロール方向を、前記第１の方向（Ｄ１）に設定しておき、
前記トップページ画面に切り替えるための前記各グループ内における優先表示画面以外の閲覧情報画面（例えばＲＰ１３、ＲＰ２３、ＲＰ３３）と前記トップページ画面との間のスクロール方向を、第３の方向（Ｄ３）に設定しておき、
前記トップページ画面に切り替えるための前記各グループ内における優先表示画面以外の閲覧情報画面に、前記第３の方向に対応する矢印表示を行い、
前記矢印が表示する第３の方向を、トップ頁からの当該閲覧情報画面までのスクロールに伴う、ディスプレイのウェブページに対する表示部分の、第１及び第２の方向における移動量（Ｌ）に応じて設定表示し、
前記第２の方向に対応する矢印表示を、前記各グループ内における閲覧情報画面の内、前記第３の方向を示す矢印が表示された閲覧情報画面を除く閲覧情報画面に、当該グループ内における閲覧情報画面間のスクロール設定方向を示す形で表示し、
前記入力手段からの信号に応じて、前記第３の方向を示す矢印が表示された閲覧情報画面（例えばＲＰ１３、ＲＰ２３、ＲＰ３３）を前記トップページ画面（ＴＰ）に切り替える場合に、前記第３の方向（Ｄ３）に設定されたスクロール方向に沿ってスクロールする形で、前記閲覧情報画面（例えばＲＰ１３、ＲＰ２３、ＲＰ３３）を前記トップページ画面（ＴＰ）に前記ディスプレイ（５２）上で切り替え表示する、
ことを特徴として構成される。

請求項２の発明は、前記ウェブページ（ＷＰ）は、更に、前記トップページ画面（ＴＰ）から前記設定された各グループ（ＧＲ１０、ＧＲ１１、ＧＲ１２、…）に分岐した形で、各グループ内の閲覧情報画面（ＲＰ４１、ＲＰ４２、ＲＰ４３、…）を呼び出す複数の分岐画面（ＳＰ１、ＳＰ２、ＳＰ３）を有しており、
前記トップページ画面（ＴＰ）と前記複数の分岐画面（ＳＰ１、ＳＰ２、ＳＰ３）との間のスクロール方向を、前記第１の方向（Ｄ１）に設定しておき、
前記複数の分岐画面（ＳＰ１、ＳＰ２、ＳＰ３）と前記各グループ（ＧＲ１０、ＧＲ１１、ＧＲ１２、…）内の閲覧情報画面（ＲＰ４１、ＲＰ４２、ＲＰ４３、…）との間のスクロール方向を、前記第１の方向（Ｄ１）に設定しておき、
前記入力手段（５１）からの信号に応じて、前記トップページ画面（ＴＰ）と前記分岐画面（ＳＰ１、ＳＰ２、ＳＰ３）とを切り替える場合に、前記第１の方向（Ｄ１）に設定されたスクロール方向に沿ってスクロールする形で、前記トップページ画面（ＴＰ）と前記分岐画面（ＳＰ１、ＳＰ２、ＳＰ３）とを前記ディスプレイ（５２）上で切り替え表示し、
前記入力手段（５１）からの信号に応じて、前記分岐画面（ＳＰ１、ＳＰ２、ＳＰ３）と前記閲覧情報画面（ＲＰ４１、ＲＰ４２、ＲＰ４３、…）とを切り替える場合に、前記第１の方向（Ｄ１）に設定されたスクロール方向に沿ってスクロールする形で、前記分岐画面（ＳＰ１、ＳＰ２、ＳＰ３）と前記閲覧情報画面（ＲＰ４１、ＲＰ４２、ＲＰ４３、…）とを前記ディスプレイ（５２）上で切り替え表示する、
ことを特徴として構成される。

請求項３の発明は、前記設定されたグループ（ＧＲ１、ＧＲ２、ＧＲ３）間における閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）のスクロール方向を、前記第１の方向（Ｄ１）に設定しておき、
前記入力手段（５１）からの信号に応じて、前記設定されたグループ（ＧＲ１、ＧＲ２、ＧＲ３）間で閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）を切り替える場合には、前記第１の方向（Ｄ１）に設定されたスクロール方向に沿ってスクロールする形で、前記閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）を前記ディスプレイ（５２）上で切り替え表示する、
ことを特徴として構成される。

請求項４の発明は、前記第１の方向（Ｄ１）及び前記第２の方向（Ｄ２）は、いずれか一方が縦方向であり、かつ他方が横方向である、
ことを特徴として構成される。

請求項５の発明は、前記設定された各グループ（ＧＲ１、ＧＲ２、ＧＲ３）内における閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）のうち、前記トップページ画面（ＴＰ）を介して最初に呼び出すべき閲覧情報画面を、優先表示画面（例えばＲＰ１１、ＲＰ２１、ＲＰ３１）として設定しておき、
前記トップページ画面（ＴＰ）と前記各グループ（ＧＲ１、ＧＲ２、ＧＲ３）における優先表示画面（例えばＲＰ１１、ＲＰ２１、ＲＰ３１）との間のスクロール方向を、前記第１の方向（Ｄ１）に設定しておき、
前記トップページ画面（ＴＰ）と前記各グループ（ＧＲ１、ＧＲ２、ＧＲ３）内における優先表示画面以外の閲覧情報画面（例えばＲＰ１３、ＲＰ２３、ＲＰ３３）との間のスクロール方向を、第３の方向（Ｄ３）に設定しておき、
前記入力手段（５１）からの信号に応じて、前記各グループ（ＧＲ１、ＧＲ２、ＧＲ３）内における優先表示画面以外の閲覧情報画面（例えばＲＰ１３、ＲＰ２３、ＲＰ３３）を前記トップページ画面（ＴＰ）に切り替える場合に、前記第３の方向（Ｄ３）に設定されたスクロール方向に沿ってスクロールする形で、前記閲覧情報画面（例えばＲＰ１３、ＲＰ２３、ＲＰ３３）を前記トップページ画面（ＴＰ）に前記ディスプレイ（５２）上で切り替え表示する、
ことを特徴として構成される。

請求項１の発明によれば、操作者が、トップページ画面（ＴＰ）から目的のグループ（ＧＲ１、ＧＲ２、ＧＲ３）を探す場合と、目的のグループ（ＧＲ１、ＧＲ２、ＧＲ３）内で閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）を閲覧する場合とで、ウェブページ（ＷＰ）の画面を異なるスクロール方向に沿って切り替え表示させるので、トップページ画面（ＴＰ）から各グループ（ＧＲ１、ＧＲ２、ＧＲ３）への移動と、各グループ（ＧＲ１、ＧＲ２、ＧＲ３）内での閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）間の移動とを、スクロール方向により直感的に認識することが出来る。これにより、ウェブページ（ＷＰ）の画面数が多い場合であっても、操作者をウェブページ（ＷＰ）内で迷わせることを防止することが出来、操作者はウェブページ（ＷＰ）を円滑に閲覧することが出来る。

請求項２の発明によれば、トップページ画面（ＴＰ）と分岐画面（ＳＰ１、ＳＰ２、ＳＰ３）を介した各グループの閲覧情報画面（ＲＰ４１、ＲＰ４２、ＲＰ４３、…）までの間は、同じスクロール方向に沿って切り替え表示されるので、ウェブページ（ＷＰ）が分岐画面（ＳＰ１、ＳＰ２、ＳＰ３）により階層化された場合であっても、操作者は上記階層間で迷うことなく、目的のグループ（ＧＲ１０、ＧＲ１１、ＧＲ１２、…）を探すことが出来、ウェブページ（ＷＰ）を円滑に閲覧することが出来る。

請求項３の発明によれば、閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）間の切り替え表示を、トップページ画面（ＴＰ）から各グループ（ＧＲ１、ＧＲ２、ＧＲ３）へのスクロール方向と同じ、第１の方向（Ｄ１）に行うことにより、操作者は、見ている画面のグループ（ＧＲ１、ＧＲ２、ＧＲ３）が変更になったことを直ちに認識することが出来、自分が閲覧している閲覧情報画面（ＲＰ１１、ＲＰ１２、ＲＰ１３、…）の、ウェブページ（ＷＰ）内での位置の誤認を未然に防止することが出来る。

請求項４の発明によれば、ウェブページ（ＷＰ）が有する複数の画面が、縦方向と横方向とに沿ってスクロールされるので、複数の画面が平面上に配置されているかのようなイメージを、操作者に与えることが出来、操作者は、イメージされた画面間の配置関係に基づいて、ウェブページ（ＷＰ）の全体像を容易に把握することが出来る。

更に、請求項１の発明によれば、優先表示画面以外の閲覧情報画面（例えばＲＰ１３、ＲＰ２３、ＲＰ３３、…）からトップページ画面（ＴＰ）に戻る場合に、イメージされた画面間の配置関係を維持させた形で、斜め方向にスクロールすることが出来るので、操作者は、複数の画面が平面上に配置されているかのようなイメージを損なうことなく、トップページ画面（ＴＰ）に素早く戻ることが出来る。

なお、括弧内の番号などは、本発明の理解を助けるために、図面における対応する要素を便宜的に示すものである。従って、本記述は図面上の記載に限定拘束されるものではなく、また、この符号の記載により本発明を解釈すべきでない。

図１は、閲覧サービスの通信設備を示す図、図２は、ウェブページを構成する複数の画面の一例を示す図、図３は、階層化されたウェブページの一例を示す構成図である。

図１は、閲覧サービスの通信設備１の一例を示している。通信設備１は、図１に示すように、ＷＷＷ（Ｗｏｒｌｄ Ｗｉｄｅ Ｗｅｂ、以下単に「ウェブ」と称す。）を構成する、通信ネットワーク２を有している。この種の通信ネットワーク２としては、例えば、ＩＳＰ（インターネットプロバイダ）などの特定のネットワーク事業者が運営し、ネットワーク事業者が許可した特定の加入者のみが使用可能なネットワークがある。

通信ネットワーク２には、ネットワーク事業者が管理する図示しない種々のルーティングサーバなどを介して、ウェブサーバ３（破線）と、多数の通信端末５とが接続されている。

ウェブサーバ３は、ウェブページＷＰの閲覧サービスを提供するために、後述するウェブファイルＷＦを通信端末５に送信することの出来るサーバである。ウェブサーバ３は、主制御部３０を有しており、主制御部３０には、バス線３３を介して、通信ネットワーク２に接続された通信処理部３１、ウェブファイルＷＦ（後述）を格納するウェブファイル格納部３２などが接続されている。

通信端末５（一点鎖線）は、例えば、パーソナルコンピュータであり、主制御部５０を有しており、主制御部５０には、バス線５８を介して、入力部５１、ディスプレイ５２、ブラウザＢＰを格納するブラウザ格納部５３、通信ネットワーク２に接続された通信処理部５５、メインメモリ５６、画像処理部５７などが接続されている。

なお、通信端末５は、通信ネットワーク２を介してウェブページＷＰを閲覧することが出来れば、パーソナルコンピュータに限る必要はなく、例えば、携帯電話、ＰＨＳ、ＰＤＡ（携帯情報端末）などでもよい。また、ウェブサーバ３、通信端末５と通信ネットワーク２との接続は有線に限らず、例えば、無線ＬＡＮなどの無線通信を介して通信ネットワーク２に接続するものでもよい。

通信設備１は、以上のような構成を有するので、通信端末５の操作者が、この通信設備１でウェブページＷＰを閲覧するには、まず通信端末５を起動させ、入力部５１を介して、ブラウザＢＰを起動する旨の指令を入力する。その指令を受けて主制御部５０は、ブラウザＢＰをブラウザ格納部５３ら読み出し、メインメモリ５６に読み込む。ブラウザＢＰがメインメモリ５６に読み込まれると、画像処理部５７は、ブラウザＢＰの操作画面（図示せず）をディスプレイ５２上に表示する。

次いで、通信端末５の操作者が、表示された操作画面に、ウェブサーバ３を指定するＵＲＬ（Ｕｎｉｆｏｒｍ Ｒｅｓｏｕｒｃｅ Ｌｏｃａｔｏｒｓ）を、入力部５１を介して入力したとする。すると通信処理部５５は、ブラウザＢＰに基づき、指定されたウェブサーバ３を送信先とする、ＨＴＴＰ（Ｈｙｐｅｒｔｅｘｔ Ｔｒａｎｓｆｅｒ Ｐｒｏｔｏｃｏｌ）リクエストデータを、通信ネットワーク２に出力する。

出力されたＨＴＴＰリクエストデータは、通信ネットワーク２を介して、ウェブサーバ３に送信され、ウェブサーバ３の通信処理部３１が、ＨＴＴＰリクエストデータを受信すると、ウェブサーバ３の主制御部３０は、ウェブファイルＷＦをウェブファイル格納部３２から読み出す。すると、ウェブサーバ３の通信処理部３１は、読み出したウェブファイルＷＦを、ＨＴＴＰリクエストデータを送信した通信端末５を送信先として、通信ネットワーク２に出力する。

出力されたウェブファイルＷＦは、通信ネットワーク２を介して、通信端末５に送信され、通信端末５の通信処理部５５が、ウェブファイルＷＦを受信すると、通信端末５の主制御部５０は、ウェブファイルＷＦをメインメモリ５６に読み込む。

このウェブファイルＷＦは、ウェブページＷＰを示す複数の画面データや属性データ（後述）で構成されるデータファイルと、画面切り替えプログラム（後述）で構成されるプログラムファイルとからなる。なお、データファイルとプログラムファイルとは、必ずしも別個のファイルから構成されている必要はなく、これらを同一のファイルにより構成することも可能である。

図２は、ウェブページＷＰを構成する複数の画面を示している。ウェブページＷＰは、図２に示すように、トップページ画面ＴＰと、複数の閲覧情報画面ＲＰ１１、ＲＰ１２、ＲＰ１３、ＲＰ２１、ＲＰ２２、ＲＰ２３、ＲＰ３１、ＲＰ３２、ＲＰ３３とで構成されている。トップページ画面ＴＰは、ウェブページＷＰを閲覧する際に最初に表示される画面であり、閲覧情報画面ＲＰ１１、ＲＰ１２、ＲＰ１３、…は、閲覧サービスに供する情報（以下「閲覧情報ＲＤ」という。）を示す画面である。以下の説明では、閲覧情報画面ＲＰ１１、ＲＰ１２、ＲＰ１３、…を、特に区別する必要のないときは、単に閲覧情報画面ＲＰと称する。

閲覧情報ＲＤは、閲覧サービスの目的に応じて種々の情報で構成されるが、本実施形態では、閲覧サービスの目的が、ゲームプログラムの宣伝広告であるものとする。即ち、図２に示す閲覧情報画面ＲＰは、ゲームプログラムに関する情報として、ゲームの種類、ゲーム上で表現されるキャラクタ、ゲーム上で展開されるストーリなどを紹介する情報を示している。

具体的には、閲覧情報画面ＲＰ１１、ＲＰ１２、ＲＰ１３は、図２中上方に示すように、それぞれ、ゲームＡ、ゲームＢ、ゲームＣを紹介する閲覧情報ＲＤ１１、ＲＤ１２、ＲＤ１３を示している。閲覧情報画面ＲＰ２１、ＲＰ２２、ＲＰ２３は、図２中央に示すように、それぞれ、キャラクタＡ、キャラクタＢ、キャラクタＣを紹介する閲覧情報ＲＤ２１、ＲＤ２２、ＲＤ２３を示している。閲覧情報画面ＲＰ３１、ＲＰ３２、ＲＰ３３は、図２中下方に示すように、それぞれ、ストーリＡ、ストーリＢ、ストーリＣを紹介する閲覧情報ＲＤ３１、ＲＤ３２、ＲＤ３３を示している。なお、図２に示す各閲覧情報ＲＤ１１、ＲＤ１２、…は、「ゲームＡ」、「ゲームＢ」、…と表して、実際に表示されるテキストや画像を省略した形で示している。

これら閲覧情報画面ＲＰを示す画面データは、それぞれの閲覧情報ＲＤに応じて、グループ化された形に設定されている。ここでは、上記画面データは、ゲームの種類に関する閲覧情報ＲＤ１１、ＲＤ１２、ＲＤ１３、キャラクタに関する閲覧情報ＲＤ２１、ＲＤ２２、ＲＤ２３、及びストーリに関する閲覧情報ＲＤ３１、ＲＤ３２、ＲＤ３３にそれぞれ対応して、グループＧＲ１、ＧＲ２、ＧＲ３にグループ化されている。

従って、図２に示すように、閲覧情報画面ＲＰ１１、ＲＰ１２、ＲＰ１３は、グループＧＲ１（破線）でグループ化されており、閲覧情報画面ＲＰ２１、ＲＰ２２、ＲＰ２３は、グループＧＲ２（１点鎖線）でグループ化されており、閲覧情報画面ＲＰ３１、ＲＰ３２、ＲＰ３３は、グループＧＲ３（２点鎖線）でグループ化されている。

こうして、ウェブファイルＷＦがメインメモリ５６に読み込まれると、主制御部５０は、ブラウザＢＰに基づいて、まず、メインメモリ５６に読み込まれたウェブファイルＷＦ中の、トップページ画面ＴＰを示す画面データを読み出し、図２中上方に示すトップページ画面ＴＰをディスプレイ５２上に表示する。なお、この時点では、後述するスクロールボタンＳＢ１１、ＳＢ２１、ＳＢ３１は、まだ表示されてないものとする。

同時に、主制御部５０は、メインメモリ５６に読み込まれたウェブファイルＷＦ中の、画面切り替えプログラムに基づいて、ブラウザＢＰの操作画面上で、ウェブページＷＰの画面切り替え処理を実行する。

トップページ画面ＴＰから閲覧情報画面ＲＰへの画面切り替え処理を実行する際には、ＣＰＵ（主制御部５０）が、画面切り替えプログラムに基づいて、トップページ画面ＴＰから、各グループＧＲ１、ＧＲ２、ＧＲ３の閲覧情報画面ＲＰを呼び出す。各グループＧＲ１、ＧＲ２、ＧＲ３内の、呼び出される閲覧情報画面ＲＰは、特にいずれかの閲覧情報画面ＲＰを優先する必要はないが、ここでは、閲覧情報画面ＲＰ１１、ＲＰ２１、ＲＰ３１が、トップページ画面ＴＰから呼び出される画面として設定されているものとする。更に、それらの画面ＲＰ１１、ＲＰ２１、ＲＰ３１は、図２に示すように、ディスプレイ５２に対して上方向Ｄ１にスクロールする形で、トップページ画面ＴＰと切り替え表示されるように設定されている。

また、上記画面切り替え処理は、ウェブファイルＷＦ中の属性データに基づいて実行されるようになっており、この属性データは、それぞれの画面ＴＰ、ＲＰ１１、ＲＰ１２、ＲＰ１３、…に対応して設定されている。具体的には、属性データは、次画面名データＮＤと、スクロール方向データＤＤとからなり、次画面名データＮＤは、次に呼び出すべき画面名を示しており、スクロール方向データＤＤは、スクロール方向を示している。

従って、トップページ画面ＴＰに対応する次画面名データＮＤは、グループＧＲ１の閲覧情報画面ＲＰ１１、グループＧＲ２の閲覧情報画面ＲＰ２１、及びグループＧＲ３の閲覧情報画面ＲＰ３１を示している。また、トップページ画面ＴＰに対応するスクロール方向データＤＤは、ディスプレイ５２に対して上方向Ｄ１を示している。

こうして、画像処理部５７は、表示されたトップページ画面ＴＰに対応する、次画面名データＮＤと、スクロール方向データＤＤとを、メインメモリ５６中のウェブファイルＷＦから読み出すと共に、画面切り替え処理の実行を指令自在な、スクロールボタンＳＢの画像を生成する。

既に述べたように、トップページ画面ＴＰに対応する次画面名データＮＤは、閲覧情報画面ＲＰ１１、ＲＰ２１、ＲＰ３１を示しており、トップページ画面ＴＰに対応するスクロール方向データＤＤは、ディスプレイ５２に対して上方向Ｄ１を示している。即ち、ディスプレイ５２のウェブページＷＰに対する表示部分は、図２中下方向に（上方向Ｄ１の反対向きに）移動することになるので、画像処理部５７は、その移動方向を指す「矢印」の画像を、閲覧情報画面ＲＰ１１、ＲＰ２１、ＲＰ３１にそれぞれ対応した（つまり３つの）スクロールボタンＳＢ１１、ＳＢ２１、ＳＢ３１として生成する。そして、画像処理部５７は、画面切り替えプログラムに基づいて、生成したスクロールボタンＳＢ１１、ＳＢ２１、ＳＢ３１を、図２に示すように、「ゲーム」、「キャラクタ」、「ストーリ」を示すテキストＴＸにそれぞれ並べる形で、トップページ画面ＴＰ上に表示する。

こうして、トップページ画面ＴＰ上にスクロールボタンＳＢ１１、ＳＢ２１、ＳＢ３１が表示されると、操作者は、スクロールボタンＳＢ１１、ＳＢ２１、ＳＢ３１を介して、ウェブページＷＰ内の目的の閲覧情報画面ＲＰを探してゆく。ここでは、操作者が目的とする閲覧情報画面ＲＰが、ゲームＣを紹介する閲覧情報画面ＲＰ１３であるとし、以下に、トップページ画面ＴＰから閲覧情報画面ＲＰ１３までの画面切り替え処理について、図２に沿って説明する。

操作者は、まず、トップページ画面ＴＰが示す、「ゲーム」、「キャラクタ」、「ストーリ」の中から、「ゲーム」を選択するため、マウスなどの入力部５１を操作して、図２に示すように、カーソルＣＳを、スクロールボタンＳＢ１１に重ねる形に配置してクリックする。すると、閲覧情報画面ＲＰ１１への画面切り替え処理の実行指令が、主制御部５０に入力される。

上記指令を受けて主制御部５０は、画面切り替えプログラムに基づいて、閲覧情報画面ＲＰ１１を示す画面データと、トップページ画面ＴＰに対応するスクロール方向データＤＤとを、メインメモリ５６中のウェブファイルＷＦから読み出す。上記スクロール方向データＤＤは、上述したように、ディスプレイ５２に対して上方向Ｄ１を示しているので、画像処理部５７は、画面切り替えプログラムに基づいて、ディスプレイ５２上に表示されているトップページ画面ＴＰを、上方向Ｄ１にスクロールする形で、閲覧情報画面ＲＰ１１に切り替える。即ち、ディスプレイ５２のウェブページＷＰに対する表示部分が、図２中下方向に（上方向Ｄ１の反対向きに）移動する。

同時に、画像処理部５７は、上述と同様に、画面切り替えプログラムに基づいて、閲覧情報画面ＲＰ１１に対応する、次画面名データＮＤと、スクロール方向データＤＤとを、メインメモリ５６中のウェブファイルＷＦから読み出して、スクロールボタンＳＢを生成する。

閲覧情報画面ＲＰ間の画面切り替え処理では、同じグループＧＲ内の閲覧情報画面ＲＰ同士で切り替え表示されるように設定されている。なお、各グループＧＲ内の表示順は、特にいずれの閲覧情報画面ＲＰを優先させる必要はないが、ここでは図２に示すように、グループＧＲ１で、ＲＰ１１→ＲＰ１２→ＲＰ１３に、グループＧＲ２で、ＲＰ２１→ＲＰ２２→ＲＰ２３に、グループＧＲ３で、ＲＰ３１→ＲＰ３２→ＲＰ３３に設定されているものとする。即ち、閲覧情報画面ＲＰ１１に対応する次画面名データＮＤは、同じグループＧＲ１の閲覧情報画面ＲＰ１２を示している。

また、閲覧情報画面ＲＰ間における画面切り替え処理では、上述した、トップページ画面ＴＰから閲覧情報画面ＲＰへの画面切り替え処理と異なり、閲覧情報画面ＲＰを、上述した表示順に従って、図２に示すように、ディスプレイ５２に対して左方向Ｄ２にスクロールする形で、切り替え表示するように設定されている。即ち、閲覧情報画面ＲＰ１１に対応するスクロール方向データＤＤは、ディスプレイ５２に対して左方向Ｄ２を示している。

従って、ディスプレイ５２のウェブページＷＰに対する表示部分は、図２中右方向に（左方向Ｄ２の反対向きに）移動することになるので、画像処理部５７は、その移動方向を指す「矢印」の画像を、閲覧情報画面ＲＰ１２に対応した（つまり１つの）スクロールボタンＳＢ１２として生成し、生成したスクロールボタンＳＢ１２を、図２に示すように、操作者にスクロール操作を促す「スクロールしてね」を示したテキストＴＸに並べる形で、閲覧情報画面ＲＰ１１上に表示する。

上述したように、操作者は、閲覧情報画面ＲＰ１３の閲覧を目的としているので、次の閲覧情報画面ＲＰ１２に切り替えるために、上述と同様に、マウスなどの入力部５１を操作して、図２に示すように、カーソルＣＳを、スクロールボタンＳＢ１２に重ねる形に配置してクリックする。すると、閲覧情報画面ＲＰ１２への画面切り替え処理の実行指令が、主制御部５０に入力される。

上記指令を受けて主制御部５０は、画面切り替えプログラムに基づいて、閲覧情報画面ＲＰ１２を示す画面データと、閲覧情報画面ＲＰ１１に対応するスクロール方向データＤＤとを、メインメモリ５６中のウェブファイルＷＦから読み出す。上記スクロール方向データＤＤは、上述したように、ディスプレイ５２に対して左方向Ｄ２を示しているので、画像処理部５７は、画面切り替えプログラムに基づいて、左方向Ｄ２にスクロールする形で、ディスプレイ５２上に表示されている閲覧情報画面ＲＰ１１を、閲覧情報画面ＲＰ１２に切り替える。即ち、ディスプレイ５２のウェブページＷＰに対する表示部分が、図２中右方向に（左方向Ｄ２の反対向きに）移動する。

そして同時に、画像処理部５７は、画面切り替えプログラムに基づいて、スクロールボタンＳＢ１３を生成する。閲覧情報画面ＲＰ１２に対応するスクロール方向データＤＤは、既に述べたように、閲覧情報画面ＲＰ１１と同様、ディスプレイ５２に対して左方向Ｄ２を示すので、図２中右方向の「矢印」を示すスクロールボタンＳＢ１３が生成され、閲覧情報画面ＲＰ１２上に表示される。

操作者は、目的とする閲覧情報画面ＲＰ１３に切り替えるために、更に、上述と同様に入力部５１を操作すると、画像処理部５７は、左方向Ｄ２にスクロールする形で、ディスプレイ５２上に表示されている閲覧情報画面ＲＰ１２を、閲覧情報画面ＲＰ１３に切り替え、ディスプレイ５２のウェブページＷＰに対する表示部分を、図２中右方向に移動させる。こうして、操作者が目的とする閲覧情報画面ＲＰ１３がディスプレイ５２上に表示されることになる。

また、画像処理部５７は、上述と同様にスクロールボタンＳＢを生成するために、画面切り替えプログラムに基づいて、閲覧情報画面ＲＰ１３に対応する、次画面名データＮＤと、スクロール方向データＤＤとを、メインメモリ５６中のウェブファイルＷＦから読み出す。

本実施形態では、閲覧情報画面ＲＰ間の切り替え表示が左方向Ｄ２の一方向のみに設定されているので、閲覧情報画面ＲＰ１３、ＲＰ２３、ＲＰ３３が、各グループＧＲ１、ＧＲ２、ＧＲ３の行き止まりとなる。従って、各閲覧情報画面ＲＰ１３、ＲＰ２３、ＲＰ３３から、図２に示すように、ディスプレイ５２に対して右下方向Ｄ３にスクロールする形で、トップページ画面ＴＰに切り替え表示することが出来るように設定されている。この右下方向Ｄ３を示すスクロール方向は、スクロールに伴うトップページ画面ＴＰからの、ディスプレイ５２のウェブページＷＰに対する表示部分の移動量Ｌ（図示せず）に応じて設定されている。

具体的に閲覧情報画面ＲＰ１３について説明すると、トップページ画面ＴＰからの縦スクロールの処理回数は１回なので、図２中下方向の移動量Ｌは、図２に示すディスプレイ５２（表示画面）の高さＬ_Ｈとなる。一方、トップページ画面ＴＰからの横スクロールの処理回数は２回なので、図２中右方向の移動量Ｌは、図２に示すディスプレイ５２（表示画面）の幅Ｌ_Ｄの２倍となる。従って、閲覧情報画面ＲＰ１３からトップページ画面ＴＰに切り替えるには、ディスプレイ５２のウェブページＷＰに対する表示部分を、図２中左上方向に移動させればよいので、スクロール方向は、その移動方向とは逆向きの、右下方向Ｄ３に設定される。こうすることにより、ディスプレイ５２のウェブページＷＰに対する表示部分が、閲覧情報画面ＲＰ１３からトップページ画面ＴＰへ斜めに移動することになり、複数の画面が平面上に配置されているかのようなイメージを、操作者に与えることが出来る。

従って、閲覧情報画面ＲＰ１３に対応する次画面名データＮＤは、トップページ画面ＴＰを示しており、閲覧情報画面ＲＰ１３に対応するスクロール方向データＤＤは、右下方向Ｄ３を示している。即ち、ディスプレイ５２のウェブページＷＰに対する表示部分は、図２中左上方向に（右下方向Ｄ３の反対向きに）移動することになるので、画像処理部５７は、その移動方向を指す「矢印」の画像を、トップページ画面ＴＰに対応したスクロールボタンＳＢ_ＴＰとして生成し、生成したスクロールボタンＳＢ_ＴＰを、図２に示すように、「トップページに戻る」を示すテキストＴＸに並べる形で、閲覧情報画面ＲＰ１３上に表示する。

こうして、操作者が、トップページ画面ＴＰに戻る場合は、入力部５１を介して、上述と同様にスクロールボタンＳＢ_ＴＰをクリックする。すると、画像処理部５７は、上述した画面切り替え処理を実行して、右下方向Ｄ３にスクロールする形で、ディスプレイ５２上に表示されている閲覧情報画面ＲＰ１３を、トップページ画面ＴＰに切り替える。

こうして、トップページ画面ＴＰがディスプレイ５２上に表示され、操作者が、更に、他のグループＧＲ２、ＧＲ３の閲覧情報画面ＲＰ２１、ＲＰ２２… を閲覧する場合は、入力部５１を介して「キャラクタ」や「ストーリ」を選択する。すると、トップページ画面ＴＰが、上述と同様に、上方向Ｄ１にスクロールする形で、閲覧情報画面ＲＰ２１、ＲＰ３１に切り替えられて、ディスプレイ５２のウェブページＷＰに対する表示部分が、図２中下方向に移動する。そして、各グループＧＲ２、ＧＲ３内それぞれで、閲覧情報画面ＲＰ２１、ＲＰ２２、…が、上述と同様に、左方向Ｄ２にスクロールする形で切り替えられて、ディスプレイ５２のウェブページＷＰに対する表示部分が、図２中右方向に移動してゆく。

このように、トップページ画面ＴＰから各グループＧＲ１、ＧＲ２、ＧＲ３へのスクロール方向と、各グループＧＲ１、ＧＲ２、ＧＲ３における閲覧情報画面ＲＰ間でのスクロール方向とが、異なる形に設定されているので、操作者が、トップページ画面ＴＰから目的のグループＧＲ１、ＧＲ２、ＧＲ３を探す場合と、目的のグループＧＲ１、ＧＲ２、ＧＲ３内で閲覧情報画面ＲＰ１１、ＲＰ１２、ＲＰ１３、…を閲覧する場合とで、画面を異なるスクロール方向に沿って切り替え表示することが出来る。これにより、操作者の目的に応じた画面の切り替えと、そのスクロール方向とを関連付けることが出来るので、ウェブページＷＰの画面数が多い場合であっても、操作者をウェブページＷＰ内で迷わせることを防止することが出来、操作者はウェブページＷＰを円滑に閲覧することが出来る。

また、ウェブページＷＰの画面が、縦方向と横方向とにスクロールされるので、複数の画面が平面上に配置されているかのようなイメージを、操作者に与えることが出来、操作者は、イメージされた画面間の配置関係に基づいて、ウェブページＷＰの全体像を容易に把握することが出来る。

なお、上述した実施形態において、スクロール方向を上方向Ｄ１及び左方向Ｄ２に設定した場合について説明したが、これに限られない。例えば、スクロール方向を一方向に限ることなく、上下方向及び左右方向に設定してもよい。また、縦方向と横方向とのスクロール方向を入れ替えて、トップページ画面ＴＰから閲覧情報画面ＲＰへのスクロール方向を、横方向に設定し、逆に、各グループＧＲにおける閲覧情報画面ＲＰ間のスクロール方向を、縦方向に設定することも可能である。更に、スクロール方向は２つまたは３つ以上の異なる方向であれば、必ずしも縦方向及び横方向である必要はない。

なお、上述した実施形態において、閲覧情報画面ＲＰ間の画面切り替えの一例として、同じグループＧＲ内の閲覧情報画面ＲＰ同士による切り替え表示について説明したが、これに限る必要はない。例えば、図２で示す閲覧情報画面ＲＰ１１、ＲＰ２１、ＲＰ３１間で、閲覧情報画面ＲＰ１２、ＲＰ２２、ＲＰ３２間で、閲覧情報画面ＲＰ１３、ＲＰ２３、ＲＰ３３間で、図２中縦方向のスクロール方向に沿って、相互に切り替え表示することも可能である。

なお、上述した実施形態において、ウェブページＷＰの一例として、図２に示すように階層化されていない構成について説明したが、例えば、図３に示す階層化されたウェブページＷＰであってもよい。図３に示すウェブページＷＰは、トップページ画面ＴＰから各グループＧＲ１０、ＧＲ１１、ＧＲ１２、…（破線）に分岐する形に、分岐画面ＳＰ１、ＳＰ２、ＳＰ３を有している。例えば、閲覧情報画面ＲＰ４３を表示させる場合は、図２で説明したように、ＴＰ→ＳＰ１→ＲＰ４１の表示順で、ディスプレイ５２のウェブページＷＰに対する表示部分を図２中下方向に移動させ、グループＧＲ１０内では、ＲＰ４１→ＲＰ４２→ＲＰ４３の表示順で、ディスプレイ５２のウェブページＷＰに対する表示部分を図２中右方向に移動させればよい。

なお、上述した実施形態において、画面切り替え処理の一例として、画面に対応する属性データ（次画面データＮＤ、スクロール方向データＤＤ）に基づいた処理について説明したが、これに限る必要はない。例えば、画面とスクロール方向との対応関係を示すテーブルを準備して、画面切り替え処理を、上記テーブルに基づいて実行することも可能である。

具体的に説明すると、上記テーブルは、現在ディスプレイ５２上に表示されている画面（以下「現表示画面」という。）と、該現表示画面の次に切り替え表示すべき画面（以下「切り替え画面」という。）とを示し、上記テーブルに示されたスクロール方向は、現表示画面が切り替え画面にスクロールされる方向を示す。例えば、図２に示すウェブページＷＰの場合、テーブルは、ＴＰ、ＲＰ１１、ＲＰ１２、…のそれぞれを示す現表示画面に対応させて、切り替え画面と、スクロール方向とを格納する。

例えば、閲覧情報画面ＲＰ１１からＲＰ１２に切り替える場合には、現表示画面が閲覧情報画面ＲＰ１１なので、主制御部５０は、閲覧情報画面ＲＰ１１に対応した、切り替え画面と、スクロール方向とを、上記テーブルから読み出す。読み出した切り替え画面は、図２に示すように、閲覧情報画面ＲＰ１２を示しているので、閲覧情報画面ＲＰ１２を示す画面データを読み出す。また、読み出したスクロール方向は、図２に示すように、左方向Ｄ２を示しているので、左方向Ｄ２にスクロールする形で、閲覧情報画面ＲＰ１１を閲覧情報画面ＲＰ１２に切り替える。

そして、閲覧情報画面ＲＰ１２がディスプレイ５２上に表示されると、現表示画面が閲覧情報画面ＲＰ１２になるので、主制御部５０は、更に、閲覧情報画面ＲＰ１２に対応したスクロール方向を、上記テーブルから読み出す。読み出したスクロール方向は、図２に示すように、左方向Ｄ２を示しているので、画像処理部５７は、左方向Ｄ２とは反対向きの、図２中右方向を指すスクロールボタンＳＢ１３を生成して、表示された閲覧情報画面ＲＰ１２上に表示する。

このテーブルは、通信端末５、ウェブサーバ３のいずれの側で準備してもよく、例えばウェブサーバ３側でテーブルを準備する場合は、スクロールボタンＳＢを介した入力部５１の操作により、現表示画面を示す信号をウェブサーバ３に送信し、該信号を受けてウェブサーバ３が、該現表示画面に対応する、切り替え画面と、スクロール方向とを示す信号を（画面データがウェブサーバ３側で格納される場合は、対応する画面データも含めて）、通信端末５に送信することで、画面切り替え処理が実行されることになる。

本発明の活用例としては、ウェブページを閲覧することの出来る通信端末として、パーソナルコンピュータのみならず、携帯電話、ＰＨＳ、ＰＤＡ（携帯情報端末）などにも適用することが出来る。

図１は、閲覧サービスの通信設備を示す図である。 図２は、ウェブページを構成する複数の画面の一例を示す図である。 図３は、階層化されたウェブページの一例を示す構成図である。

符号の説明

５１……入力手段（入力部）
５２……ディスプレイ
Ｄ１……第１の方向（上方向）
Ｄ２……第２の方向（左方向）
Ｄ３……第３の方向（右下方向）
ＧＲ１、ＧＲ２、ＧＲ３……複数のグループ
ＲＰ１１、ＲＰ１２、ＲＰ１３、… ……閲覧情報画面
ＲＰ１１、ＲＰ２１、ＲＰ３１……優先表示画面
ＳＰ１、ＳＰ２、ＳＰ３…分岐画面
ＴＰ……トップページ画面
ＷＰ……ウェブページ

Claims (4)

1. トップページ画面を有しており、入力手段からの信号に応じて前記トップページ画面を介して呼び出される複数の閲覧情報画面を有している、ウェブページにおいて、該ウェブページの表示方法であって、
   前記複数の閲覧情報画面を複数のグループにグループ化した形に設定しておき、
   前記トップページ画面と前記設定された各グループ内の閲覧情報画面との間のスクロール方向を、第１の方向に設定しておき、
   前記トップページに、前記第１の方向に対応する矢印表示を前記各グループ内の閲覧情報画面に対応する形で行い、
   前記設定された各グループ内における閲覧情報画面間のスクロール方向を、前記第１の方向と異なる第２の方向に設定しておき、
   前記入力手段からの信号に応じて、前記トップページ画面と前記設定された各グループ内の、閲覧情報画面とを切り替える場合に、前記第１の方向に設定されたスクロール方向に沿ってスクロールする形で、前記トップページ画面と前記閲覧情報画面とをディスプレイ上で切り替え表示し、
   前記入力手段からの信号に応じて、前記設定された各グループ内の、閲覧情報画面間で切り替える場合には、前記第２の方向に設定されたスクロール方向に沿ってスクロールする形で、前記閲覧情報画面を前記ディスプレイ上で切り替え表示し、
   前記設定された各グループ内における閲覧情報画面のうち、前記トップページ画面を介して最初に呼び出すべき閲覧情報画面を、優先表示画面として設定しておき、
   前記トップページ画面と前記各グループにおける優先表示画面との間のスクロール方向を、前記第１の方向に設定しておき、
   前記トップページ画面に切り替えるための前記各グループ内における優先表示画面以外の閲覧情報画面と前記トップページ画面との間のスクロール方向を、第３の方向に設定しておき、
   前記トップページ画面に切り替えるための前記各グループ内における優先表示画面以外の閲覧情報画面に、前記第３の方向に対応する矢印表示を行い、
   前記矢印が表示する第３の方向を、トップ頁からの当該閲覧情報画面までのスクロールに伴う、ディスプレイのウェブページに対する表示部分の、第１及び第２の方向における移動量に応じて設定表示し、
   前記第２の方向に対応する矢印表示を、前記各グループ内における閲覧情報画面の内、前記第３の方向を示す矢印が表示された閲覧情報画面を除く閲覧情報画面に、当該グループ内における閲覧情報画面間のスクロール設定方向を示す形で表示し、
   前記入力手段からの信号に応じて、前記第３の方向を示す矢印が表示された閲覧情報画面を前記トップページ画面に切り替える場合に、前記第３の方向に設定されたスクロール方向に沿ってスクロールする形で、前記閲覧情報画面を前記トップページ画面に前記ディスプレイ上で切り替え表示する、
   ことを特徴とする、ウェブページの表示方法。
2. 前記ウェブページは、更に、前記トップページ画面から前記設定された各グループに分岐した形で、該各グループ内の閲覧情報画面を呼び出す複数の分岐画面を有しており、
   前記トップページ画面と前記複数の分岐画面との間のスクロール方向を、前記第１の方向に設定しておき、
   前記複数の分岐画面と前記各グループ内の閲覧情報画面との間のスクロール方向を、前記第１の方向に設定しておき、
   前記入力手段からの信号に応じて、前記トップページ画面と前記分岐画面とを切り替える場合に、前記第１の方向に設定されたスクロール方向に沿ってスクロールする形で、前記トップページ画面と前記分岐画面とを前記ディスプレイ上で切り替え表示し、
   前記入力手段からの信号に応じて、前記分岐画面と前記閲覧情報画面とを切り替える場合に、前記第１の方向に設定されたスクロール方向に沿ってスクロールする形で、前記分岐画面と前記閲覧情報画面とを前記ディスプレイ上で切り替え表示する、
   ことを特徴とする、請求項１記載のウェブページの表示方法。
3. 前記設定されたグループ間における閲覧情報画面のスクロール方向を、前記第１の方向に設定しておき、
   前記入力手段からの信号に応じて、前記設定されたグループ間で閲覧情報画面を切り替える場合には、前記第１の方向に設定されたスクロール方向に沿ってスクロールする形で、前記閲覧情報画面を前記ディスプレイ上で切り替え表示する、
   ことを特徴とする、請求項１記載のウェブページの表示方法。
4. 前記第１の方向及び前記第２の方向は、いずれか一方が縦方向であり、かつ他方が横方向である、
   ことを特徴とする、請求項１記載のウェブページの表示方法。
   

Images