JP5890703B2 - 情報処理プログラム、情報処理装置、画像表示方法及び画像表示システム - Google Patents

Description

本発明は、ＧＵＩ（Graphical User Interface）に関する。

例えば、ダイアログボックスには、モーダルダイアログボックスとモードレスダイアログボックス（又はノンモーダルダイアログボックス）とがある。モーダルダイアログボックスは、ダイアログボックスに対する操作を行い、ダイアログボックスが非表示になるまでは、他の操作を行えないように構成されたダイアログボックスである（例えば、特許文献１参照）。一方、モードレスダイアログボックスは、ダイアログボックスに対する操作を行わなくても、他の操作を行えるように構成されたダイアログボックスである。

特開２０００−３０５６８６号公報

モーダル・モードレスのいずれにおいても、ダイアログボックスが他の画像に重ねて表示されると、ユーザによる当該他の画像の視認が妨げられてしまう。この場合において、当該他の画像がアイコンなどの操作可能なオブジェクトである場合には、その操作も妨げられる。
そこで、本発明は、ダイアログなどの画像を他の画像の表示の妨げにならないように表示させることを目的とする。

本発明は、一の態様において、情報処理装置のコンピュータを、複数の第１の画像を所定の配置で表示装置に表示させる第１の表示制御手段と、前記複数の第１の画像のいずれかに対する所定の操作を受け付けると、当該複数の第１の画像の配置の少なくとも一部を前記所定の配置から変更し、当該所定の操作が受け付けられた第１の画像に関連付けられた第２の画像を前記複数の第１の画像と重ならないように前記表示装置に表示させる第２の表示制御手段と、前記第２の画像が表示されているときに当該第２の画像に対する操作を受け付けると、当該操作に応じた処理を実行する実行手段と、前記第２の画像が表示されている状態でタップ操作を受け付けると、当該第２の画像を非表示にするとともに前記複数の第１の画像の配置が前記所定の配置に復帰する一方、前記第２の画像が表示されている状態でドラッグ操作を受け付けると、当該第２の画像を表示したまま前記複数の第１の画像を含むコンテンツがスクロールするように、前記表示装置に表示させる第３の表示制御手段として機能させる情報処理プログラムを提供する。

また、前記第２の表示制御手段は、前記所定の操作を受け付けると、当該所定の操作が受け付けられた第１の画像の近傍に前記第２の画像を表示させるとともに、前記複数の第１の画像のうち当該所定の操作が受け付けられた第１の画像以外の第１の画像の少なくとも一部の配置を、当該所定の操作が受け付けられた第１の画像から離れるように前記所定の配置から変更してもよい。
このようにすれば、複数の第1の画像のうちの所定の操作が受け付けられた画像の表示位置を変更させることなく第２の画像を表示させることが可能となる。

また、前記第２の表示制御手段は、前記所定の操作を受け付けると、当該所定の操作が受け付けられた前記第１の画像の近傍に前記第２の画像を表示させるとともに、複数の当該第１の画像のうち当該所定の操作が受け付けられた第１の画像以外の第１の画像の少なくとも一部の配置を、当該所定の操作が受け付けられた前記第１の画像から離れるように前記所定の配置から変更してもよい。
このようにすれば、表示された第２の画像に関連付けられた第１の画像から、それ以外の第１の画像を離して表示させ、第１の画像と第２の画像の関連付けを把握させやすくすることが可能である。

好ましい態様において、前記第３の表示制御手段は、該受け付けられたタップ操作が当該第２の画像又はこれに対応する第１の画像に対して行われた場合に、当該第２の画像の非表示化および前記複数の第１の画像の配置の復帰を実行する。
他の好ましい態様において、前記第３の表示制御手段は、該受け付けられたタップ操作が当該第２の画像及び前記複数の第１の画像のいずれかが表示されている領域と異なる領域に対して行われた場合に、当該第２の画像の非表示化および前記複数の第１の画像の配置の復帰を実行する。

また、前記実行手段は、前記第２の画像が表示されているときに第１の画像に対する操作を受け付けると、当該操作に応じた処理を実行してもよい。
このようにすれば、第２の画像が表示されている場合においても、第２の画像を非表示にさせる操作を行うことなく、第１の画像に対する操作を受け付けることが可能である。

また、前記第２の表示制御手段は、前記所定の操作が受け付けられた第１の画像に関連付けられた第２の画像が表示されているときに、他の第１の画像に対する所定の操作を受け付けると、当該第２の画像を表示したまま、前記複数の第１の画像の配置の少なくとも一部をさらに変更し、当該所定の操作が受け付けられた第１の画像に関連付けられた他の第２の画像を前記複数の第１の画像と重ならないように前記表示装置に表示させてもよい。
このようにすれば、第２の画像を複数表示させることが可能である。

また、前記第２の表示制御手段は、前記所定の操作が受け付けられた第１の画像に関連付けられた第２の画像が表示されているときに、他の第１の画像に対する所定の操作を受け付けると、当該第２の画像を非表示にするとともに、当該所定の操作が受け付けられた第１の画像に関連付けられた他の第２の画像を前記複数の第１の画像と重ならないように前記表示装置に表示させてもよい。
このようにすれば、第２の画像を択一的に表示させることが可能である。

また、前記第２の表示制御手段は、前記表示装置に表示されている前記複数の第１の画像のいずれかに対する所定の操作を受け付けると、当該第１の画像に関連付けられた第２の画像に情報の一部を表示させ、当該第２の画像に対する所定の操作を受け付けると、当該情報のうち当該一部以外を表示させてもよい。
このようにすれば、より多くの情報を少ないサイズの第２の画像で表示させることが可能である。

また、前記第２の表示制御手段は、前記第２の画像のサイズを当該第２の画像に表示させる情報の量に応じて異ならせてもよい。

なお、本発明は、本発明に係る情報処理プログラムが実現する手段を備える情報処理装置や、さらに当該情報処理装置によって画像が表示される表示装置を備えた表示システム、あるいは当該情報処理プログラムによって実行される画像表示方法としても特定され得る。

本発明によれば、ダイアログなどの画像を他の画像の表示の妨げにならないように表示させることができる。

表示システムの構成を示す図 コントローラのハードウェア構成を示すブロック図 本体装置のハードウェア構成を示すブロック図 本体装置の主要な機能構成を示す機能ブロック図 お気に入りリストを例示する図 ブックマークアイコンの各部を説明するための図 お気に入りリストを編集するときの画面を例示する図 本体装置により実行される処理を示すフローチャート ダイアログボックスを表示させる処理を示すフローチャート 複数のダイアログボックスの表示例を示す図

