(57)【特許請求の範囲】
【請求項１】
情報が選択可能な状態で表示される第１レイヤと、当該第１レイヤの上に重ねられ、選択された情報をグルーピングするための透明又は半透明でなる第２レイヤとで構成される画面を表示部に表示させる制御部
を具え、
上記制御部は、
上記第１レイヤに表示させている情報を選択する操作に応じて、選択された情報を縮小し、グループを表すオブジェクトで囲んだ状態で、上記第２レイヤに表示させる
情報処理装置。
【請求項２】
上記制御部は、
タッチ操作による操作入力が可能な操作部を介して、上記第１レイヤに表示させている情報を選択する操作が行われると、選択された情報を縮小し、グループを表すオブジェクトで囲んだ状態で、上記第２レイヤに表示させる
請求項１に記載の情報処理装置。
【請求項３】
上記制御部は、
上記第１レイヤに表示させている情報が所定時間タッチされ続けると、当該情報が選択されたと判別する
請求項２に記載の情報処理装置。
【請求項４】
上記制御部は、
上記第２レイヤに表示させている上記オブジェクト内を起点とするドラッグに応じて、当該オブジェクトを当該オブジェクト内の情報と共に第２レイヤ上で移動させる
請求項３に記載の情報処理装置。
【請求項５】
上記制御部は、
上記第２レイヤに表示させているオブジェクト外を起点とするドラッグに応じて、上記第１レイヤの表示内容のみをスクロールさせる
請求項４に記載の情報処理装置。
【請求項６】
上記制御部は、
ドラッグに応じて、上記第２レイヤに表示させているオブジェクトを移動させ、当該第２レイヤに表示させている他のオブジェクトに少なくとも接触するまで近づけると、当該２つのオブジェクトを結合して、当該２つのオブジェクト内の情報を同一グループに分類する
請求項５に記載の情報処理装置。
【請求項７】
上記制御部は、
上記操作部を介して、上記第２レイヤに表示させているオブジェクトが選択されると、当該オブジェクト内に複数の情報が存在する場合にそれぞれの表示位置を互いに重ならないよう調整する
請求項６に記載の情報処理装置。
【請求項８】
上記制御部は、
上記第２レイヤに所定の命令を対応付けた領域を設け、ドラッグに応じて、上記第２レイヤに表示させているオブジェクトを当該領域内に移動させると、当該オブジェクト内の情報に対して、当該領域に対応付けられている命令に応じた処理を実行する
請求項７に記載の情報処理装置。
【請求項９】
上記制御部は、
上記オブジェクトが選択されている状態で、オブジェクト内の情報を起点とするドラッグが行われると、当該ドラッグに応じて、当該情報を移動させ、当該情報をオブジェクト外まで移動させると、当該情報を当該オブジェクトのグループから外す
請求項７に記載の情報処理装置。
【請求項１０】
制御部が、情報が選択可能な状態で表示される第１レイヤと、当該第１レイヤの上に重ねられ、選択された情報をグルーピングするための透明又は半透明でなる第２レイヤとで構成される画面を表示部に表示させ、上記第１レイヤに表示させている情報を選択する操作に応じて、選択された情報を縮小し、グループを表すオブジェクトで囲んだ状態で、上記第２レイヤに表示させる
情報処理方法。
【請求項１１】
情報処理装置に対し、
制御部が、情報が選択可能な状態で表示される第１レイヤと、当該第１レイヤの上に重ねられ、選択された情報をグルーピングするための透明又は半透明でなる第２レイヤとで構成される画面を表示部に表示させ、上記第１レイヤに表示させている情報を選択する操作に応じて、選択された情報を縮小し、グループを表すオブジェクトで囲んだ状態で、上記第２レイヤに表示させる処理
を実行させるための情報処理プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、情報処理装置、情報処理方法及び情報処理プログラムに関し、例えば、情報処理装置のグラフィカルユーザインタフェース（ＧＵＩ）に適用して好適なものである。
【背景技術】
【０００２】
近年、情報処理装置の多くにＧＵＩが実装されている。例えば、タッチパネルを有する情報処理装置には、タッチパネルでの操作に対応したＧＵＩが実装されている。
【０００３】
具体的に、情報処理装置は、記憶部に記憶されている各ファイルに対応するアイコン（ファイルアイコンとも呼ぶ）を画面に表示させる。そして、この情報処理装置では、ユーザが、画面に表示されたファイルアイコンをタッチすることで、このファイルアイコンに対応するファイルを選択できるようになっている（例えば特許文献１参照）。
【０００４】
またＧＵＩを実装する情報処理装置の多くが、ファイルをフォルダ単位で分類・整理できるようになっている。
【０００５】
具体的に、情報処理装置では、ユーザが、画面に表示されたファイルアイコンに対してコピー操作を行うことで、このファイルアイコンに対応するファイルをコピーできるようになっている。そして、情報処理装置は、ユーザ操作に応じて、フォルダに対応するウインドウ（これをフォルダウインドウとも呼ぶ）を画面に表示させ、このフォルダウインドウに対して貼付操作が行われると、このフォルダに、コピーしたファイルを貼り付ける。
【０００６】
こうすることで、所望のファイルを所望のフォルダにコピーしてグループ化するようなことができる。
【先行技術文献】
【特許文献】
【０００７】
【特許文献１】特開２０１０−２４５５９３公報
【発明の概要】
【発明が解決しようとする課題】
【０００８】
しかしながら、従来の情報処理装置では、ファイルをグループ化するまでの操作（ファイルをコピーする操作、フォルダウインドウを表示させる操作、ファイルを貼り付ける操作）が煩雑だった。
【０００９】
またグループフォルダウインドウを表示させると、このウインドウにより画面の一部が占有され、例えば、このウインドウの裏に表示されているファイルアイコンが見えなくなるなどの弊害が生じる。
【００１０】
このように、従来の情報処理装置では、ファイルを容易にグループ化できるとは言い難かった。
【００１１】
換言すれば、ファイルなどの情報を容易にグループ化できれば、従来と比して一段と使い易くなるものと考えられる。
【００１２】
本発明は以上の点を考慮してなされたもので、情報をグループ化するうえで、従来と比して一段と使い易い情報処理装置、情報処理方法及び情報処理プログラムを提案しようとするものである。
【課題を解決するための手段】
【００１３】
かかる課題を解決するため本発明においては、情報が選択可能な状態で表示される第１レイヤと、当該第１レイヤの上に重ねられ、選択された情報をグルーピングするための透明又は半透明でなる第２レイヤとで構成される画面を表示部に表示させる制御部を設け、制御部は、第１レイヤに表示させている情報を選択する操作に応じて、選択された情報を縮小し、グループを表すオブジェクトで囲んだ状態で、上記第２レイヤに表示させるようにした。
【００１４】
このように、１つの画面を、第１レイヤとその上に重ねた第２レイヤとで構成して、第１レイヤには選択対象の情報を表示させ、この中から選択された情報を、第２レイヤに表示させてグルーピングの対象にした。
【００１５】
こうすることで、選択対象の情報を選択するだけの簡易な操作で、任意の情報をグルーピングの対象にして画面に表示させることができ、また画面全体を利用して、選択対象の情報を表示させることができると共に、グルーピングの対象になった情報のグルーピング作業を行うことができる。この結果、ユーザビリティ（ユーザにとっての使い易さ）を向上させることができる。
【発明の効果】
【００１６】
本発明によれば、選択対象の情報を選択するだけの簡易な操作で、任意の情報をグルーピングの対象にして画面に表示させることができ、また画面全体を利用して、選択対象の情報を表示させることができると共に、グルーピングの対象になった情報のグルーピング作業を行うことができる。この結果、ユーザビリティ（ユーザにとっての使い易さ）を向上させることができ、かくして、ユーザにとってより使い易い情報処理装置、情報処理方法、情報処理プログラムを実現できる。
【図面の簡単な説明】
【００１７】
【図１】実施の形態の概要となる情報処理装置の機能構成を示すブロック図である。
【図２】携帯端末の外観構成を示す略線図である。
【図３】携帯端末のハードウェア構成を示すブロック図である。
【図４】楽曲一覧画面の構成（１）を示す略線図である。
【図５】楽曲一覧画面の構成（２）を示す略線図である。
【図６】バブルの表示（１）の説明にともなう略線図である。
【図７】バブルの表示（２）の説明にともなう略線図である。
【図８】バブルの表示（３）の説明にともなう略線図である。
【図９】バブルの結合の説明にともなう略線図である。
【図１０】バブル（グループ）単位での楽曲ファイルの再生及び削除の説明にともなう略線図である。
【図１１】バブル詳細画面の構成を示す略線図である。
【図１２】バブルの分離の説明にともなう略線図である。
【図１３】操作入力処理手順を示すフローチャートである。
【図１４】選択されたサムネイル画像の他の表示例を示す略線図である。
【発明を実施するための形態】
【００１８】
以下、発明を実施するための最良の形態（以下実施の形態とする）について説明する。尚、説明は以下の順序で行う。
１．実施の形態の概要
２．実施の形態の具体例
３．変形例
【００１９】
＜１．実施の形態の概要＞
まず、実施の形態の概要を説明する。この概要を説明した後、実施の形態の具体例の説明に移り、最後に変形例を説明する。尚、ここで説明する概要は、実施の形態の具体例容と変形例とを含めた内容の概要である。
【００２０】
図１において１は、情報処理装置を示す。この情報処理装置１には、操作部２が設けられている。またこの情報処理装置１には、情報が選択可能な状態で表示される第１レイヤと、当該第１レイヤの上に重ねられ、選択された情報をグルーピングするための透明又は半透明でなる第２レイヤとで構成される画面を表示部３に表示させる制御部４が設けられている。
【００２１】
そしてこの制御部４が、操作部２を介して、第１レイヤに表示させている情報が選択されると、選択された情報を第２レイヤに表示させてグルーピングの対象にするようにした。
【００２２】
こうすることで、選択対象の情報を選択するだけの簡易な操作で、任意の情報をグルーピングの対象にして画面に表示させることができる。また画面全体を利用して、選択対象の情報を表示させることができると共に、グルーピングの対象になった情報のグルーピング作業を行うことができる。
【００２３】
ここで、操作部２を、タッチ操作による操作入力が可能な例えばタッチパネルとする。この場合、制御部４は、例えば、第１レイヤに表示させている情報が所定時間タッチされ続けると、当該情報が選択されたと判別する。
【００２４】
またこのとき、制御部４が、選択された情報を縮小し、グループを表すオブジェクトで囲んだ状態で、第２レイヤに表示させるようにしてもよい。
【００２５】
この場合、制御部４は、例えば、第２レイヤに表示させているオブジェクト内を起点とするドラッグに応じて、当該オブジェクトを当該オブジェクト内の情報と共に第２レイヤ上で移動させる。
【００２６】
また制御部４は、例えば、第２レイヤに表示させているオブジェクト外を起点とするドラッグに応じて、第１レイヤの表示内容のみをスクロールさせる。
【００２７】
さらに制御部４は、ドラッグに応じて、オブジェクトを移動させ、当該第２レイヤに表示させている他のオブジェクトに少なくとも接触するまで近づけると、当該２つのオブジェクトを結合して、当該２つのオブジェクト内の情報を同一グループに分類する。
【００２８】
また制御部４は、例えば、操作部２を介して、第２レイヤに表示させているオブジェクトが選択されると、当該オブジェクト内に複数の情報が存在する場合にそれぞれの表示位置を互いに重ならないよう調整する。
【００２９】
さらに制御部４は、第２レイヤに所定の命令を対応付けた領域を設け、ドラッグに応じて、第２レイヤに表示させているオブジェクトを当該領域内に移動させると、当該オブジェクト内の情報に対して、当該領域に対応付けられている命令に応じた処理を実行する。
【００３０】
さらに制御部４は、オブジェクトが選択されている状態で、オブジェクト内の情報を起点とするドラッグが行われると、当該ドラッグに応じて、当該情報を移動させ、当該情報をオブジェクト外まで移動させると、当該情報を当該オブジェクトのグループから外す。
【００３１】
また一方で、制御部４が、選択された情報をオブジェクトで囲むことなく第２レイヤに表示させるようにしてもよい。
【００３２】
この場合、制御部４は、例えば、第２レイヤに表示させている情報を起点とするドラッグに応じて、情報を第２レイヤ上で移動させる。
【００３３】
また制御部４は、例えば、第２レイヤに表示させている情報を避けた位置を起点とするドラッグに応じて、第１レイヤの表示内容のみをスクロールさせる。
【００３４】
さらに制御部４は、ドラッグに応じて、第２レイヤに表示させている情報を移動させ、当該第２レイヤに表示させている他の情報に少なくとも接触するまで近づけると、当該２つの情報を同じグループに分類する。
【００３５】
さらに制御部４は、ドラッグに応じて、第２レイヤに表示されている、同じグループに分類されている複数の情報のうちの１つを移動させ、同じグループに分類されている他の情報から所定距離以上引き離すと、当該情報を当該グループから外す。
【００３６】
このような構成でなる情報処理装置１の具体例について、以下、詳しく説明する。
【００３７】
＜２．実施の形態の具体例＞
［２−１．携帯端末の外観構成］
次に、本実施の形態の具体例について説明する。まず図２を用いて、上述した情報処理装置１の具体例である携帯端末１００の外観構成について説明する。
【００３８】
携帯端末１００は、片手で把持し得る程度の大きさでなる略扁平矩形状の筐体１０１を有している。
【００３９】
筐体１０１の前面１０１Ａの中央部には、長方形状のタッチスクリーン１０２が設けられている。タッチスクリーン１０２は、液晶パネルと、液晶パネルの表示面を覆う薄型透明のタッチパネルとで構成される。因みに、このタッチパネルは、例えば、静電容量式のタッチパネルである。
【００４０】
携帯端末１００は、このタッチスクリーン１０２に対する、指（静電容量式に対応するタッチペン等でも可）によるタッチ操作を、ユーザによる操作入力として受け付けるようになっている。
【００４１】
さらにこの携帯端末１００の筐体１０１の前面１０１Ａには、タッチスクリーン１０２の近傍に、操作ボタン１０３も設けられている。
【００４２】
尚、この携帯端末１００は、長方形状のタッチスクリーン１０２が縦長となる向き（これを縦向きとも呼ぶ）でも、横長となる向き（これを横向きとも呼ぶ）でも使用できるようになっている。
【００４３】
［２−２．携帯端末のハードウェア構成］
次に図３を用いて、携帯端末１００のハードウェア構成について説明する。この携帯端末１００では、ＣＰＵ１１０が、不揮発性メモリ１１１に格納されているプログラムをＲＡＭ１１２に展開して読み込み、このプログラムに従って各種処理を実行すると共に各部を制御する。尚、ＣＰＵは、Central  Processing  Unitの略、ＲＡＭは、Random  Access  Memoryの略である。
【００４４】
タッチスクリーン１０２は、各種情報を表示する表示デバイスである液晶パネル１０２Ａと、操作入力を受け付ける操作入力デバイスであるタッチパネル１０２Ｂとで構成される。
【００４５】
タッチパネル１０２Ｂは、操作面に対して格子状に配置された複数の静電センサ（図示せず）を有している。これら複数の静電センサの各々は、指等の導体が操作面に近づくことで変化する静電容量に応じて出力値が変化する。
【００４６】
タッチパネル１０２Ｂは、このように変化する各静電センサの出力値と、各静電センサの位置とを、ＣＰＵ１１０に送る。
【００４７】
ＣＰＵ１１０は、これらをもとに、タッチパネル１０２Ｂの操作面上（すなわち液晶パネル１０２Ａの画面上）で、指が接触している領域（これを接触領域とも呼ぶ）を特定する。
【００４８】
そしてＣＰＵ１１０は、接触領域の重心又は中心（すなわち操作面に触れている指の腹の重心又は中心）を、画面上のタッチ位置として認識する。
【００４９】
また、ＣＰＵ１１０は、所定時間ごとに、タッチパネル１０２Ｂから、各静電センサの出力値と位置を取得して、接触領域からタッチ位置を検知することで、タッチ位置の変位を検出する。
【００５０】
そしてＣＰＵ１１０は、この変位をもとに、画面上でタッチ位置がどのように動いたのか（すなわちタッチ位置の軌跡）を認識する。
【００５１】
ＣＰＵ１１０は、このようにして認識したタッチ位置とその軌跡とに基づいて、画面に対してどのようなタッチ操作が行われたのかを特定し、このタッチ操作を操作入力として受け付け、この操作入力に応じた処理を実行する。
【００５２】
尚、ＣＰＵ１１０は、タッチ（触る）、長押し（所定時間以上任意の箇所を触り続ける）、タップ（触って離す）、ダブルタップ（２回連続のタップ）、ドラッグ（なぞる）、フリック（払う）等のタッチ操作を、操作入力として受け付けるようになっている。
【００５３】
また、この携帯端末１００は、複数の指でのタッチ操作（これをマルチタッチ操作とも呼ぶ）が可能なマルチタッチにも対応している。
【００５４】
実際、ＣＰＵ１１０は、接触領域が複数存在する場合に、複数の接触領域のそれぞれからタッチ位置を検知する。そして、ＣＰＵ１１０は、複数のタッチ位置とそれらの軌跡とに基づいて、画面に対してどのようなマルチタッチ操作が行われたかを特定し、このマルチタッチ操作を操作入力として受け付け、この操作入力に応じた処理を実行する。
【００５５】
尚、ＣＰＵ１１０は、ピンチイン（タッチしている２本の指の間隔を狭める）、ピンチアウト（タッチしている２本の指の間隔を広げる）等のマルチタッチ操作を、操作入力として受け付けるようになっている。
【００５６】
さらにＣＰＵ１１０は、操作ボタン１０３に対する押下操作を認識すると、これをユーザによる操作入力として受け付け、この操作入力に応じた処理を実行するようにもなっている。
【００５７】
さらにＣＰＵ１１０は、外部接続インタフェース１１３を介して、ケーブル接続された外部の機器と各種データを送受することで、通信するようにもなっている。
【００５８】
さらにＣＰＵ１１０は、ネットワークインタフェース１１４を介して、ネットワーク接続された外部の機器と各種データを送受することで、通信するようにもなっている。
【００５９】
ここで、例えば、タッチスクリーン１０２に、不揮発性メモリ１１１に画像ファイルとして記憶されている各画像のサムネイル画像が一覧表示されている状態で、ユーザが、所望のサムネイル画像をダブルタップしたとする。
【００６０】
ＣＰＵ１１０は、このタッチ操作を、画像を再生する操作入力として受け付け、不揮発性メモリ１１１から、ダブルタップされたサムネイル画像に対応する画像ファイルを読み出す。
【００６１】
ここで、対応する画像ファイルが静止画像ファイルである場合、ＣＰＵ１１０は、この静止画像ファイルから静止画像データを抽出する。そしてＣＰＵ１１０は、この静止画像データに対して、デコード処理、デジタルアナログ変換処理等の所定の再生処理を施すことで、静止画像信号を得、これをタッチスクリーン１０２の液晶パネル１０２Ａに表示させる。
【００６２】
一方、対応する画像ファイルが動画像ファイルである場合、ＣＰＵ１１０は、この動画像ファイルから動画像データと音声データとを分離する。そしてＣＰＵ１１０は、動画像データに対して、デコード処理、デジタルアナログ変換処理等の所定の再生処理を施すことで、動画像信号を得、これをタッチスクリーン１０２の液晶パネル１０２Ａに表示させる。またＣＰＵ１１０は、音声データに対して、デコード処理、デジタルアナログ変換処理、増幅処理等の所定の再生処理を施すことで、音声信号を得、これをヘッドホン端子（図示せず）から出力する。
【００６３】
このようにして、携帯端末１００は、ユーザに指定された画像を再生するようになっている。
【００６４】
また、例えば、タッチスクリーン１０２に、不揮発性メモリ１１１に楽曲ファイルとして記憶されている各楽曲のジャケット写真のサムネイル画像が一覧表示されている状態で、ユーザが、所望のサムネイル画像をダブルタップしたとする。
【００６５】
ＣＰＵ１１０は、このタッチ操作を、楽曲を再生する操作入力として受け付け、不揮発性メモリ１１１から、ダブルタップされたサムネイル画像に対応する楽曲ファイルを読み出す。
【００６６】
ＣＰＵ１１０は、この楽曲ファイルから音声データを抽出する。そしてＣＰＵ１１０は、この音声データに対して、デコード処理、デジタルアナログ変換処理、増幅処理等所定の再生処理を施すことで、音声信号を得、これをヘッドホン端子（図示せず）から出力する。
【００６７】
このようにして、携帯端末１００は、ユーザに指定された楽曲を再生するようになっている。
【００６８】
またこのときＣＰＵ１１０は、読み出した楽曲ファイルから、ジャケット写真、楽曲のタイトル、アルバムのタイトル、アーティスト名等の関連情報を取得して、これらをタッチスクリーン１０２の液晶パネル１０２Ａに表示させる。
【００６９】
このようにして、携帯端末１００は、ユーザに指定された楽曲を再生するとともに、この楽曲に関する情報を表示するようになっている。
【００７０】
くわえてこの携帯端末１００では、簡易なタッチ操作で、ファイルを選択してグルーピングできるようになっている。以下、ファイルをグルーピングする操作手順について詳しく説明する。
【００７１】
因みに、実施の形態の概要で説明した情報処理装置１の操作部２の具体的なハードウェアの例が上述した携帯端末１００のタッチパネル１０２Ｂである。また情報処理装置１の制御部４の具体的なハードウェアの例が携帯端末１００のＣＰＵ１１０である。さらに情報処理装置１の表示部３の具体的なハードウェアの例が携帯端末１００の液晶パネル１０２Ａである。
【００７２】
［２−３．ファイルのグルーピング］
ここでは、一例として、楽曲ファイルを選択してグルーピングする場合について説明する。楽曲ファイルのグルーピングは、図４に示す楽曲一覧画面２００を介して行うことができるようになっている。
【００７３】
尚、図４に示す楽曲一覧画面２００は、携帯端末１００を縦向きで使用する場合の表示例であり、縦長のタッチスクリーン１０２全体に、縦長の画面として表示される。
【００７４】
この楽曲一覧画面２００は、図５に示すように、レイヤと呼ばれる仮想的なシートを２枚重ねた構成でなり、この２枚のレイヤにより画面垂直方向に仮想的に階層化されている。
【００７５】
このうち、下側のレイヤ（これを第１レイヤとも呼ぶ）２００Ａには、不揮発性メモリ１１１に楽曲ファイルとして記憶されている各楽曲のジャケット写真のサムネイル画像Ｔｐが選択対象として一覧表示されるようになっている。
【００７６】
つまり、この第１レイヤ２００Ａには、楽曲ファイルごとのサムネイル画像Ｔｐが選択対象として表示される。したがって、このサムネイル画像Ｔｐを選択することと、楽曲ファイルを選択することは、同義であり、またサムネイル画像Ｔｐをグルーピングすることと、楽曲ファイルをグルーピングすることも、同義である。
【００７７】
尚、この第１レイヤ２００Ａには、サムネイル画像Ｔｐと共に、各サムネイル画像Ｔｐに対応する楽曲のタイトルやアーティスト名などのテキスト情報Ｔｉを、サムネイル画像Ｔｐの近傍（例えば下方）に表示するようにしてもよい。実際、図５は、第１レイヤ２００Ａに、サムネイル画像Ｔｐと共にテキスト情報Ｔｉが表示されている例である。
【００７８】
一方、上側のレイヤ（これを第２レイヤとも呼ぶ）２００Ｂは、無色透明で、下側の第１レイヤ２００Ａの表示内容（サムネイル画像Ｔｐやテキスト情報Ｔｉ）がそのまま透けて見えるようになっている。
【００７９】
さらに、この第２レイヤ２００Ｂには、詳しくは後述するが、第１レイヤ２００Ａに表示されているサムネイル画像Ｔｐの中から選択されたサムネイル画像Ｔｐが泡状のオブジェクト（これをバブルとも呼ぶ）に包み込まれた状態で表示されるようになっている。ちなみに、図５に示す第２レイヤ２００Ｂは、まだ何も表示されていない状態である。
【００８０】
ＣＰＵ１１０は、このような２枚のレイヤで構成される楽曲一覧画面２００をタッチスクリーン１０２に表示させるようになっている。
【００８１】
実際、この楽曲一覧画面２００は、第１レイヤ２００Ａに楽曲ファイルごとのサムネイル画像Ｔｐがテキスト情報Ｔｉと共に一覧表示され、第２レイヤ２００Ｂには何も表示されていない状態でタッチスクリーン１０２に表示される。
【００８２】
ここで、第１レイヤ２００Ａは、一度に、縦３個×横３個の計９個のサムネイル画像Ｔｐをテキスト画像Ｔｉと共に一覧表示でき、一度に表示できない分は、縦方向へのスクロールにより表示できるようになっている。
【００８３】
具体的に、ＣＰＵ１１０は、楽曲一覧画面２００に対して、画面縦方向へのドラッグが行われると、これに応じて、第１レイヤ２００Ａに表示させているサムネイル画像Ｔｐ及びテキスト情報Ｔｉを画面縦方向にスクロールさせる。
【００８４】
このように、楽曲一覧画面２００では、第１レイヤ２００Ａの表示内容を縦方向にスクロールさせることで、不揮発性メモリ１１１に楽曲ファイルとして記憶されている全ての楽曲のサムネイル画像Ｔｐとテキスト情報Ｔｉを表示できるようになっている。
【００８５】
尚、楽曲一覧画面２００は、２枚のレイヤにより仮想的に階層化されているが、上述したように、上側の第２レイヤ２００Ｂが無色透明で、下側の第１レイヤ２００Ａの表示内容がそのまま透けて見えるようになっている。これにより、この楽曲一覧画面２００では、階層化されていることをユーザに意識させることなく、１階層でなる通常の画面と同様の操作感覚で、タッチ操作できるようになっている。
【００８６】
ここで、図６（Ａ）に示すように、ユーザが、楽曲一覧画面２００の第１レイヤ２００Ａに表示されているサムネイル画像Ｔｐのうちの１つを長押ししたとする。
【００８７】
ＣＰＵ１１０は、このタッチ操作を、サムネイル画像Ｔｐを選択する操作入力として受け付け、長押しされたサムネイル画像Ｔｐが、ユーザにより選択されたサムネイル画像Ｔｐであると認識する。
【００８８】
すると、ＣＰＵ１１０は、選択されたサムネイル画像Ｔｐを所定の縮小率（例えば５０％）で縮小する。そして、ＣＰＵ１１０は、図６（Ｂ）及び図７に示すように、縮小したサムネイル画像（これを縮小サムネイル画像とも呼ぶ）Ｔｐｘを水色半透明のバブルＢｂで包み込んで、第２レイヤ２００Ｂ上の長押しされた位置（又はその近傍）に表示させる。
【００８９】
このように、楽曲一覧画面２００では、第１レイヤ２００Ａからサムネイル画像Ｔｐが選択されると、このサムネイル画像Ｔｐを縮小した縮小サムネイル画像ＴｐｘをバブルＢｂの中に入れて、第２レイヤ２００Ｂに表示させるようになっている。
【００９０】
これにより、どのサムネイル画像Ｔｐを選択したのかを、ユーザに容易に確認させることができる。
【００９１】
また、この楽曲一覧画面２００では、バブルＢｂをドラッグすることで、バブルＢｂを、その中の縮小サムネイル画像Ｔｐｘと共に、任意の位置に移動させることができるようになっている。
【００９２】
尚、上述したように、ドラッグは、第１レイヤ２００Ａのスクロールにも対応している。ゆえに、ＣＰＵ１１０は、ドラッグの開始位置により、バブルＢｂを移動させるドラッグか、第１レイヤ２００Ａをスクロールさせるドラッグかを、判別するようになっている。
【００９３】
すなわち、ＣＰＵ１１０は、バブルＢｂ内を開始位置とするドラッグが行われた場合には、このドラッグを、バブルＢｂを移動させるタッチ操作と認識する。一方で、バブルＢｂ外を開始位置とする縦方向のドラッグが行われた場合には、このドラッグを、第１レイヤ２００Ａの表示内容をスクロールさせるタッチ操作と認識する。
【００９４】
このように、楽曲一覧画面２００では、バブルＢｂの移動と、第１レイヤ２００Ａのスクロールとを、ドラッグの開始位置により、排他的に行うことができるようになっている。
【００９５】
さらに、この楽曲一覧画面２００では、バブルＢｂに包まれた縮小サムネイル画像Ｔｐｘを第２レイヤ２００Ｂに表示したまま、第１レイヤ２００Ａに表示される他のサムネイル画像Ｔｐを選択できるようにもなっている。
【００９６】
具体的に、ＣＰＵ１１０は、バブルＢｂ外を開始位置とする画面縦方向へのドラッグが行われると、これに応じて、第１レイヤ２００Ａの表示内容（サムネイル画像Ｔｐ及びテキスト情報Ｔｉ）を画面縦方向にスクロールさせる。
【００９７】
またこのときＣＰＵ１１０は、第２レイヤ２００Ｂについてはスクロールしない。ゆえに、楽曲一覧画面２００上では、第２レイヤ２００Ｂに表示されている、バブルＢｂに包まれた縮小サムネイル画像Ｔｐｘの位置はそのままに、第１レイヤ２００Ａに表示されているサムネイル画像Ｔｐとテキスト画像Ｔｉのみがスクロールすることになる。
【００９８】
これにより、ユーザは、バブルＢｂに包まれた縮小サムネイル画像Ｔｐｘを見て現在選択しているサムネイル画像Ｔｐを確認しながら、選択対象のサムネイル画像Ｔｐをスクロールさせて、次に選択しようとするサムネイル画像Ｔｐを探すことができる。
【００９９】
そして、ユーザが、第１レイヤ２００Ａから所望のサムネイル画像Ｔｐを見付けて、このサムネイル画像Ｔｐを長押ししたとする。
【０１００】
すると、ＣＰＵ１１０は、長押しされたサムネイル画像Ｔｐを、ユーザにより選択されたサムネイル画像Ｔｐと認識する。
【０１０１】
尚、このとき、第２レイヤ２００ＢにバブルＢｂに包まれた縮小サムネイル画像Ｔｐｘが表示されているままなので、第１レイヤ２００Ａに表示されている所望のサムネイル画像Ｔｐが、縮小サムネイル画像Ｔｐｘの下に隠れて、選択できない状況が起こり得る。
【０１０２】
この場合、バブルＢｂと共にその中の縮小サムネイル画像Ｔｐｘを移動させるか、第１レイヤ２００Ａの表示内容をスクロールさせて、所望のサムネイル画像Ｔｐの位置と、縮小サムネイル画像Ｔｐｘの位置とをずらせばよい。
【０１０３】
ＣＰＵ１１０は、ユーザにより選択されたサムネイル画像Ｔｐを認識すると、このサムネイル画像Ｔｐを縮小した縮小サムネイル画像Ｔｐｘを新たなバブルＢｂで包み込んで、第２レイヤ２００Ｂ上の長押しされた位置（又はその近傍）に表示させる。
【０１０４】
この結果、楽曲一覧画面２００の第２レイヤ２００Ｂには、例えば図８に示すように、２つの縮小サムネイル画像Ｔｐｘ（Ｔｐｘ１とＴｐｘ２）が、それぞれ別々のバブルＢｂ（Ｂｂ１とＢｂ２）に包まれた状態で、表示されることになる。
【０１０５】
このようにして、ＣＰＵ１１０は、第１レイヤ２００Ａからサムネイル画像Ｔｐが選択されるごとに、選択されたサムネイル画像Ｔｐを縮小した縮小サムネイル画像ＴｐｘをバブルＢｂで包み込んで、第２レイヤ２００Ｂに表示していく。
【０１０６】
ここで、この楽曲一覧画面２００では、バブルＢｂの１つ１つがグループを表しており、縮小サムネイル画像Ｔｐｘのそれぞれは、自身を包み込んでいるバブルＢｂによりグルーピングされている。
【０１０７】
例えば、図８に示す楽曲一覧画面２００の場合、バブルＢｂ１内の縮小サムネイル画像Ｔｐｘ１はこのバブルＢｂ１のグループに分類され、バブルＢｂ２内の縮小サムネイル画像Ｔｐｘ２はこのバブルＢｂ２のグループに分類されている。
【０１０８】
さらにこの楽曲一覧画面２００では、複数のバブルＢｂを１つに結合することができ、これにより別々のグループに分類されている複数の縮小サムネイル画像Ｔｐｘを同じグループにまとめることができるようにもなっている。
【０１０９】
具体的に、この楽曲一覧画面２００では、所望のバブルＢｂを、ドラッグにより、結合させたいバブルＢｂに重なる（又は接触する）位置まで移動させることで、これら２つのバブルＢｂを１つに結合できるようになっている。
【０１１０】
ここで実際、図９（Ａ）に示すように、バブルＢｂ１が、その中の縮小サムネイル画像Ｔｐｘ１と共に、縮小サムネイル画像Ｔｐｘ２を包んでいるバブルＢｂ２と重なる（又は接触する）位置まで移動させられ、ドラッグしていた指が離されたとする。
【０１１１】
するとＣＰＵ１１０は、バブルＢｂ１とＢｂ２を結合するタッチ操作が行われたと認識して、２つの縮小サムネイル画像Ｔｐｘ１及びＴｐｘ２を、バブルＢｂ１とバブルＢｂ２とを結合したバブルＢｂ３で包み込む。
【０１１２】
この結果、別々のグループに分類されていた縮小サムネイル画像Ｔｐｘ１とＴｐｘ２が、同じバブルＢｂ３のグループにまとめられたことになる。
【０１１３】
またこのように複数の縮小サムネイル画像Ｔｐｘを包み込んでいるバブルＢｂ３も、ドラッグにより、その中の複数の縮小サムネイル画像Ｔｐｘと共に移動させることができ、他のバブルＢｂに結合させることができるようになっている。
【０１１４】
このようにして、楽曲一覧画面２００では、第２レイヤ２００Ｂに表示されている縮小サムネイル画像Ｔｐｘ（すなわち選択されたサムネイル画像Ｔｐ）をグルーピングできるようになっている。
【０１１５】
さらに、この楽曲一覧画面２００の第２レイヤ２００Ｂには、図８に示すように、バブルＢｂがタッチされている間だけ、下端部に、２つの領域Ａｒ１及びＡｒ２が、横に並べて表示されるようになっている。
【０１１６】
このうち、左側の領域Ａｒ１は、楽曲ファイルを再生する命令が対応付けられている領域であり、右側の領域Ａｒ２は、楽曲ファイルを削除する命令が対応付けられている領域である。よって、ここでは、左側の領域Ａｒ１を再生領域Ａｒ１と呼び、また右側の領域Ａｒ２を削除領域Ａｒ２と呼ぶことにする。
【０１１７】
そしてこの楽曲一覧画面２００では、所望のバブルＢｂを、ドラッグにより、再生領域Ａｒ１内に移動させることで、このバブルＢｂのグループに分類されている縮小サムネイル画像Ｔｐｘに対応する楽曲ファイルを再生できるようになっている。
【０１１８】
ここで実際、例えば、図１０（Ａ）に示すように、バブルＢｂ３が、その中の縮小サムネイル画像Ｔｐｘ１及びＴｐｘ２と共に、再生領域Ａｒ１内に移動させられ、ドラッグしていた指が離されたとする。
【０１１９】
するとＣＰＵ１１０は、バブルＢｂ３のグループに分類されている縮小サムネイル画像Ｔｐｘ１に対応する楽曲ファイルと、縮小サムネイル画像Ｔｐｘ２に対応する楽曲ファイルとを順に再生していく。
【０１２０】
またこの楽曲一覧画面２００では、所望のバブルＢｂを、ドラッグにより、削除領域Ａｒ２内に移動させることで、このバブルＢｂのグループに分類されている縮小サムネイル画像Ｔｐｘに対応する楽曲ファイルを削除できるようになっている。
【０１２１】
ここで実際、例えば、図１０（Ｂ）に示すように、バブルＢｂ３が、その中の縮小サムネイル画像Ｔｐｘ１及びＴｐｘ２と共に、削除領域Ａｒ２内に移動させられ、ドラッグしていた指が離されたとする。
【０１２２】
するとＣＰＵ１１０は、バブルＢｂ３のグループに分類されている縮小サムネイル画像Ｔｐｘ１に対応する楽曲ファイルと、縮小サムネイル画像Ｔｐｘ２に対応する楽曲ファイルとを、不揮発性メモリ１１１から削除する。
【０１２３】
このように、携帯端末１００は、楽曲一覧画面２００上でグルーピングした縮小サムネイル画像Ｔｐｘに対応する楽曲ファイルを、グループ単位で再生したり削除したりできるようになっている。
【０１２４】
さらに、携帯端末１００は、同じグループにまとめた複数の縮小サムネイル画像Ｔｐｘを、別々のグループに分けることができるようにもなっている。
【０１２５】
実際、ユーザが、楽曲一覧画面２００に表示されているバブルＢｂの１つをタップしたとする。
【０１２６】
ＣＰＵ１１０は、このタッチ操作を、バブルＢｂを選択する操作入力として受け付け、タップされたバブルＢｂが、ユーザにより選択されたバブルＢｂであると認識する。
【０１２７】
するとＣＰＵ１１０は、タッチスクリーン１０２の表示を、図１１に示すように、選択されたバブルＢｂの詳細を示すバブル詳細画面２０１に切り換える。
【０１２８】
このバブル詳細画面２０１には、選択されたバブルＢｂと、その中の縮小サムネイル画像Ｔｐｘのみが表示される。
【０１２９】
ここで、バブル詳細画面２０１上での、各サムネイル画像Ｔｐｘの表示位置は、基本的に楽曲一覧画面２００上での表示位置と同じであるが、互いに重ならないよう調整されるようになっている。
【０１３０】
このように、このバブル詳細画面２０１では、バブルＢｂ内の縮小サムネイル画像Ｔｐｘを互いに重ならないよう表示することで、縮小サムネイル画像Ｔｐｘの１つ１つを容易に確認できるようになっている。
【０１３１】
また、このバブル詳細画面２０１では、バブルＢｂ内の縮小サムネイル画像Ｔｐｘの１つ１つを、ドラッグにより、バブルＢｂ内の他の縮小サムネイル画像Ｔｐｘとは独立して移動させることができるようになっている。
【０１３２】
そのうえで、このバブル詳細画面２０１では、所望の縮小サムネイル画像Ｔｐｘを、ドラッグにより、バブルＢｂの外まで移動させることで、この縮小サムネイル画像Ｔｐｘを、別のグループに分けることができるようになっている。
【０１３３】
ここで、実際、例えば図１１に示すように、バブル詳細画面２０１に、４つの縮小サムネイル画像Ｔｐｘ１〜Ｔｐｘ４が、１つのバブルＢｂ４に包み込まれた状態で表示されているとする。
【０１３４】
ここで、例えば、図１２（Ａ）に示すように、縮小サムネイル画像Ｔｐｘ４が、バブルＢｂ４の外まで移動させられ、ドラッグしていた指が離されたとする。
【０１３５】
するとＣＰＵ１１０は、図１２（Ｂ）に示すように、この縮小サムネイル画像Ｔｐｘ４を、バブルＢｂ４とは別の新たなバブルＢｂ５で包み込んで、バブルＢｂ４から分離させる。
【０１３６】
この結果、縮小サムネイル画像Ｔｐｘ４が、他の縮小サムネイル画像Ｔｐｘ１〜Ｔｐｘ３とは別のグループに分けられたことになる。
【０１３７】
その後、このバブル詳細画面２０１上の何も表示されていない箇所がタップされると、ＣＰＵ１１０は、再び、タッチスクリーン１０２の表示を、楽曲一覧画面２００に戻す。
【０１３８】
このとき、ＣＰＵ１１０は、バブル詳細画面２０１でのグループ分けに応じて、楽曲一覧画面２００の表示内容を更新する。
【０１３９】
すなわち、ＣＰＵ１１０は、楽曲一覧画面２００でも、縮小サムネイル画像Ｔｐｘ１〜Ｔｐｘ３とＴｐｘ４の表示位置を離して、それぞれを別々のバブルＢｂ４とＢｂ５で包み込む。
【０１４０】
このようにして、携帯端末１００は、同じグループにまとめた複数の縮小サムネイル画像Ｔｐｘを、別々のグループに分けることができるようになっている。
【０１４１】
尚、ＣＰＵ１１０は、楽曲一覧画面２００の第１レイヤ２００Ａに表示させているサムネイル画像Ｔｐがダブルタップされると、ダブルタップされたサムネイル画像Ｔｐに対応する楽曲ファイルを直ちに再生するようにもなっている。
【０１４２】
ここまで説明したように、携帯端末１００は、第１レイヤ２００Ａの上に透明な第２レイヤ２００Ｂを重ねた構成の楽曲一覧画面２００を、タッチスクリーン１０２に表示させる。
【０１４３】
ここで、携帯端末１００は、２枚のレイヤのうち、下側の第１レイヤ２００Ａには、各ファイルに対応するサムネイル画像Ｔｐを選択対象として表示させる。
【０１４４】
そして、携帯端末１００は、第１レイヤ２００Ａに表示させているサムネイル画像Ｔｐの１つが長押しにより選択されると、選択されたサムネイル画像Ｔｐを、第２レイヤ２００Ｂに表示させることでグルーピングの対象にする。
【０１４５】
このように、携帯端末１００は、サムネイル画像Ｔｐを長押しするだけの簡易な操作で、任意のサムネイル画像Ｔｐを、グルーピングの対象にして楽曲一覧画面２００に表示させることができる。
【０１４６】
また、携帯端末１００は、第１レイヤ２００Ａから選択されたサムネイル画像Ｔｐを、そのまま第２レイヤ２００Ｂに表示させるのではなく、縮小し、さらにグループを表すバブルＢｂに包み込んだ状態で表示させる。
【０１４７】
これにより、携帯端末１００は、選択されグルーピングの対象になったサムネイル画像Ｔｐがどのサムネイル画像Ｔｐであるのかを、容易にユーザに確認させることができる。
【０１４８】
さらに、携帯端末１００は、ドラッグに応じてバブルＢｂをその中の縮小サムネイル画像Ｔｐｘと共に移動させ、バブルＢｂを、他のバブルＢｂと重なる（又は接触する）位置まで移動させたときに、これら２つのバブルＢｂを結合する。
【０１４９】
この結果、別々のバブルＢｂの中に入っていた縮小サムネイル画像Ｔｐｘが、同じバブルＢｂの中に入れられて、同じグループに分類される。つまり、別々のグループに分類されていたサムネイル画像Ｔｐが、同じグループとなる。
【０１５０】
このように、携帯端末１００は、縮小サムネイル画像Ｔｐｘを包み込んでいるバブルＢｂ同士を重ねる（又は接触させる）だけの簡易な操作で、別々のグループに分類されていたサムネイル画像Ｔｐを、同じグループにまとめることができる。
【０１５１】
また携帯端末１００は、楽曲一覧画面２００を構成する下側の第１レイヤ２００Ａに、選択対象となるサムネイル画像Ｔｐを表示させ、上側の第２レイヤ２００Ｂに、第１レイヤ２００Ａから選択されたサムネイル画像Ｔｐをグルーピングの対象として表示させる。
【０１５２】
これにより、携帯端末１００は、画面全体を利用して、選択対象を表示させることができると共に、画面全体を利用して、グルーピング対象を表示させることができるので、ユーザに、効率良くグルーピング作業を行わせることができる。
【０１５３】
さらに、携帯端末１００は、第２レイヤ２００Ｂに表示させているバブルＢｂがタップされると、このバブルＢｂの詳細を示すバブル詳細画面２０１を、タッチスクリーン１０２に表示させる。
【０１５４】
ここで、携帯端末１００は、タップされたバブルＢｂと、その中の縮小サムネイル画像Ｔｐｘのみを、バブル詳細画面２０１に表示させる。
【０１５５】
さらに、携帯端末１００は、ドラッグに応じて縮小サムネイル画像Ｔｐｘを移動させ、縮小サムネイル画像ＴｐｘをバブルＢｂ外まで移動させたときに、この縮小サムネイル画像Ｔｐｘを、新たなバブルＢｂで包み込み、元のバブルＢｂから分離させる。
【０１５６】
この結果、この縮小サムネイル画像Ｔｐｘは、元のグループから外されて、別のグループに分類される。つまり、サムネイル画像Ｔｐが、元のグループから外されて、別のグループに分類される。
【０１５７】
このように、携帯端末１００は、縮小サムネイル画像ＴｐｘをバブルＢｂの外に移動させる簡易な操作で、この縮小サムネイル画像Ｔｐｘに対応するサムネイル画像Ｔｐを、現在のグループから外して、別のグループに分類することができる。
【０１５８】
［２−４．操作入力処理手順］
次に、携帯端末１００が、楽曲一覧画面２００を表示させているときに、タッチ操作による操作入力に応じて実行する具体的な処理の手順（これを操作入力処理手順）について、図１３に示すフローチャートを用いて説明する。
【０１５９】
尚、図１３に示す操作入力処理手順ＲＴ１は、携帯端末１００のＣＰＵ１１０が、不揮発性メモリ１１１に格納されているプログラムにしたがって実行する処理の手順である。
【０１６０】
ＣＰＵ１１０は、楽曲一覧画面２００をタッチスクリーン１０２に表示させると、この操作入力処理手順ＲＴ１を開始して、ステップＳＰ１に移る。
【０１６１】
ステップＳＰ１においてＣＰＵ１１０は、タッチパネル１０２Ｂに対してタッチ操作が行われるのを待ち受ける。そして、タッチ操作が行われることにより、このステップＳＰ１で肯定結果を得ると、ＣＰＵ１１０は、ステップＳＰ２に移る。
【０１６２】
ステップＳＰ２においてＣＰＵ１１０は、このときのタッチ操作がドラッグであるか否かを判別する。
【０１６３】
このステップＳＰ２で否定結果を得ると、ＣＰＵ１１０は、ステップＳＰ３に移る。ステップＳＰ３においてＣＰＵ１１０は、このときのタッチ操作が、第１レイヤ２００Ａに表示させているサムネイル画像Ｔｐに対する長押しであるか否かを判別する。
【０１６４】
このステップＳＰ３で肯定結果を得ると、ＣＰＵ１１０は、ステップＳＰ４に移る。ステップＳＰ４においてＣＰＵ１１０は、長押しされたサムネイル画像Ｔｐがユーザにより選択されたサムネイル画像Ｔｐであると認識する。そしてＣＰＵ１１０は、選択されたサムネイル画像Ｔｐを縮小した縮小サムネイル画像ＴｐｘをバブルＢｂに包み込んだ状態で、第２レイヤ２００Ｂに表示させ、ステップＳＰ１に戻る。
【０１６５】
これに対して、上述のステップＳＰ２で肯定結果を得ると、このことは、このときのタッチ操作がドラッグであることを意味する。このときＣＰＵ１１０は、ステップＳＰ５に移る。
【０１６６】
ステップＳＰ５においてＣＰＵ１１０は、このときのドラッグが、第２レイヤ２００Ｂに表示させているバブルＢｂに対するものであるか否かを判別する。
【０１６７】
このステップＳＰ５で否定結果を得ると、このことは、このときのドラッグが、第１レイヤ２００Ａの表示内容をスクロールさせるためのものであることを意味する。このときＣＰＵ１１０は、ステップＳＰ６に移り、ドラッグに応じて、第１レイヤ２００Ａの表示内容をスクロールさせ、ステップＳＰ１に戻る。
【０１６８】
これに対して、上述のステップＳＰ５で肯定結果を得ると、このことは、このときのドラッグが、第２レイヤ２００Ｂに表示させているバブルＢｂに対するものであることを意味する。このときＣＰＵ１１０はステップＳＰ７に移り、ドラッグに応じてバブルＢｂを移動させ、次のステップＳＰ８に移る。
【０１６９】
ステップＳＰ８においてＣＰＵ１１０は、バブルＢｂを移動させた結果、このバブルＢｂが他のバブルＢｂに重ねられたか（又は接触しているか）否か、すなわちバブルＢｂの移動先が他のバブルＢｂであるか否かを判別する。
【０１７０】
このステップＳＰ８で肯定結果を得ると、ＣＰＵ１１０は、ステップＳＰ９に移り、重ねられた（又は接触している）２つのバブルを結合して、ステップＳＰ１に戻る。
【０１７１】
これに対して、上述のステップＳＰ８で否定結果を得ると、このことはバブルＢｂの移動先が他のバブルＢｂではないことを意味する。このときＣＰＵ１１０は、ステップＳＰ１０に移る。
【０１７２】
ステップＳＰ１０においてＣＰＵ１１０は、バブルＢｂの移動先が、再生領域Ａｒ１内又は削除領域Ａｒ２内であるか否かを判別する。
【０１７３】
このステップＳＰ１０で肯定結果を得ると、ＣＰＵ１１０は、ステップＳＰ１１に移り、バブルＢｂ内の縮小サムネイル画像Ｔｐｘに対応するファイルを再生又は削除して、ステップＳＰ１に戻る。
【０１７４】
これに対して、このステップＳＰ１０で否定結果を得ると、このことは、バブルＢｂの移動先が、他のバブルＢｂや、再生領域Ａｒ１内又は削除領域Ａｒ２内ではないことを意味する。このとき、ＣＰＵ１１０は、ステップＳＰ１に戻る。
【０１７５】
また一方で、上述したステップＳＰ３で否定結果を得ると、このことは、このときのタッチ操作が、ドラッグでも、サムネイル画像Ｔｐの長押しでもないことを意味する。このときＣＰＵ１１０は、ステップＳＰ１２に移る。
【０１７６】
ステップＳＰ１２においてＣＰＵ１１０は、このときのタッチ操作が、第２レイヤ２００Ｂに表示させているバブルＢｂに対するタップであるか否かを判別する。
【０１７７】
このステップＳＰ１２で否定結果を得ると、このことは、このときのタッチ操作が、ドラッグでも、サムネイル画像Ｔｐｘの長押しでも、バブルＢｂのタップでもないことを意味する。このときＣＰＵ１１０は、ステップＳＰ１に戻る。
【０１７８】
これに対して、このステップＳＰ１２で肯定結果を得ると、このことは、このときのタッチ操作が、バブルＢｂに対するタップであることを意味する。このときＣＰＵ１１０は、ステップＳＰ１３に移り、タップされたバブルＢｂの詳細を示すバブル詳細画面２０１をタッチスクリーン１０２に表示させ、この操作入力処理手順ＲＴ１を終了する。
【０１７９】
このような操作入力処理手順ＲＴ１にしたがって、携帯端末１００のＣＰＵ１１０は、楽曲一覧画面２００に対して行われるタッチ操作による操作入力に応じて処理を実行するようになっている。
【０１８０】
［２−５．動作及び効果］
以上の構成において、携帯端末１００のＣＰＵ１１０は、第１レイヤ２００Ａとその上に重ねた透明の第２レイヤ２００Ｂとで構成される楽曲一覧画面２００を、タッチスクリーン１０２に表示させる。
【０１８１】
さらにＣＰＵ１１０は、第１レイヤ２００Ａに、楽曲ファイルごとのサムネイル画像Ｔｐを選択対象として表示させる。
【０１８２】
そしてＣＰＵ１１０は、第１レイヤ２００Ａに表示させているサムネイル画像Ｔｐの１つが長押しされて選択されると、このサムネイル画像Ｔｐを縮小してバブルＢｂで包み込み、第２レイヤ２００Ｂに表示させることでグルーピングの対象にする。
【０１８３】
こうすることで、携帯端末１００は、選択対象のサムネイル画像Ｔｐを長押しするだけの簡易なタッチ操作で、任意のサムネイル画像Ｔｐをグルーピング対象にして楽曲一覧画面２００に表示させることができる。
【０１８４】
また、携帯端末１００は、このように、下側の第１レイヤ２００Ａに、選択対象を表示させ、上側の第２レイヤ２００Ｂに、第１レイヤ２００Ａから選択されたグルーピング対象を表示させるようにした。
【０１８５】
こうすることで、携帯端末１００は、楽曲一覧画面２００の全体に、選択対象を表示させることができると共に、選択されたグルーピング対象を表示させることができるので、ユーザに効率良くグルーピング作業を行わせることができる。
【０１８６】
さらに、携帯端末１００は、上述のように、楽曲一覧画面２００を、選択対象を表示させる第１レイヤ２００Ａと、第１レイヤ２００Ａから選択されたグルーピング対象を表示させる第２レイヤ２００Ｂとに分けている。
【０１８７】
そして、携帯端末１００は、楽曲一覧画面２００に対するドラッグに応じて、第１レイヤ２００Ａの表示内容のみをスクロールさせる。
【０１８８】
こうすることで、ユーザは、選択したグルーピング対象を常に確認しながら、第１レイヤ２００Ａの表示内容をスクロールさせて、所望の選択対象を探すことができる。
【０１８９】
以上の構成によれば、携帯端末１００は、楽曲一覧画面２００の全体に、選択対象を表示させることができると共に、選択されたグルーピング対象を表示させることができるので、効率良くグルーピング作業を行うことができる。かくして、ファイルをグループ化するうえで、ユーザにとってより使い易い携帯端末１００を実現できる。
【０１９０】
＜３．変形例＞
［３−１．変形例１］
尚、上述した実施の形態では、第１レイヤ２００Ａに表示されているサムネイル画像Ｔｐが選択されると、このサムネイル画像Ｔｐを縮小した縮小サムネイル画像Ｔｐｘを、バブルＢｂの中に入れて、第２レイヤ２００Ｂに表示させるようにした。
【０１９１】
これに限らず、縮小サムネイル画像ＴｐｘをバブルＢｂに入れずにそのまま、第２レイヤ２００Ｂに表示させるようにしてもよい。
【０１９２】
さらに例えば、図１４（Ａ）に示すように、縮小サムネイル画像Ｔｐｘを立体的に見えるよう加工して、第１レイヤ２００Ａに表示されているサムネイル画像Ｔｐとは容易に区別できる表示形態で、第２レイヤ２００Ｂに表示させるようにしてもよい。
【０１９３】
これらの場合、例えば、縮小サムネイル画像Ｔｐｘ外を開始位置とするドラッグを行うことで、第１レイヤ２００Ａの表示内容がスクロールされる。また縮小サムネイル画像Ｔｐｘが、ドラッグにより、他の縮小サムネイル画像Ｔｐｘと重なる（又は接触する）位置まで移動させられ、ドラッグしている指が離されると、これら２つの縮小サムネイル画像Ｔｐｘがグルーピングされる。
【０１９４】
このとき、例えば、図１４（Ｂ）に示すように、グルーピングした縮小サムネイル画像Ｔｐｘを重ね合わせて、バブルＢｂと同様の操作が可能な１つのアイコンＩｃとして扱うようにしてもよい。
【０１９５】
この場合、ＣＰＵ１１０は、例えば、アイコンＩｃがタップされると、バブル詳細画面の代わりとなるアイコン詳細画面を表示させる。このアイコン詳細画面では、アイコンＩｃによりグルーピングされている縮小サムネイルＴｐｘが、互いに重ならないようにまとまった状態で表示される。
【０１９６】
そして例えば、所望の縮小サムネイル画像Ｔｐｘを、ドラッグにより他の縮小サムネイル画像Ｔｐｘと所定距離以上離れた位置まで移動させられたら、この縮小サムネイル画像Ｔｐｘを、現在のグループから外すようにしてもよい。
【０１９７】
またこれらに限らず、第１レイヤ２００Ａから選択されたサムネイル画像Ｔｐを、この他種々の表示形態で、第２レイヤ２００Ｂに表示させるようにしてもよい。
【０１９８】
また一方で、第１レイヤ２００Ａからサムネイル画像Ｔｐが選択されたら、このサムネイル画像Ｔｐをそのままもしくは種々の表示形態で、第２レイヤ２００Ｂに表示させると共に、このサムネイル画像Ｔｐを第１レイヤ２００Ａから消去するようにしてもよい。
【０１９９】
［３−２．変形例２］
また、上述した実施の形態では、同じグループに分類されている縮小サムネイル画像Ｔｐｘを、１つのバブルＢｂで包み込むようにした。
【０２００】
これに限らず、同じグループに分類されている縮小サムネイル画像Ｔｐｘを、例えば紐上のオブジェクトで囲むようにしてもよく、要は、同じグループに分類されている縮小サムネイル画像Ｔｐｘが視認できるようになっていればよい。
【０２０１】
またバブルＢｂについても、水色半透明のものに限らず、この他種々の色や透明度でなるバブルＢｂを用いるようにしてもよい。
【０２０２】
［３−３．変形例３］
さらに、上述した実施の形態では、第１レイヤ２００Ａに表示されているサムネイル画像Ｔｐを長押しすることで、このサムネイル画像Ｔｐを選択できるようにした。
【０２０３】
これに限らず、他のタッチ操作（例えばタップ）で、サムネイル画像Ｔｐを選択できるようにしてもよい。
【０２０４】
また、上述した実施の形態とは異なる操作方法で、サムネイル画像Ｔｐの選択からグルーピングまでを行うようにしてもよく、以下に、その操作方法の一例を説明する。
【０２０５】
まず、ユーザが、所望のサムネイル画像Ｔｐを長押しする。するとＣＰＵ１１０は、このサムネイル画像Ｔｐが選択されたと認識して、このサムネイル画像Ｔｐを縮小した縮小サムネイル画像ＴｐｘをバブルＢｂに包み込んで、長押しされた位置（またはその近傍）に表示させる。
【０２０６】
さらに、ユーザが、そのまま指を離さずにタッチスクリーン１０２上を滑らせて、タッチ位置を他のサムネイル画像Ｔｐの上に移動させたとする。するとＣＰＵ１１０は、このタッチ位置の移動に合わせて、バブルＢｂとその中の縮小サムネイル画像Ｔｐｘを、他のサムネイル画像Ｔｐの上に移動させる。
【０２０７】
ここで、ユーザが、指を滑らせるのを止め、所定時間、このサムネイル画像Ｔｐをタッチし続けたとする。すると、ＣＰＵ１１０は、このサムネイル画像Ｔｐが新たに選択されたと認識して、このサムネイル画像Ｔｐを縮小したサムネイル画像Ｔｐｘを、現在第２レイヤ２００Ａに表示させているバブルＢｂの中に入れて表示させる。
【０２０８】
この結果、今回選択されたサムネイル画像Ｔｐが、前回選択されたサムネイル画像Ｔｐと同じグループに入れられたことになる。
【０２０９】
このように、バブルＢｂを、所望のサムネイル画像Ｔｐの上に移動させて、所定時間待ち受ける操作を繰り替えすことにより、一筆書きの要領で、所望のサムネイル画像Ｔｐを順に選択しながらグルーピングしていくようにしてもよい。
【０２１０】
因みに、この場合、バブルＢｂを移動させながら、第１レイヤ２００Ａから所望のサムネイル画像Ｔｐを探すことになる。ゆえに、指を離すことなく、バブルＢｂの移動と、第１レイヤ２００Ａのスクロールとを排他的に行い得るようにすることが望ましい。
【０２１１】
具体的には、例えば、バブルＢｂが、第１レイヤ２００Ａの上端近傍又は下端近傍に位置しているときだけ、第１レイヤ２００Ａを縦方向にスクロールさせるようにすればよい。
【０２１２】
さらに、上述した操作方法とは別の操作方法も考えられる。すなわち、例えば、第２レイヤ２００Ｂに予め空のバブルＢｂを１つ表示させておく。
【０２１３】
そして、第１レイヤ２００Ａからサムネイル画像Ｔｐが選択されるたびに、このサムネイル画像Ｔｐを縮小した縮小サムネイル画像Ｔｐｘを、このバブルＢｂの中に入れていく。
【０２１４】
この操作方法の場合、グループを１つしか扱うことができないが、その分、バブルＢｂを結合する操作を省略することができ、一段と容易にグルーピングすることができる。
【０２１５】
［３−４．変形例４］
さらに上述した実施の形態では、バブル詳細画面２０１上でのみ、バブルＢｂ内の縮小サムネイル画像Ｔｐｘの表示位置を、互いに重ならないよう調整するようにした。
【０２１６】
これに限らず、楽曲一覧画面２００上でも、バブルＢｂ内の縮小サムネイル画像Ｔｐｘの表示位置を、互いに重ならないよう調整するようにしてもよい。
【０２１７】
例えば、バブル詳細画面２０１から、楽曲一覧画面２００に戻ったときに、バブルＢｂ内のサムネイル画像Ｔｐの表示位置を、バブル詳細画面２０１で調整された表示位置と同じ位置にする。
【０２１８】
このようにすれば、楽曲一覧画面２００上でも、バブルＢｂ内の縮小サムネイル画像Ｔｐｘのそれぞれを容易に確認することができる。
【０２１９】
また、楽曲一覧画面２００上で、バブルＢｂを結合するごとに、バブルＢｂ内の縮小サムネイル画像Ｔｐｘの表示位置を調整するなどしてもよい。
【０２２０】
尚、このように、バブル内の縮小サムネイル画像Ｔｐｘの表示位置を調整する場合、バブルＢｂ内の縮小サムネイル画像Ｔｐｘの数によっては、縮小サムネイル画像Ｔｐｘによって、楽曲一覧画面２００のほとんどが占有されてしまうような状況が起こり得る。
【０２２１】
ゆえに、バブルＢｂ内の縮小サムネイル画像Ｔｐｘを互いに重ならないよう表示させる場合と、図１４（Ｃ）に示すように、バブル内の縮小サムネイル画像Ｔｐｘを重ね合わせてできるだけ小さく表示させる場合とを切り換え得るようにすることが望ましい。
【０２２２】
具体的には、例えば、バブルＢｂがダブルタップされるたびに、これら２つの場合を切り換えるようにすればよい。
【０２２３】
［３−５．変形例５］
さらに上述した実施の形態では、バブルＢｂがタップされると、楽曲一覧画面２００に代えて、タップされたバブルＢｂの詳細を示すバブル詳細画面２０１を、タッチスクリーン１０２に表示させるようにした。
【０２２４】
これに限らず、バブルＢｂがタップされたら、第２レイヤ２００Ｂの表示を、バブル詳細画面２０１と同様の表示に変化させるようにしてもよい。
【０２２５】
具体的には、バブルＢｂがタップされたら、第２レイヤ２００Ｂを不透明（もしくは半透明）にすると共に、表示されている他のバブルＢｂとその中の縮小サムネイル画像Ｔｐｘを非表示（もしくはグレー表示）にする。
【０２２６】
そのうえで、タップされたバブルＢｂ内の縮小サムネイル画像Ｔｐｘの表示位置を、互いに重ならないよう調整する。
【０２２７】
さらにこのとき、バブルＢｂ内の縮小サムネイル画像Ｔｐｘの１つ１つを、ドラッグにより、バブルＢｂ内の他の縮小サムネイル画像Ｔｐｘとは独立して移動させることができるようにする。
【０２２８】
そして、バブルＢｂ外がタップされたら、バブル詳細画面２０１から楽曲一覧画面２００へ戻る場合と同じようにして、第２レイヤ２００Ｂの表示を元の表示に戻すようにする。
【０２２９】
こうすることで、第２レイヤ２００Ｂを、バブル詳細画面２０１と同様に機能させることができる。
【０２３０】
［３−６．変形例６］
さらに上述した実施の形態では、バブル詳細画面２０１上で、バブルＢｂ内の縮小サムネイル画像ＴｐｘをバブルＢｂの外まで移動させると、この縮小サムネイル画像Ｔｐｘを新たなバブルＢｂで包み込んで、元のバブルＢｂから分離させるようにした。
【０２３１】
これに限らず、バブルＢｂの外まで移動させられた縮小サムネイル画像Ｔｐｘは、バブル詳細画面２０１から消去すると共に、この縮小サムネイル画像Ｔｐｘに対応するサムネイル画像Ｔｐの選択を解除するようにしてもよい。
【０２３２】
この場合、この縮小サムネイル画像Ｔｐｘは、第２レイヤ２００Ｂからも消去されることになる。
【０２３３】
また、バブル詳細画面２０１に限らず、楽曲一覧画面２００上でも、ピンチアウトに応じて、バブルＢｂを分離できるようにしてもよい。
【０２３４】
この場合、一方の指でバブルＢｂの外まで移動させたい縮小サムネイル画像Ｔｐｘをタッチすると共に、他方の指でバブルＢｂ内の他の位置をタッチした状態で、一方の指を、他方の指から遠ざけるように滑らせて、ピンチアウトを行う。すると、ＣＰＵ１１０は、一方の指でタッチしている縮小サムネイル画像Ｔｐｘを新たなバブルＢｂで包み込んで、元のバブルＢｂから分離させる。
【０２３５】
また、ピンチインにより、バブルＢｂを結合するようにしてもよい。この場合、２本の指でそれぞれ別々のバブルＢｂをタッチした状態で、２本の指を近づけるように滑らせて、ピンチインを行う。すると、ＣＰＵ１１０は、２本の指でそれぞれタッチしている別々のバブルＢｂを結合させる。
【０２３６】
［３−７．変形例７］
さらに上述した実施の形態では、一旦選択したサムネイル画像Ｔｐの選択を解除する方法については説明していない。
【０２３７】
しかしながら、例えば、上述した変形例５のようにすることで、一旦選択したサムネイル画像Ｔｐの選択を解除することができる。
【０２３８】
また例えば、削除領域Ａｒ２の変わりに、選択解除領域を第２レイヤ２００Ｂに表示するようにして、この選択解除領域内にバブルＢｂを移動させることで、このバブルＢｂ内の縮小サムネイル画像Ｔｐｘに対応するサムネイル画像Ｔｐの選択を解除するようにしてもよい。
【０２３９】
また、例えば、バブルＢｂがダブルタップされたら、このバブルＢｂがはじけるようにアニメーション表示させ、このバブルＢｂ内の縮小サムネイル画像Ｔｐｘに対応するサムネイル画像Ｔｐの選択を解除するようにしてもよい。
【０２４０】
さらに、この他種々のタッチ操作で、一旦選択したサムネイル画像Ｔｐの選択を解除するようにしてもよい。
【０２４１】
［３−８．変形例８］
さらに上述した実施の形態では、第２レイヤ２００Ｂに表示されているバブルＢｂがタッチされている間だけ、第２レイヤ２００Ｂに、再生領域Ａｒ１及び削除領域Ａｒ２を表示させるようにした。
【０２４２】
これに限らず、例えば、第２レイヤ２００Ｂには、常に再生領域Ａｒ１と削除領域Ａｒ２とを表示させるようにしてもよく、また所定の条件下でのみ表示させるようにしてもよい。
【０２４３】
また例えば、第２レイヤ２００Ｂに表示されているバブルＢｂがタッチされている間だけ、第２レイヤ２００Ｂの透明度を下げたり、色を無色から灰色などに変更したりするようにしてもよい。
【０２４４】
さらに上述した実施の形態では、第２レイヤ２００Ｂを無色透明としたが、これに限らず、第１レイヤ２００Ａの表示内容が確認できる範囲で、第２レイヤ２００Ｂの色や透明度を変えるようにしてもよい。
【０２４５】
［３−９．変形例９］
さらに上述した実施の形態では、操作デバイスとしてタッチスクリーン１０２を有する携帯端末１００に本発明を適用するようにした。
【０２４６】
これに限らず、この他種々の操作デバイスを有する情報処理装置に本発明を適用するようにしてもよく、また適用することができる。
【０２４７】
また、タッチスクリーン１０２以外の操作デバイスを有する情報処理装置であれば、操作デバイスと表示デバイスとが別々に設けられていてもよいし、外部の表示デバイスと接続されるようになっていてもよい。
【０２４８】
また上述した実施の形態では、第１レイヤ２００Ａに選択対象の情報として楽曲ファイルごとのサムネイル画像Ｔｐを表示させ、このサムネイル画像Ｔｐをグルーピングするようにした。
【０２４９】
これに限らず、この他種々の情報を、選択対象として第１レイヤ２００Ａに表示させ、グルーピングするようにしてもよい。
【０２５０】
尚、上述した実施の形態や、ここまで説明した変形例での操作は、あくまで一例であり、実際には、設計者が適宜決めればよい。
【０２５１】
［３−１０．変形例１０］
さらに上述した実施の形態では、携帯端末１００に、液晶パネル１０２Ａと静電容量式のタッチパネル１０２Ｂとで構成されるタッチスクリーン１０２を設けるようにした。
【０２５２】
これに限らず、タッチスクリーン１０２の代わりに、タッチパネル機能を内蔵する液晶ディスプレイなどを携帯端末１００に設けるようにしてもよい。
【０２５３】
さらに液晶パネル１０２Ａについても、ＥＬ（Electroluminescence  display）ディスプレイなど、この他種々のディスプレイ用いるようにしてもよい。
【０２５４】
［３−１１．変形例１１］
さらに上述した実施の形態では、情報処理装置としての携帯端末１００に、操作部及び表示部としてのタッチスクリーン１０２と、制御部としてのＣＰＵ１１０を設けるようにした。
【０２５５】
本発明はこれに限らず、同様の機能を有するのであれば、上述した携帯端末１００の各機能部（操作部、制御部、表示部）を、他の種々のハードウェアにより構成するようにしてもよい。
【０２５６】
［３−１２．変形例１２］
さらに上述した実施の形態では、各種処理を実行するためのプログラムを、携帯端末１００の不揮発性メモリ１１１に書き込んでおくようにした。
【０２５７】
これに限らず、例えば、携帯端末１００にメモリカードなどの記憶媒体のスロットを設け、ＣＰＵ１１０が、このスロットに差し込まれた記憶媒体からプログラムを読み出して実行するようにしてもよい。またＣＰＵ１１０が、この記憶媒体から読み出したプログラムを、不揮発性メモリ１１１にインストールするようにしてもよい。さらにＣＰＵ１１０が、このプログラムを、ネットワークインタフェース１１４を介して、ネットワーク上の機器からダウンロードして、不揮発性メモリ１１１にインストールするようにしてもよい。
【０２５８】
［３−１３．変形例１３］
さらに、本発明は、上述した実施の形態と変形例とに限定されるものではない。すなわち本発明は、上述した実施の形態と変形例の一部または全部を任意に組み合わせた形態、もしくは一部を抽出した形態にもその適用範囲が及ぶものである。
【産業上の利用可能性】
【０２５９】
本発明は、ＧＵＩを実装している情報処理装置等で広く利用することができる。
【符号の説明】
【０２６０】
１……情報処理装置、２……操作部、３……制御部、４……表示部、１００……携帯端末、１０１……筐体、１０２……タッチスクリーン、１０２Ａ……液晶パネル、１０２Ｂ……タッチパネル、１１０……ＣＰＵ、２００……楽曲一覧画面、２０１……バブル詳細画面、Ｂｂ……バブル、Ｔｐ……サムネイル画像、Ｔｐｘ……縮小サムネイル画像。
【図１】
0005664249.tif 000002
【図２】
0005664249.tif 000003
【図３】
0005664249.tif 000004
【図４】
0005664249.tif 000005
【図５】
0005664249.tif 000006
【図６】
0005664249.tif 000007
【図７】
0005664249.tif 000008
【図８】
0005664249.tif 000009
【図９】
0005664249.tif 000010
【図１０】
0005664249.tif 000011
【図１１】
0005664249.tif 000012
【図１２】
0005664249.tif 000013
【図１３】
0005664249.tif 000014
【図１４】
0005664249.tif 000015