［実施形態］
図１は、本発明の一実施形態である表示システム１０の構成を示す図である。表示システム１０は、ユーザの操作に応じて各種の画像を表示するためのシステムである。表示システム１０において表示される画像は、例えば、ゲームやウェブページの画像であるが、その他の画像であってもよい。

表示システム１０は、コントローラ１００と、モニタ２００と、本体装置３００とを含んで構成される。ただし、表示システム１０は、モニタ２００を用いずに使用することも可能である。

コントローラ１００は、画像を表示する端末であるとともに、ユーザがこれを所持して各種の操作を行うための端末でもある。コントローラ１００は、ここでは、表示領域１４１を有し、ユーザが手に持って操作することが可能な携帯型の表示装置である。なお、コントローラ１００は、画像を表示することによって情報を視覚的に提示するだけでなく、音声による聴覚的な提示や振動による触覚的な提示を行ってもよい。

モニタ２００は、画像を表示する装置であり、例えば、テレビジョン放送の受像機である。モニタ２００は、ここでは、据置型の表示装置である。モニタ２００の表示領域２０１は、ここではコントローラ１００の表示領域１４１よりも大きいサイズであるとするが、コントローラ１００の表示領域１４１と同等ないしそれ未満のサイズであってもよい。また、モニタ２００の表示領域２０１とコントローラ１００の表示領域１４１とは、縦横比が同一でなくてもよい。

本体装置３００は、コントローラ１００及びモニタ２００の動作を制御する情報処理装置である。そのため、本体装置３００は、コントローラ１００及びモニタ２００と有線又は無線で接続されている。ここでは、本体装置３００は、コントローラ１００と無線通信を行い、モニタ２００と有線通信を行うものとするが、これ以外の態様で通信を行うことも可能である。

図２は、コントローラ１００のハードウェア構成を示すブロック図である。コントローラ１００は、制御部１１０と、補助記憶部１２０と、通信部１３０と、表示部１４０と、タッチスクリーン部１５０と、操作部１６０とを備える。

制御部１１０は、コントローラ１００の各部の動作を制御する手段である。制御部１１０は、ＣＰＵ（Central Processing Unit）などの演算処理装置、主記憶装置に相当するメモリ、コントローラ１００の各部と情報をやり取りするための入出力インタフェースなどを備え、プログラムを実行することによって画像の表示や本体装置３００とのデータの送受信を制御する。また、制御部１１０は、本体装置３００に送信する画像データを圧縮し、本体装置３００から受信した画像データを伸長するコーデックを備えてもよい。このコーデックによる圧縮・伸張処理の方式は、特に限定されないが、例えばＨ．２６４である。

補助記憶部１２０は、制御部１１０により用いられるデータを記憶する手段である。補助記憶部１２０は、例えばフラッシュメモリである。補助記憶部１２０は、後述するブックマークに関するデータなどを記憶することが可能である。なお、補助記憶部１２０は、いわゆるメモリカードのような着脱可能な記録媒体を含んで構成されてもよい。
通信部１３０は、本体装置３００と通信する手段である。通信部１３０は、無線通信により本体装置３００と通信を行うためのアンテナなどを備える。

表示部１４０は、画像を表示する手段である。表示部１４０は、液晶素子や有機ＥＬ（electroluminescence）素子により画素が構成された表示パネルと、この表示パネルを駆動する駆動回路とを備え、制御部１１０から供給された画像データに応じた画像を表示領域１４１に表示する。

タッチスクリーン部１５０は、ユーザの操作を受け付ける手段であり、表示領域１４１上の位置を表す座標情報を生成及び供給する手段である。タッチスクリーン部１５０は、表示領域１４１に重ねて設けられたセンサと、このセンサにより検出された位置を表す座標情報を生成して制御部１１０に供給する制御回路とを備える。タッチスクリーン部１５０の位置の検出方式は、抵抗膜方式であってもよいし、静電容量方式などの他の方式であってもよい。また、タッチスクリーン部１５０は、複数の位置を同時に検出できる、いわゆるマルチタッチスクリーンであってもよい。なお、ユーザは、タッチスクリーン部１５０を指で操作してもよいが、スタイラス（タッチペン）などのペン状の器具で操作することも可能である。

以下においては、タッチスクリーン部１５０によって受け付けられる操作のことを「タッチ操作」という。また、タッチ操作には、「タップ操作」と「ドラッグ操作」の２種類の操作が少なくとも含まれるものとする。ここにおいて、タップ操作とは、ユーザの指などが表示領域１４１のある位置に触れ、触れる位置を変化させずに所定の時間内に離れるタッチ操作のことをいう。タップ操作は、一般的には、表示領域１４１の特定の位置に瞬間的に触れるような操作である。一方、ドラッグ操作とは、ユーザの指などが触れる位置が経時的に変化するタッチ操作をいう。タップ操作は、本発明に係る「第１の操作」に相当し、ドラッグ操作は、本発明に係る「第２の操作」に相当するものである。

また、タッチスクリーン部１５０は、表示部１４０との協働によってソフトウェアキーを実現する。ここにおいて、ソフトウェアキーとは、表示領域１４１上にソフトウェア処理によって実現されるキーをいう。ソフトウェアキーは、ハードウェアキーと異なり、位置を変更したり、表示・非表示を切り替えたりすることが可能なキーである。

操作部１６０は、ユーザの操作を受け付ける別の手段である。操作部１６０は、押下可能なハードウェアキーやスイッチなどを備え、ユーザの操作に応じた操作情報（例えば、キーが押下されているか否かを表す情報）を制御部１１０に供給する。ここにおいて、ハードウェアキーとは、コントローラ１００の所定の位置に存在するキーをいい、物理キーとも呼ばれるものである。

図３は、本体装置３００のハードウェア構成を示すブロック図である。本体装置３００は、制御部３１０と、補助記憶部３２０と、ディスクドライブ部３３０と、ネットワーク通信部３４０と、端末通信部３５０と、ＡＶ（Audio and Visual）インタフェース部３６０とを備える。

制御部３１０は、本体装置３００の各部の動作を制御する手段であり、本発明に係る「コンピュータ」に相当する部分である。制御部１１０は、ＣＰＵ、ＧＰＵ（Graphics Processing Unit）、ＤＳＰ（Digital Signal Processor）などの演算処理装置、主記憶装置やＶＲＡＭ（Video Random Access Memory）に相当するメモリ、本体装置３００の各部と情報をやり取りするための入出力インタフェースなどを備え、プログラムを実行することによってコントローラ１００、モニタ２００に送信する画像データの生成などを制御する。制御部３１０が実行可能なプログラムには、後述するゲームプログラムや、ウェブページを閲覧するためのブラウザプログラムが含まれる。また、制御部３１０は、コントローラ１００やモニタ２００に送信する画像データを圧縮し、コントローラ１００から受信した画像データを伸長するコーデックを備えてもよい。

補助記憶部３２０は、制御部３１０により用いられるデータを記憶する手段である。補助記憶部３２０は、例えばフラッシュメモリやハードディスクであるが、メモリカードのような着脱可能な記録媒体を含んでもよい。補助記憶部３２０は、制御部３１０が実行するプログラムや、ネットワーク通信部３４０、端末通信部３５０を介して取得したデータを記憶することが可能である。

ディスクドライブ部３３０は、光ディスク（光記録媒体）に記憶されたデータを読み取る手段である。光ディスクには、例えば、ゲームプログラムなどのゲームを実行するために必要なデータが記録されている。なお、ディスクドライブ部３３０は、光磁気ディスクや半導体メモリなどの他の記録媒体に記憶されたデータを読み取るように構成されてもよい。

ネットワーク通信部３４０は、インターネットなどのネットワークと通信する手段である。ネットワーク通信部３４０による通信は、有線・無線のいずれであってもよい。ネットワーク通信部３４０は、制御部３１０による指示に従い、外部のサーバ装置からデータを送信したり受信したりする。

端末通信部３５０は、コントローラ１００と通信する手段である。端末通信部３５０は、コントローラ１００と異なる他のコントローラが用いられる場合には、当該他のコントローラと通信してもよい。端末通信部３５０による無線通信には、Wi-Fi（登録商標）、Bluetooth（登録商標）、赤外線通信などの任意の通信方式を用いることができる。

ＡＶインタフェース部３６０は、モニタ２００に画像データや音声データを供給する手段である。ＡＶインタフェース部３６０は、ＨＤＭＩ（High-Definition Multimedia Interface：登録商標）端子などのインタフェースを１又は複数備える。

図４は、本体装置３００の主要な機能構成を示すブロック図（機能ブロック図）である。本体装置３００は、コントローラ１００及びモニタ２００による画像の表示を実現するための手段として、情報取得手段３１１、第１の表示制御手段３１２、第２の表示制御手段３１３、第３の表示制御手段３１４及び実行手段３１５を有する。これらの手段は、本体装置３００の制御部３１０が１又は複数のプログラムを実行することによって、すなわちソフトウェア処理によって実現される。

情報取得手段３１１は、ユーザの操作に係る操作情報を取得する手段である。情報取得手段３１１が取得する操作情報には、操作部１６０によって供給されるものに加え、タッチスクリーン部１５０から供給される座標情報も含まれる。情報取得手段３１１は、端末通信部３５０を介して、コントローラ１００から送信された操作情報を取得し、取得した操作情報が表すユーザの操作を認識する。

第１の表示制御手段３１２、第２の表示制御手段３１３及び第３の表示制御手段３１４は、画像の表示を制御する手段である。これらの手段は、情報取得手段３１１により取得された操作情報に基づき、コントローラ１００による画像の表示とモニタ２００による画像の表示とを制御することができる。これらの手段は、必要な画像データを生成し、これを端末通信部３５０及びＡＶインタフェース部３６０を介して送信することによって、コントローラ１００及びモニタ２００による画像の表示を制御する。なお、第１の表示制御手段３１２、第２の表示制御手段３１３及び第３の表示制御手段３１４は、コントローラ１００が画像を表示する一方で、モニタ２００が画像を表示しない場合には、コントローラ１００による画像の表示のみを制御すればよい。

第１の表示制御手段３１２は、複数の第１の画像を所定の配置で表示させる手段である。第１の画像は、ここでは、ブックマーク（いわゆる「お気に入り」）を示す所定の形状の画像であるとする。以下においては、第１の表示制御手段３１２によって表示されるブックマークの一覧のことを「お気に入りリスト」という。

第２の表示制御手段３１３は、第１の表示制御手段３１２によって複数の第１の画像が所定の配置で表示されている場合において、当該複数の第１の画像のいずれかに対する所定の操作が受け付けられたときに、当該第１の画像に関連付けられた第２の画像を表示させる手段である。第２の画像は、ここでは、ブックマークに対応する所定の情報を表すための画像であるとする。第２の表示制御手段３１３は、第２の画像を表示させるときに、当該第２の画像が第１の画像と重ならないように、第１の画像の配置を変更する。

第３の表示制御手段３１４は、所定の操作に基づき、第２の表示制御手段３１３によって表示された第２の画像を非表示にさせる手段である。また、第３の表示制御手段３１４は、第２の画像を非表示にさせる場合に、当該第２の画像の表示に伴って配置が変更された第１の画像の表示位置を移動させ、元の配置に戻す。

実行手段３１５は、ユーザの操作に応じた処理を実行する手段である。実行手段３１５は、情報取得手段３１１により取得された操作情報に基づき、所定の処理を実行する。例えば、実行手段３１５は、第１の表示制御手段３１２、第２の表示制御手段３１３又は第３の表示制御手段３１４による表示制御に関連して生じる他の表示制御やデータ通信などを実行する。

表示システム１０の構成は、以上のとおりである。この構成のもと、本体装置３００は、コントローラ１００及びモニタ２００の少なくとも一方に画像を表示させる。本体装置３００は、ユーザの操作や、表示させる画像の種類に応じて、コントローラ１００又はモニタ２００の一方のみに画像を表示させたり、コントローラ１００及びモニタ２００の双方に画像を表示させたりすることができる。なお、コントローラ１００及びモニタ２００の双方に画像を表示させる場合において、本体装置３００は、双方に同じ画像を表示させることも、互いに異なる画像を表示させることも可能である。

例えば、ゲームをプレイする場合において、家族や友人など、複数のユーザがいるときには、特定のユーザがコントローラ１００を見ながら操作し、他のユーザはモニタ２００でゲームの展開を確認する、といった利用形態が想定される。この場合において、コントローラ１００が複数あったり、あるいはコントローラ１００以外の他のコントローラがあったりすれば、複数のユーザがゲームに参加することも可能である。

また、ユーザは、表示システム１０を用いて、ゲームをプレイするだけでなく、ウェブページを閲覧することも可能である。このとき、ユーザは、他のユーザと一緒にゲームやウェブページの画像を閲覧する場合には、コントローラ１００とモニタ２００の双方に画像を表示させるように操作すればよい。一方、ユーザは、他のユーザがおらず、１人で画像を閲覧する場合には、コントローラ１００のみに画像を表示させることも可能である。

図５は、本実施形態においてコントローラ１００の表示領域１４１に表示される画面を例示する図であり、上述した「お気に入りリスト」の一例を示す図である。この例において、お気に入りリストには、ブックマークアイコンＩｍ１Ａ〜Ｉｍ１Ｌが表示されている。ブックマークアイコンＩｍ１Ａ〜Ｉｍ１Ｌは、それぞれ、所定のＵＲＬ（Uniform Resource Locator）に関連付けられた画像であり、本発明に係る「第１の画像」に相当するものである。なお、以下において、ブックマークアイコンＩｍ１Ａ〜Ｉｍ１Ｌのそれぞれを区別せず、かかるアイコン全般の事項について説明する場合には、これを「ブックマークアイコンＩｍ１」と表記する。図５に示す例では、ブックマークアイコンＩｍ１は、横方向に２個、縦方向に６個並ぶ配置で表示されている。

図６は、ブックマークアイコンＩｍ１の各部を説明するための図である。同図に示すように、ブックマークアイコンＩｍ１は、その表示領域がリンク領域Ａｒ１とオプション領域Ａｒ２とに大別される。リンク領域Ａｒ１は、ブックマークアイコンＩｍ１に対応するＵＲＬのリンク（ハイパーリンク）として機能する領域である。一方、オプション領域Ａｒ２は、ＵＲＬのリンクとして機能せず、ダイアログを表示させる操作を受け付けるための領域である。リンク領域Ａｒ１には、例えば、ＵＲＬに対応するウェブページに割り当てられた表示名（名称、タイトルなど）や、当該ウェブページに割り当てられたアイコン画像が表示される。アイコン画像は、例えば、いわゆるfavicon（favorites icon）であるが、他の画像であってもよい。ＵＲＬ、表示名及びアイコン画像は、ブックマークに関する設定情報として補助記憶部１２０（又は補助記憶部３２０）に記憶される。

ユーザは、お気に入りリストに対してタッチ操作を行うことで、所望のウェブページに簡単にアクセスすることが可能である。より詳細には、ユーザは、ブックマークアイコンＩｍ１のリンク領域Ａｒ１に対してタップ操作を行うことで、ブックマークアイコンＩｍ１に対応するウェブページを表示させることが可能である。

また、ユーザは、お気に入りリストを編集することも可能である。ここにおいて、お気に入りリストの編集とは、ブックマークを削除したり、表示名やＵＲＬを変更したりすることをいう。ユーザは、ブックマークアイコンＩｍ１のオプション領域Ａｒ２に対してタップ操作を行うことで、ブックマークアイコンＩｍ１に対応するブックマークに対して変更を行うことが可能である。

図７は、コントローラ１００の表示領域１４１に表示される画面を例示する図であり、お気に入りリストを編集するときの画面の一例を示す図である。図７（ａ）に示す画面は、ブックマークアイコンＩｍ１Ａについて編集を行う場合の画面、すなわち、ブックマークアイコンＩｍ１Ａのオプション領域Ａｒ２に対してタップ操作が行われた場合に画面である。この例において、お気に入りリストには、ダイアログボックスＩｍ２Ａが表示される。また、図７（ｂ）に示す画面は、ブックマークアイコンＩｍ１Ｄについて編集を行う場合の画面、すなわち、ブックマークアイコンＩｍ１Ｄのオプション領域Ａｒ２に対してタップ操作が行われた場合に画面である。この例において、お気に入りリストには、ダイアログボックスＩｍ２Ｄが表示される。ダイアログボックスＩｍ２Ａ、Ｉｍ２Ｄは、本発明に係る「第２の画像」に相当する。なお、ダイアログボックスは、ブックマークアイコンＩｍ１Ａ、Ｉｍ１Ｄ以外の他のブックマークアイコンＩｍ１においても、所定の操作に基づいて表示される。

このとき、コントローラ１００は、タップ操作が受け付けられたブックマークアイコンＩｍ１の少なくとも一部の表示態様を他のブックマークアイコンＩｍ１と異ならせて表示してもよい。例えば、図７においては、ブックマークアイコンＩｍ１Ａ、Ｉｍ１Ｄのオプション領域Ａｒ２の色が反転表示されるとともに、当該領域内に表示されている三角形の図形の上下が反転されている。このようにすることで、表示されたダイアログボックスがどのブックマークアイコンに対応するものであるかをより明確に示すことが可能である。なお、以下においては、このように表示されるブックマークアイコン、すなわちダイアログボックスが表示中のブックマークアイコンのことを、「選択中のブックマークアイコン」ともいう。

ダイアログボックスＩｍ２Ａ、Ｉｍ２Ｄには、ブックマークのＵＲＬと表示名とが表示される。ＵＲＬ及び表示名は、ユーザによるタッチ操作（又は操作部１６０のキーに対する操作）で変更することが可能である。また、ダイアログボックスＩｍ２Ａ、Ｉｍ２Ｄには、そのブックマークを削除するための削除ボタンが表示される。この削除ボタンに対してタップ操作が行われると、対応するブックマークアイコンＩｍ１（この場合、Ｉｍ１Ａ又はＩｍ１Ｄ）がお気に入りリストから削除される。

また、ダイアログボックスＩｍ２Ａ、Ｉｍ２Ｄは、それぞれ、ブックマークアイコンＩｍ１Ａ、Ｉｍ１Ｄの近傍（この場合、真下）に表示される。例えば、ダイアログボックスＩｍ２Ａは、ブックマークアイコンＩｍ１ＡとブックマークアイコンＩｍ１Ｃに挟まれるようにして、これらの間に表示される。このとき、コントローラ１００は、ダイアログボックスＩｍ２ＡがブックマークアイコンＩｍ１Ａ〜Ｉｍ１Ｌのいずれとも重ならないように、ブックマークアイコンＩｍ１の配置を変更して表示する。この例においては、ブックマークアイコンＩｍ１Ａ、Ｉｍ１Ｂの表示位置は変化しないが、その他のブックマークアイコンＩｍ１Ｃ〜Ｉｍ１Ｌの表示位置が変化し、これらがブックマークアイコンＩｍ１Ａ、Ｉｍ１Ｂから離れるように移動される。このようにすることで、ダイアログボックスＩｍ２ＡがブックマークアイコンＩｍ１と重なってブックマークアイコンＩｍ１の表示が妨げられないようにすることが可能である。

なお、ブックマークアイコンの移動の態様は、この例に限定されない。例えば、制御部３１０は、選択されたブックマークアイコンの上部にダイアログボックスを表示させてもよい。また、図７に記載されていないブックマークアイコンＩｍ１Ｇ〜Ｉｍ１Ｌは、スクロールアウトした状態であり、ユーザがダイアログボックスＩｍ２Ａを非表示にさせるか、あるいはドラッグ操作を行うことによって現れるようになっている。

本実施形態において、ユーザは、次の２通りの方法によってダイアログボックスを非表示にさせることができる。第１の方法は、既にタップ操作が行われたブックマークアイコンＩｍ１のオプション領域Ａｒ２（すなわち、図７において反転表示されているオプション領域）に対して再度タップ操作を行うものである。また、第２の方法は、ブックマークアイコンとダイアログボックスのいずれも表示されていない領域に対してタップ操作を行うものである。なお、ダイアログボックスは、これを非表示にさせる画像（いわゆる閉じるボタン）を含み、当該画像に対してタップ操作が行われたときに非表示にされてもよい。

また、ユーザは、ダイアログボックスを非表示にさせなくても、ダイアログボックスに対する操作以外の操作を行うことが可能である。例えば、ユーザは、ダイアログボックスが表示されている状態で、ブックマークアイコンＩｍ１のリンク領域Ａｒ１に対してタップ操作を行うことによって、当該アイコンに対応するウェブページを表示させることが可能である。また、ユーザは、ダイアログボックスが表示されている状態で任意の位置に対するドラッグ操作を行うことによって、お気に入りリストをスクロールさせることも可能である。

図８は、本体装置３００により実行される処理を示すフローチャートであり、コントローラ１００の表示領域１４１にダイアログボックスが表示されたときに行われる処理を示すものである。本体装置３００は、コントローラ１００から操作情報を受信し、コントローラ１００に画像データを送信することで、表示領域１４１に表示される画像の制御を実現する。なお、説明の便宜上、ここでは、ユーザの操作としてタップ操作とドラッグ操作のみを示すものとする。

ダイアログボックスを表示させるためには、ユーザがブックマークアイコンのいずれかを選択する必要がある。ブックマークアイコンの選択は、タップ操作によって行われる。ユーザがブックマークアイコンに対してタップ操作を行うと、本体装置３００の制御部３１０は、操作情報を取得し、ブックマークアイコンに対するタップ操作を認識する（ステップＳ１）。

制御部３１０は、ブックマークアイコンに対するタップ操作を認識すると、当該ブックマークアイコン以外の他のブックマークアイコンを移動させるとともに、当該ブックマークアイコンに対応するダイアログボックスを表示させる（ステップＳ２、Ｓ３）。制御部３１０は、ダイアログボックスを表示させるための画像データを生成し、端末通信部３５０に供給することによって、コントローラ１００に画像を表示させる。コントローラ１００は、受信した画像データに応じた画像を表示領域１４１に表示させる。このとき表示される画像は、ブックマークアイコンやダイアログボックスが徐々に移動するアニメーション表示をする画像であってもよい。

ステップＳ２において、制御部３１０は、ユーザに選択されたブックマークアイコンと、当該ブックマークアイコンに対応するダイアログボックスの表示サイズとに基づき、表示位置を変更するブックマークアイコンを決定する。図７に示す例において、制御部３１０は、ユーザに選択されたブックマークアイコンよりも上に表示されているブックマークアイコン（図７（ａ）の場合、Ｉｍ１Ａ及びＩｍ１Ｂ）の表示位置を変えることなく、これらのブックマークアイコンよりも下に表示されているブックマークアイコンをダイアログボックスと重ならないように移動させる。このようにすれば、選択されたブックマークアイコンの表示位置が変化せず、選択されたブックマークアイコン以外のブックマークアイコンの表示位置が変化するため、選択されたブックマークアイコンがスクロールアウトするようなことがなくなる。なお、本実施形態においては、ダイアログボックスのサイズがあらかじめ決められているものとする。この場合、ブックマークアイコンの移動量（すなわち移動距離）も、あらかじめ決められた所定の距離である。

次に、制御部３１０は、ユーザからの所定の操作を待機する。すなわち、制御部３１０は、操作情報を取得したか否かを判断し（ステップＳ４）、操作情報を取得するまでこの判断を繰り返す。そして、制御部３１０は、操作情報を取得すると、取得した操作情報が表す操作に応じてその後の処理を異ならせる。なお、以下のアルゴリズムは、あくまでも一例であって、ユーザの操作の判断方法がこれに限定されるわけではない。制御部３１０は、ユーザの操作を判別し、その操作に応じた処理を実行することができれば、どのような処理を行ってもよい。

制御部３１０は、ユーザの操作がタップ操作であるかドラッグ操作であるかによって、実行する処理を異ならせる。制御部３１０は、ユーザの操作がタップ操作であるか否かを判断し（ステップＳ５）、ユーザの操作がタップ操作ではなくドラッグ操作であれば（ステップＳ５：ＮＯ）、画面全体をスクロールして表示させる（ステップＳ６）。この場合、制御部３１０は、ブックマークアイコンやダイアログボックスどうしの相対的な位置関係を変えることなく、これらの表示位置を変更する。したがって、この場合、ダイアログボックスは非表示にされず、表示されたままである。

一方、ユーザの操作がタップ操作である場合（ステップＳ５：ＹＥＳ）、制御部３１０は、そのタップ操作が行われた位置に応じた処理を実行する。例えば、タップ操作が行われた位置がダイアログボックスの表示位置であった場合（ステップＳ７：ＹＥＳ）、制御部３１０は、その位置に応じた処理を実行する（ステップＳ８）。制御部３１０は、ダイアログボックス中の削除ボタンが選択されれば、設定情報を書き換えるとともに、ブックマークを削除したブックマークアイコンとこれに対応するダイアログボックスとを非表示にさせる。また、制御部３１０は、ダイアログボックス中の表示名やＵＲＬが表示されている領域が選択されれば、これらを編集するための画面を表示させる。

また、タップ操作が行われた位置がダイアログボックスの表示位置でない場合（ステップＳ７：ＮＯ）、制御部３１０は、当該位置がブックマークアイコンの表示位置であるか否かをさらに判断する（ステップＳ９）。制御部３１０は、ブックマークアイコンの表示位置にタップ操作が行われた場合（ステップＳ９：ＹＥＳ）には、タップ操作が行われた位置に応じた処理を実行する（ステップＳ１０）。

ステップＳ１０において、制御部３１０は、タップ操作が行われた位置にあるブックマークアイコンが選択中のブックマークアイコン（すなわち、図７においてオプション領域が反転表示されているブックマークアイコン）であるか否かによって異なる処理を実行する。また、制御部３１０は、タップ操作が行われた位置がリンク領域であるかオプション領域であるかによっても、実行する処理を異ならせる。

まず、タップ操作が行われた位置がリンク領域である場合、制御部３１０は、当該リンク領域に対応するウェブページを表示させる処理を実行する。具体的には、制御部３１０は、設定情報に基づいて当該ウェブページのＵＲＬを特定し、ネットワーク通信部３４０を介して、ウェブページを表示させるために必要なデータを外部のサーバ装置から取得する。かかるデータは、ＨＴＭＬ（HyperText Markup Language）などのマークアップ言語で記述されたウェブページのデータに加え、スタイルシート、画像データ、スクリプトなどを含む。

また、タップ操作が行われた位置がオプション領域である場合、制御部３１０は、ダイアログボックスを表示させ、又は非表示にさせる処理を実行する。制御部３１０は、選択中のブックマークアイコンのオプション領域が再度選択された場合であれば、表示中のダイアログボックスを非表示にさせ、ブックマークアイコンの配置を元の配置（ダイアログボックスの表示前の配置、すなわち図５の配置）に戻す処理を実行する。また、制御部３１０は、選択中のブックマークアイコンが存在し、ダイアログボックスが表示されている場合において、選択中のブックマークアイコン以外のブックマークアイコンのオプション領域が選択された場合であれば、表示中のダイアログボックスを非表示にさせ、新たに選択されたブックマークアイコンに対応するダイアログボックスを新たに表示させる。ここにおいて、表示中のダイアログボックスを非表示にさせる処理は、選択中のブックマークアイコンのオプション領域が再度選択された場合の処理と同様であり、新たなダイアログボックスを表示させる処理は、ステップＳ３の処理と同様である。

また、タップ操作が行われた位置がダイアログボックスとブックマークアイコンのいずれの表示位置でもない場合（ステップＳ９：ＮＯ）には、制御部３１０は、表示中のダイアログボックスを非表示にさせる処理を実行する（ステップＳ１１）。また、制御部３１０は、ダイアログボックスを非表示にさせるとともに、ステップＳ１０において説明した処理と同様にして、ブックマークアイコンの配置を元の配置に戻す処理を実行する（ステップＳ１２）。

以上のとおり、本実施形態の表示システム１０によれば、ダイアログボックスをブックマークアイコンと重ならないように表示させることが可能である。このようにすることで、本発明を適用しなかった場合にダイアログボックスと重なってしまうブックマークアイコンの表示を妨げないようにすることが可能であり、その結果、このようなブックマークアイコンの操作を妨げないようにすることも可能である。

さらに、表示システム１０によれば、ダイアログボックスを表示させたままで、ダイアログボックスに対する操作以外の操作（ドラッグ操作による画面のスクロール、タップ操作によるリンクの選択など）を行うことが可能であり、また、あるダイアログボックスを非表示にさせる処理と別のダイアログボックスを新たに表示させる処理とを１回の操作で実行させることが可能である。したがって、ユーザは、ダイアログボックスを表示させながらもさまざまな操作を行うことが可能である。

［変形例］
上述した実施形態は、本発明の実施の一態様である。本発明は、この実施形態に限定されることなく、以下の変形例に示すような他の態様で実施することも可能である。なお、本発明は、必要に応じて、複数の変形例を組み合わせて適用することも可能である。

（変形例１）
ダイアログボックスのサイズは、一定である必要はなく、その内部に表示させる情報の量に応じて異なってもよい。ダイアログボックスのサイズが可変であると、ダイアログボックスの表示に伴って移動されるブックマークアイコンの移動量も変化する。

図９は、本例においてダイアログボックスを表示させる処理を示すフローチャートである。ダイアログボックスのサイズを可変とする場合には、図８のステップＳ２、Ｓ３の処理に代えて、同図に示した処理を実行すればよい。ここにおいて、制御部３１０は、タップ操作が行われたブックマークアイコンに対応する設定情報を読み出し、当該ブックマークアイコンに対応するダイアログボックスに表示される情報の量を特定する（ステップＳａ１）。制御部３１０は、画像のサイズ（面積、画素数）や、表示させる文字の文字数などを特定することによって、ダイアログボックスの内部に表示される情報の量を特定することができる。次に、制御部３１０は、ステップＳａ１の特定結果に基づき、ダイアログボックスのサイズを決定し（ステップＳａ２）、このサイズに応じてブックマークアイコンの移動量（すなわち移動距離）を決定する（ステップＳａ３）。このようにしてダイアログボックスのサイズをブックマークアイコンの移動量を決定したら、制御部３１０は、この決定に従ってブックマークアイコンを移動させ、ダイアログボックスを表示させる（ステップＳａ４、Ｓａ５）。

なお、ダイアログボックスの内部に表示させる情報の量がそれぞれ異なる場合であっても、ダイアログボックスのサイズを可変にしないことも可能である。例えば、ダイアログボックスの内部に情報の一部のみを表示させ、ダイアログボックスの内部に表示される情報をドラッグ操作によってスクロール表示させるようにすれば、ダイアログボックスのサイズが一定であっても、当該一部以外の情報を表示させることができ、さまざまな量の情報を表示することが可能である。

（変形例２）
本発明は、複数のダイアログボックスを同時に表示させるものであってもよい。すなわち、ダイアログボックスは、上述した実施形態のように、１つのみが選択的に表示され、あるダイアログボックスが表示されている状態で別のダイアログボックスを表示させようとすると、先に表示されていたダイアログボックスが非表示になるように表示数が制限されていなくてもよい。

例えば、図７（ａ）の例において、ブックマークアイコンＩｍ１Ｄが選択されたとすると、制御部３１０は、ブックマークアイコンの配置の少なくとも一部をさらに変更し、ダイアログボックスＩｍ２Ｄを表示させる。例えば、制御部３１０は、ブックマークアイコンＩｍ１Ｅ、Ｉｍ１Ｆを下方に移動させ、ブックマークアイコンＩｍ１Ｃ、Ｉｍ１ＤとブックマークアイコンＩｍ１Ｅ、Ｉｍ１Ｆの間にダイアログボックスＩｍ２Ｄを表示させる。このとき、制御部３１０は、ダイアログボックスＩｍ２ＡとダイアログボックスＩｍ２Ｄとが同時に（すなわちスクロールアウトすることなく）表示されるように、ダイアログボックスＩｍ２Ａ、Ｉｍ２Ｄのサイズを縮小してもよい。また、制御部３１０は、このときブックマークアイコンＩｍ１Ｄの表示位置を変えてもよいし、変えなくてもよい。

図１０は、複数のダイアログボックスの表示例を示す図である。図１０（ａ）は、ブックマークアイコンＩｍ１Ｃ及びＩｍ１Ｄが選択され、ダイアログボックスＩｍ２Ｃ及びＩｍ２Ｄが表示される場合の一例を示すものである。この例において、ダイアログボックスＩｍ２Ｃ及びＩｍ２Ｄは、図７に示したダイアログボックスよりも上下方向のサイズが小さくなっている。また、図１０（ｂ）は、ブックマークアイコンＩｍ１Ｃ及びＩｍ１Ｄが選択され、ダイアログボックスＩｍ２Ｃ及びＩｍ２Ｄが表示される場合の他の例を示すものである。この例において、ダイアログボックスＩｍ２Ｃ及びＩｍ２Ｄは、図７に示したダイアログボックスよりも左右方向のサイズが小さくなっている。

（変形例３）
画面のスクロール表示（図８のステップＳ６）は、画面内のあらゆる位置ではなく、特定の位置に対するドラッグ操作で行われるようにしてもよい。ここにおいて、特定の位置とは、例えば、いわゆるスクロールバーのノブ（つまみ）に相当する部分である。

（変形例４）
本発明において、第１の画像は、ブックマークアイコンに限定されない。また、第２の画像も、ダイアログボックスに限定されない。例えば、第１の画像は、楽曲のアルバム名やそのジャケットの画像を表示するものであってもよい。この場合において、第２の画像は、そのアルバムを構成する複数の楽曲の曲名などを表示するものであってもよい。このとき、ユーザは、曲名を選択することによって、選択した曲名に対応する楽曲を再生させることができる。

あるいは、第１の画像は、ゲームの名称やそのパッケージ（又はゲーム画面）の画像を表示するものであってもよい。この場合において、第２の画像は、そのゲームのプレイ内容を記録した１又は複数のセーブデータを示す画像表示するものであってもよい。このとき、ユーザは、セーブデータを示す画像を選択することによって、選択したセーブデータを読み出してゲームをセーブ時の状態から再開することができる。

（変形例５）
本発明において、画像を表示させたり非表示にさせたりする操作は、タッチ操作に限定されない。例えば、本発明は、画面にカーソル（又はポインタ）を表示させ、カーソルの表示位置を十字キーやスライドパッド（又はタッチパッド）を操作することによって移動させるとともに、所定のキーを押下することによってカーソルと重なって表示されている画像（第１の画像や第２の画像）を選択するものであってもよい。

（変形例６）
本発明は、本体装置３００、本体装置３００とコントローラ１００とを備える表示システム、さらにモニタ２００を備える表示システム（表示システム１０）といった形態だけではなく、本体装置３００に相当する構成とコントローラ１００に相当する構成とを一体に備えた情報処理装置（いわゆるタブレット端末など）といった形態でも実施可能である。また、本発明に係る表示装置は、両手で把持する形状ではなく、片手で把持する形状であってもよいし、机の上などに置いた状態で操作するものであってもよい。なお、本発明に係る情報処理装置は、ゲーム機能を有していなくてもよい。

また、本発明は、このような情報処理装置や表示システムの形態だけでなく、第１の画像及び第２の画像を表示させるための表示方法や、かかる表示方法を実現するための情報処理プログラムといった形態での実施も可能である。さらに、本発明に係る情報処理プログラムは、光ディスクや半導体メモリなどの記録媒体に記録された形態での提供や、インターネットなどのネットワークを介して情報処理装置にダウンロードさせる形態での提供も可能である。

１０…表示システム、１００…コントローラ（表示装置）、１１０…制御部、１２０…補助記憶部、１３０…通信部、１４０…表示部、１４１…表示領域、１５０…タッチスクリーン部、１６０…操作部、２００…モニタ、２０１…表示領域、３００…本体装置（情報処理装置）、３１０…制御部、３１１…情報取得手段、３１２…第１の表示制御手段、３１３…第２の表示制御手段、３１４…第３の表示制御手段、３１５…実行手段、３２０…補助記憶部、３３０…ディスクドライブ部、３４０…ネットワーク通信部、３５０…端末通信部、３６０…ＡＶインタフェース部

Claims (13)

1. 情報処理装置のコンピュータを、
   複数の第１の画像を所定の配置で表示装置に表示させる第１の表示制御手段と、
   前記複数の第１の画像のいずれかに対する所定の操作を受け付けると、当該複数の第１の画像の配置の少なくとも一部を前記所定の配置から変更し、当該所定の操作が受け付けられた第１の画像に関連付けられた第２の画像を前記複数の第１の画像と重ならないように前記表示装置に表示させる第２の表示制御手段と、
   前記第２の画像が表示されているときに当該第２の画像に対する操作を受け付けると、当該操作に応じた処理を実行する実行手段と、
   前記第２の画像が表示されている状態でタップ操作を受け付けると、当該第２の画像を非表示にするとともに前記複数の第１の画像の配置が前記所定の配置に復帰する一方、前記第２の画像が表示されている状態でドラッグ操作を受け付けると、当該第２の画像を表示したまま前記複数の第１の画像を含むコンテンツがスクロールするように、前記表示装置に表示させる第３の表示制御手段として機能させる
   情報処理プログラム。
2. 前記第２の表示制御手段は、前記所定の操作を受け付けると、前記複数の第１の画像のうち当該所定の操作が受け付けられた第１の画像以外の第１の画像の少なくとも一部の配置を前記所定の配置から変更する
   請求項１に記載の情報処理プログラム。
3. 前記第２の表示制御手段は、前記所定の操作を受け付けると、当該所定の操作が受け付けられた第１の画像の近傍に前記第２の画像を表示させるとともに、前記複数の第１の画像のうち当該所定の操作が受け付けられた第１の画像以外の第１の画像の少なくとも一部の配置を、当該所定の操作が受け付けられた第１の画像から離れるように前記所定の配置から変更する
   請求項２に記載の情報処理プログラム。
4. 前記第３の表示制御手段は、該受け付けられたタップ操作が当該第２の画像又はこれに対応する第１の画像に対して行われた場合に、当該第２の画像の非表示化および前記複数の第１の画像の配置の復帰を実行する
   請求項１ないし３のいずれか１項に記載の情報処理プログラム。
5. 前記第３の表示制御手段は、該受け付けられたタップ操作が当該第２の画像及び前記複数の第１の画像のいずれかが表示されている領域と異なる領域に対して行われた場合に、当該第２の画像の非表示化および前記複数の第１の画像の配置の復帰を実行する
   請求項１ないし３のいずれか１項に記載の情報処理プログラム。
6. 前記実行手段は、前記第２の画像が表示されているときに第１の画像に対する操作を受け付けると、当該操作に応じた処理を実行する
   請求項１ないし５のいずれか１項に記載の情報処理プログラム。
7. 前記第２の表示制御手段は、前記所定の操作が受け付けられた第１の画像に関連付けられた第２の画像が表示されているときに、他の第１の画像に対する所定の操作を受け付けると、当該第２の画像を表示したまま、前記複数の第１の画像の配置の少なくとも一部をさらに変更し、当該所定の操作が受け付けられた第１の画像に関連付けられた他の第２の画像を前記複数の第１の画像と重ならないように前記表示装置に表示させる
   請求項１ないし６のいずれか１項に記載の情報処理プログラム。
8. 前記第２の表示制御手段は、前記所定の操作が受け付けられた第１の画像に関連付けられた第２の画像が表示されているときに、他の第１の画像に対する所定の操作を受け付けると、当該第２の画像を非表示にするとともに、当該所定の操作が受け付けられた第１の画像に関連付けられた他の第２の画像を前記複数の第１の画像と重ならないように前記表示装置に表示させる
   請求項１ないし６のいずれか１項に記載の情報処理プログラム。
9. 前記第２の表示制御手段は、前記表示装置に表示されている前記複数の第１の画像のいずれかに対する所定の操作を受け付けると、当該第１の画像に関連付けられた第２の画像に情報の一部を表示させ、当該第２の画像に対する所定の操作を受け付けると、当該情報のうち当該一部以外を表示させる
   請求項１ないし８のいずれか１項に記載の情報処理プログラム。
10. 前記第２の表示制御手段は、前記第２の画像のサイズを当該第２の画像に表示させる情報の量に応じて異ならせる
    請求項１ないし９のいずれか１項に記載の情報処理プログラム。
11. 複数の第１の画像を所定の配置で表示装置に表示させる第１の表示制御手段と、
    前記複数の第１の画像のいずれかに対する所定の操作を受け付けると、当該複数の第１の画像の配置の少なくとも一部を前記所定の配置から変更し、当該所定の操作が受け付けられた第１の画像に関連付けられた第２の画像を前記複数の第１の画像と重ならないように前記表示装置に表示させる第２の表示制御手段と、
    前記第２の画像が表示されているときに当該第２の画像に対する操作を受け付けると、当該操作に応じた処理を実行する実行手段と、
    前記第２の画像が表示されている状態でタップ操作を受け付けると、当該第２の画像を非表示にするとともに前記複数の第１の画像の配置が前記所定の配置に復帰する一方、前記第２の画像が表示されている状態でドラッグ操作を受け付けると、当該第２の画像を表示したまま前記複数の第１の画像を含むコンテンツがスクロールするように、前記表示装置に表示させる第３の表示制御手段と
    を備える情報処理装置。
12. 複数の第１の画像を所定の配置で表示装置に表示させる第１のステップと、
    前記複数の第１の画像のいずれかに対する所定の操作を受け付けると、当該複数の第１の画像の配置の少なくとも一部を前記所定の配置から変更し、当該所定の操作が受け付けられた第１の画像に関連付けられた第２の画像を前記複数の第１の画像と重ならないように前記表示装置に表示させる第２のステップと、
    前記第２の画像が表示されているときに当該第２の画像に対する操作を受け付けると、当該操作に応じた処理を実行する第３のステップと、
    前記第２の画像が表示されている状態でタップ操作を受け付けると、当該第２の画像を非表示にするとともに前記複数の第１の画像の配置が前記所定の配置に復帰する一方、前記第２の画像が表示されている状態でドラッグ操作を受け付けると、当該第２の画像を表示したまま前記複数の第１の画像を含むコンテンツがスクロールするように、前記表示装置に表示させる第４のステップと
    を有する画像表示方法。
13. 画像を表示する表示領域を有する表示装置と、
    複数の第１の画像を所定の配置で前記表示装置に表示させる第１の表示制御手段と、
    前記複数の第１の画像のいずれかに対する所定の操作を受け付けると、当該複数の第１の画像の配置の少なくとも一部を前記所定の配置から変更し、当該所定の操作が受け付けられた前記第１の画像に関連付けられた第２の画像を前記複数の第１の画像と重ならないように前記表示装置に表示させる第２の表示制御手段と、
    前記第２の画像が表示されているときに当該第２の画像に対する操作を受け付けると、当該操作に応じた処理を実行する実行手段と、
    前記第２の画像が表示されている状態でタップ操作を受け付けると、当該第２の画像を非表示にするとともに前記複数の第１の画像の配置が前記所定の配置に復帰する一方、前記第２の画像が表示されている状態でドラッグ操作を受け付けると、当該第２の画像を表示したまま前記複数の第１の画像を含むコンテンツがスクロールするように、前記表示装置に表示させる第３の表示制御手段と
    を有する表示システム。

Images