ホーム > 特許ランキング > セイコーエプソン株式会社
知財求人 - 知財ポータルサイト「IP Force」
(19)【発行国】日本国特許庁(JP)
(12)【公報種別】特許公報(B2)
(11)【特許番号】
(24)【登録日】2024-06-24
(45)【発行日】2024-07-02
(54)【発明の名称】画像表示方法、画像表示装置及び表示制御プログラム
(51)【国際特許分類】
G06F 3/0485 20220101AFI20240625BHJP
G06F 3/0488 20220101ALI20240625BHJP
【ＦＩ】
G06F3/0485
G06F3/0488
【請求項の数】
8
(21)【出願番号】P 2020130909
(22)【出願日】2020-07-31
(65)【公開番号】P2022027108
(43)【公開日】2022-02-10
【審査請求日】2023-05-30
(73)【特許権者】
【識別番号】000002369
【氏名又は名称】セイコーエプソン株式会社
(74)【代理人】
【識別番号】100149548
【弁理士】
【氏名又は名称】松沼 泰史
(74)【代理人】
【識別番号】100140774
【弁理士】
【氏名又は名称】大浪 一徳
(74)【代理人】
【識別番号】100114937
【弁理士】
【氏名又は名称】松本 裕幸
(74)【代理人】
【識別番号】100196058
【弁理士】
【氏名又は名称】佐藤 彰雄
(72)【発明者】
【氏名】山田 裕介
【審査官】田中 洋行
(56)【参考文献】
【文献】特開２０１８－０８１６８３（ＪＰ，Ａ）
【文献】特開２００９－２６５９２９（ＪＰ，Ａ）
【文献】特開２０１５－０６９４５４（ＪＰ，Ａ）
【文献】米国特許出願公開第２００９／０３１９９４９（ＵＳ，Ａ１）
【文献】特開２０１７－０７３６４４（ＪＰ，Ａ）
【文献】特開２００５－２２７８２６（ＪＰ，Ａ）
(58)【調査した分野】(Int.Cl.，ＤＢ名)
Ｇ０６Ｆ ３／０１
Ｇ０６Ｆ ３／０４８－３／０４８９５
(57)【特許請求の範囲】
【請求項1】
タッチ入力を受け付ける入力部を有する表示部を備える端末装置の画像表示方法であって、第１画像、前記第１画像に隣り合う第２画像、及び前記第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示し、
前記タッチ入力により、前記第１画像の選択を受け付け、
前記第１画像を前記第２画像と前記第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、前記第２画像と前記第３画像との間に前記第１画像が移動したことを示す第１表示態様の表示を実行し、
前記第１画像を前記第２画像と前記第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、前記第１表示態様とは異なる第２表示態様の表示を実行し、
前記第１表示態様と前記第２表示態様とは、表示するアニメーションの速度または点滅の有無あるいはこれらの両方が異なる、
画像表示方法。
【請求項2】
前記複数の画像を、前記端末装置の画面の第１表示領域に表示し、前記複数の画像よりも大きい拡大画像を第２表示領域に表示する、請求項１に記載の画像表示方法。
【請求項3】
前記拡大画像は、前記第１画像に対応する画像であり、前記第２表示領域に前記拡大画像を表示している状態でユーザーが前記第１画像をタッチすることで前記第１画像の選択が受け付けられたとき、前記第１表示態様及び前記第２表示態様の表示は、前記拡大画像に対して実行する、
請求項２に記載の画像表示方法。
【請求項4】
前記第１表示領域の一部の領域で、前記複数の画像のうちの一部の画像を重ねて表示する、請求項２または請求項３に記載の画像表示方法。
【請求項5】
前記第１表示領域において、選択されている画像に対して、隣の画像が選択された場合と、隣以外の他の画像が選択された場合とで、異なるアニメーションの表示を行い、
前記第１表示領域において、選択されている画像に対して、隣以外の他の画像が選択された場合に、前記第２表示領域において、選択されていた画像に対応する拡大画像が次第に縮小されながら透明度を高めながら前記第２表示領域から消えていき、新たに選択された画像に対応する拡大画像が次第に拡大されながら透明度を低めながら前記第２表示領域に現れるアニメーションの表示を行う、
請求項２から請求項４のいずれか１項に記載の画像表示方法。
【請求項6】
前記複数の画像のうち１の画像の削除指示が受け付けられたとき、前記第１表示態様及び前記第２表示態様とは異なる第３表示態様の表示を実行する、請求項１から請求項５のいずれか１項に記載の画像表示方法。
【請求項7】
タッチ入力を受け付ける入力部を有する表示部と、前記表示部の表示を制御する表示制御部と、を備え、
前記表示制御部は、
第１画像、前記第１画像に隣り合う第２画像、及び前記第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示させ、
前記タッチ入力により、前記第１画像の選択を受け付け、
前記第１画像を前記第２画像と前記第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、前記第２画像と前記第３画像との間に前記第１画像が移動したことを示す第１表示態様の表示を実行させ、
前記第１画像を前記第２画像と前記第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、前記第１表示態様とは異なる第２表示態様の表示を実行させ、
前記第１表示態様と前記第２表示態様とは、表示するアニメーションの速度または点滅の有無あるいはこれらの両方が異なる、
画像表示装置。
【請求項8】
タッチ入力を受け付ける入力部を有する表示部を備える端末装置の表示制御を行うコンピューターで実行される表示制御プログラムであって、第１画像、前記第１画像に隣り合う第２画像、及び前記第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示させ、
前記タッチ入力により、前記第１画像の選択を受け付け、
前記第１画像を前記第２画像と前記第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、前記第２画像と前記第３画像との間に前記第１画像が移動したことを示す第１表示態様の表示を実行させ、
前記第１画像を前記第２画像と前記第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、前記第１表示態様とは異なる第２表示態様の表示を実行させ、
前記第１表示態様と前記第２表示態様とは、表示するアニメーションの速度または点滅の有無あるいはこれらの両方が異なる、
表示制御プログラム。
【発明の詳細な説明】
【技術分野】
【0001】
本開示は、画像表示方法、画像表示装置及び表示制御プログラムに関する。
【背景技術】
【0002】
モバイルの端末装置等では、複数の画像を画面に表示することが行われている。
【0003】
特許文献１に記載された画像プレビュー内のページの並べ替えでは、文書中の複数のサムネイル画像を線形ストリップ表示し、複数のサムネイル画像の中から所定のサムネイル画像を選択したときに選択されたサムネイル画像を強調表示し、選択されたサムネイル画像を移動させることが行われている（特許文献１参照。）。
【先行技術文献】
【特許文献】
【0004】
【文献】特開２０１８－０８１６８３号公報
【発明の概要】
【発明が解決しようとする課題】
【0005】
しかしながら、特許文献１に記載された技術では、選択されたサムネイル画像を文書内で移動させるときに、選択されたサムネイル画像が強調表示されているため、いずれのサムネイル画像が移動させられているのかは判別しやすいが、当該サムネイル画像が文書中のいずれの位置に移動したかを直感的に把握することは困難である場合があった。特に、携帯端末のような画面の小さい端末装置で上記の作業が行われる場合には、サムネイル画像が移動した位置を区別することが非常に困難である場合がある。
【課題を解決するための手段】
【0006】
上記課題を解決するために一態様は、タッチ入力を受け付ける入力部を有する表示部を備える端末装置の画像表示方法であって、第１画像、前記第１画像に隣り合う第２画像、及び前記第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示し、前記タッチ入力により、前記第１画像の選択を受け付け、前記第１画像を前記第２画像と前記第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、前記第２画像と前記第３画像との間に前記第１画像が移動したことを示す第１表示態様の表示を実行し、前記第１画像を前記第２画像と前記第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、前記第１表示態様とは異なる第２表示態様の表示を実行し、前記第１表示態様と前記第２表示態様とは、表示するアニメーションの速度または点滅の有無あるいはこれらの両方が異なる、画像表示方法である。
【0007】
上記課題を解決するために一態様は、タッチ入力を受け付ける入力部を有する表示部と、前記表示部の表示を制御する表示制御部と、を備え、前記表示制御部は、第１画像、前記第１画像に隣り合う第２画像、及び前記第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示させ、前記タッチ入力により、前記第１画像の選択を受け付け、前記第１画像を前記第２画像と前記第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、前記第２画像と前記第３画像との間に前記第１画像が移動したことを示す第１表示態様の表示を実行させ、前記第１画像を前記第２画像と前記第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、前記第１表示態様とは異なる第２表示態様の表示を実行させ、前記第１表示態様と前記第２表示態様とは、表示するアニメーションの速度または点滅の有無あるいはこれらの両方が異なる、画像表示装置である。
【0008】
上記課題を解決するために一態様は、タッチ入力を受け付ける入力部を有する表示部を備える端末装置の表示制御を行うコンピューターで実行される表示制御プログラムであって、第１画像、前記第１画像に隣り合う第２画像、及び前記第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示させ、前記タッチ入力により、前記第１画像の選択を受け付け、前記第１画像を前記第２画像と前記第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、前記第２画像と前記第３画像との間に前記第１画像が移動したことを示す第１表示態様の表示を実行させ、前記第１画像を前記第２画像と前記第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、前記第１表示態様とは異なる第２表示態様の表示を実行させ、前記第１表示態様と前記第２表示態様とは、表示するアニメーションの速度または点滅の有無あるいはこれらの両方が異なる、表示制御プログラムである。
【図面の簡単な説明】
【0009】
【図1】情報処理システムの概略的な構成例を示す図である。
【図2】端末装置の機能ブロックの構成例を示す図である。
【図3】１枚の画像のローカル座標系の一例を示す図である。
【図4】第１表示画面の一例を示す図である。
【図5】サムネイル画像の隣のページへのページ入れ替えを示す図である。
【図6】サムネイル画像の隣以外のページへのページ入れ替えを示す図である。
【図7】第２表示画面における第１アニメーションの画像を模式的に示す図である。
【図8】第３表示画面における第２アニメーションの画像を模式的に示す図である。
【図9】第４表示画面における第３アニメーションの画像を模式的に示す図である。
【発明を実施するための形態】
【0010】
以下、実施形態について、図面を参照して説明する。
【0011】
図１は、実施形態に係る情報処理システム１の概略的な構成例を示す図である。
情報処理システム１は、画像処理装置１１と、モバイルの端末装置１２と、を備える。
画像処理装置１１と、端末装置１２とは、無線により通信を行う。
情報処理システム１は、画像処理装置１１と、モバイルの端末装置１２と、を備える。
画像処理装置１１と、端末装置１２とは、無線により通信を行う。
【0012】
端末装置１２は、タブレット型の端末装置またはスマートフォンなどであり、ユーザーによって持ち運ばれることが可能な携帯型の装置である。
端末装置１２は、タッチ入力機能を有するタッチパネルである表示部１１２を備える。表示部１１２はディスプレイである。端末装置１２は、ユーザーによって操作され、各種の情報を表示部１１２に表示する。
端末装置１２は、画像処理装置１１と通信することで、画像処理装置１１によって行われる画像処理を制御する。
端末装置１２は、タッチ入力機能を有するタッチパネルである表示部１１２を備える。表示部１１２はディスプレイである。端末装置１２は、ユーザーによって操作され、各種の情報を表示部１１２に表示する。
端末装置１２は、画像処理装置１１と通信することで、画像処理装置１１によって行われる画像処理を制御する。
【0013】
画像処理装置１１は、端末装置１２から受信する指示などに基づいて制御され、制御内容にしたがって画像処理を実行する。
画像処理装置１１は、スキャナー機能を有している。画像処理装置１１は、スキャナー機能によって複数の画像を読み取り、読み取った複数の画像のデータを無線により端末装置１２に送信する。画像処理装置１１は、オートドキュメントフィーダー３１を備えて、オートドキュメントフィーダー３１に設置された複数枚の用紙を自動的に搬送して、それぞれの用紙に表された画像を読み取る。当該用紙は、Ａ４あるいはＡ３などのサイズを有する用紙である。複数の用紙の枚数は、任意であってもよく、１００枚などであってもよい。
画像処理装置１１は、スキャナー機能を有している。画像処理装置１１は、スキャナー機能によって複数の画像を読み取り、読み取った複数の画像のデータを無線により端末装置１２に送信する。画像処理装置１１は、オートドキュメントフィーダー３１を備えて、オートドキュメントフィーダー３１に設置された複数枚の用紙を自動的に搬送して、それぞれの用紙に表された画像を読み取る。当該用紙は、Ａ４あるいはＡ３などのサイズを有する用紙である。複数の用紙の枚数は、任意であってもよく、１００枚などであってもよい。
【0014】
端末装置１２は、画像処理装置１１から受信された複数の画像のデータに基づいて、複数の画像を表示部１１２に表示する。
また、端末装置１２は、表示部１１２に表示されている画像について、ユーザーによって行われる操作に応じた指示を入力し、入力した指示に応じた処理を実行する。
ユーザーは、端末装置１２の表示部１１２に表示される画像を見ることで、画像処理装置１１によって処理されている画像を、一覧して確認すること、あるいは、編集することなどが可能である。
また、端末装置１２は、表示部１１２に表示されている画像について、ユーザーによって行われる操作に応じた指示を入力し、入力した指示に応じた処理を実行する。
ユーザーは、端末装置１２の表示部１１２に表示される画像を見ることで、画像処理装置１１によって処理されている画像を、一覧して確認すること、あるいは、編集することなどが可能である。
【0015】
図２は、実施形態に係る端末装置１２の機能ブロックの構成例を示す図である。
端末装置１２は、入力部１１１と、表示部１１２と、記憶部１１３と、通信部１１４と、制御部１１５と、を備える。
制御部１１５は、表示制御部１３１を備える。
入力部１１１と表示部１１２は、タッチ入力機能を有する画面で構成されている。
端末装置１２は、入力部１１１と、表示部１１２と、記憶部１１３と、通信部１１４と、制御部１１５と、を備える。
制御部１１５は、表示制御部１３１を備える。
入力部１１１と表示部１１２は、タッチ入力機能を有する画面で構成されている。
【0016】
入力部１１１は、画面に対してユーザーによって行われるタッチ操作の内容を入力する。入力部１１１は、ユーザーの指、もしくはタッチペンの接触及び移動を検出して、その検出結果に応じた操作の内容を受け付ける。
表示部１１２は、各種の情報を画面に表示する。
記憶部１１３は、各種の情報を記憶する。当該情報は、表示対象となる原画像及び当該原画像に基づいて生成される関連画像などのデータを含む。
記憶部１１３は、ＲＯＭ（Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ）及びＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）などを備えるメモリーである。
通信部１１４は、画像処理装置１１と無線により通信を行う。
通信部１１４は、通信回路、通信ポート、あるいは、通信インターフェイスと呼ばれてもよい。
表示部１１２は、各種の情報を画面に表示する。
記憶部１１３は、各種の情報を記憶する。当該情報は、表示対象となる原画像及び当該原画像に基づいて生成される関連画像などのデータを含む。
記憶部１１３は、ＲＯＭ（Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ）及びＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）などを備えるメモリーである。
通信部１１４は、画像処理装置１１と無線により通信を行う。
通信部１１４は、通信回路、通信ポート、あるいは、通信インターフェイスと呼ばれてもよい。
【0017】
制御部１１５は、各種の処理及び制御を行う。制御部１１５は、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）を備えるコントローラーである。
制御部１１５は、表示制御部１３１を含む。
表示制御部１３１は、各種の情報を表示部１１２に表示する処理を制御する。
制御部１１５は、表示制御部１３１を含む。
表示制御部１３１は、各種の情報を表示部１１２に表示する処理を制御する。
【0018】
制御部１１５のＣＰＵが、記憶部１１３に記憶された制御プログラムを実行することで、各種の処理及び制御を行う。
当該制御プログラムは、表示の制御を行う表示制御プログラムを含む。制御部１１５のＣＰＵが、記憶部１１３に記憶された表示制御プログラムを実行することにより、表示制御部１３１の機能が実現される。
当該表示制御プログラムは、画像処理装置１１に専用のアプリケーションのプログラムであってもよい。端末装置１２は、当該表示制御プログラムを予め記憶部１１３に記憶していてもよく、あるいは、当該表示制御プログラムをダウンロードしてインストールしてもよい。
当該制御プログラムは、表示の制御を行う表示制御プログラムを含む。制御部１１５のＣＰＵが、記憶部１１３に記憶された表示制御プログラムを実行することにより、表示制御部１３１の機能が実現される。
当該表示制御プログラムは、画像処理装置１１に専用のアプリケーションのプログラムであってもよい。端末装置１２は、当該表示制御プログラムを予め記憶部１１３に記憶していてもよく、あるいは、当該表示制御プログラムをダウンロードしてインストールしてもよい。
【0019】
ここで、端末装置１２は、制御部１１５に表示制御部１３１を含む構成としたが、表示の制御を行う表示制御部１３１の機能が制御部１１５とは別に専用の機能部として構成されてもよい。
【0020】
以下、端末装置１２で行われる表示制御について説明する。
通信部１１４は、画像処理装置１１から複数の画像のデータを受信する。
表示制御部１３１は、画像処理装置１１から送信された複数の画像のデータを取得する。これらの画像が原画像であるとして説明する。
これら複数の画像は、並び順にしたがって、連続番号であるページ番号と対応付けられる。当該ページ番号は、端末装置１２で付与されてもよく、あるいは、画像処理装置１１で付与されてもよい。
通信部１１４は、画像処理装置１１から複数の画像のデータを受信する。
表示制御部１３１は、画像処理装置１１から送信された複数の画像のデータを取得する。これらの画像が原画像であるとして説明する。
これら複数の画像は、並び順にしたがって、連続番号であるページ番号と対応付けられる。当該ページ番号は、端末装置１２で付与されてもよく、あるいは、画像処理装置１１で付与されてもよい。
【0021】
表示制御部１３１は、これら複数の画像に対して、それぞれの３次元座標系を設定する。このような３次元座標系をローカル座標系と呼んで説明する。ローカル座標系は３次元直交座標系である。
【0022】
図３は、実施形態に係る１枚の画像２１１のローカル座標系の一例を示す図である。
画像２１１に対して、Ｘ１軸、Ｙ１軸、及び、Ｚ１軸からなるローカル座標系が設定されている。
複数の画像に、それぞれのローカル座標系が設定される。
それぞれの画像に対するローカル座標系の配置は任意であってもよい。
画像２１１に対して、Ｘ１軸、Ｙ１軸、及び、Ｚ１軸からなるローカル座標系が設定されている。
複数の画像に、それぞれのローカル座標系が設定される。
それぞれの画像に対するローカル座標系の配置は任意であってもよい。
【0023】
表示制御部１３１は、複数の画像に、それぞれのローカル座標系を基準として、それぞれの画像の配置を調整する。
表示制御部１３１は、複数の画像に共通な３次元座標系に、これら複数の画像を配置する。このような共通な３次元座標系をグローバル座標系と呼んで説明する。グローバル座標系は３次元直交座標系である。
表示制御部１３１は、複数の画像に共通な３次元座標系に、これら複数の画像を配置する。このような共通な３次元座標系をグローバル座標系と呼んで説明する。グローバル座標系は３次元直交座標系である。
【0024】
表示制御部１３１は、グローバル座標系に複数の画像が配置された全体像を２次元座標系にマッピングし、マッピングされた結果を表示データとする。当該表示データは、ピクセルデータである。このような表示データの各画像をサムネイル画像と呼んで説明し、また、このような２次元座標系を表示座標系と呼んで説明する。表示座標系は２次元直交座標系である。当該表示データの表示領域は、ビューポートと呼ばれる。
ここでは、グローバル座標系に複数の画像が配置されて表示される場合を示したが、グローバル座標系に１枚の画像が配置されて表示されてもよい。
サムネイル画像は、原画像が縮小された画像である。
ここでは、グローバル座標系に複数の画像が配置されて表示される場合を示したが、グローバル座標系に１枚の画像が配置されて表示されてもよい。
サムネイル画像は、原画像が縮小された画像である。
【0025】
図４は、実施形態に係る第１表示画面４０１の一例を示す図である。
図４は、Ｘ軸及びＹ軸からなる表示座標系を示している。
端末装置１２の表示部１１２の画面を正面から見た視点で、Ｘ軸の正方向が右方向であり、Ｘ軸の負方向が左方向であり、Ｙ軸の正方向が上方向であり、Ｙ軸の負方向が下方向である。画面に対する表示座標系の配置は任意であってもよい。
図４は、Ｘ軸及びＹ軸からなる表示座標系を示している。
端末装置１２の表示部１１２の画面を正面から見た視点で、Ｘ軸の正方向が右方向であり、Ｘ軸の負方向が左方向であり、Ｙ軸の正方向が上方向であり、Ｙ軸の負方向が下方向である。画面に対する表示座標系の配置は任意であってもよい。
【0026】
第１表示画面４０１は、端末装置１２の表示部１１２により表示される表示画面の一例である。
第１表示画面４０１の表示領域は、第１表示領域４１１と、第２表示領域４１２と、第３表示領域４５１と、を有する。当該表示領域内の、第３表示領域４５１以外の領域は、第１表示領域４１１と、第２表示領域４１２と、に分割されている。
第１表示画面４０１の表示領域は、第１表示領域４１１と、第２表示領域４１２と、第３表示領域４５１と、を有する。当該表示領域内の、第３表示領域４５１以外の領域は、第１表示領域４１１と、第２表示領域４１２と、に分割されている。
【0027】
表示制御部１３１は、第３表示領域４５１に、無線通信の電波状況、及び、ユーザーによって操作されることが可能な「キャンセル」などの文字情報を表示させる。
表示制御部１３１は、第３表示領域４５１の表示を行わせなくてもよい。
表示制御部１３１は、第３表示領域４５１の表示を行わせなくてもよい。
【0028】
第１表示領域４１１と第２表示領域４１２は、それぞれ、Ｘ軸に平行な辺とＹ軸に平行な辺で示される矩形の領域である。
図４では、第１表示領域４１１及び第２表示領域４１２は、Ｙ軸に平行な辺の幅よりもＸ軸に平行な辺の幅の方が大きく示されているが、これに限らない。
Ｙ軸に対して、第１表示領域４１１はＹ軸の負側に配置されており、第２表示領域４１２はＹ軸の正側に配置されている。Ｘ軸に対して、第１表示領域４１１の辺の幅と第２表示領域４１２の辺の幅とは同じである。第１表示領域４１１のＹ軸の正側の辺と第２表示領域４１２のＹ軸の負側の辺とが重ねて配置されている。これにより、第１表示領域４１１と第２表示領域４１２との全体で、矩形の表示領域が構成されている。
図４の第１表示画面４０１は、第１表示領域４１１と第２表示領域４１２との境界線を境界軸４１３として示している。境界軸４１３は、表示されなくてもよい。
図４では、第１表示領域４１１及び第２表示領域４１２は、Ｙ軸に平行な辺の幅よりもＸ軸に平行な辺の幅の方が大きく示されているが、これに限らない。
Ｙ軸に対して、第１表示領域４１１はＹ軸の負側に配置されており、第２表示領域４１２はＹ軸の正側に配置されている。Ｘ軸に対して、第１表示領域４１１の辺の幅と第２表示領域４１２の辺の幅とは同じである。第１表示領域４１１のＹ軸の正側の辺と第２表示領域４１２のＹ軸の負側の辺とが重ねて配置されている。これにより、第１表示領域４１１と第２表示領域４１２との全体で、矩形の表示領域が構成されている。
図４の第１表示画面４０１は、第１表示領域４１１と第２表示領域４１２との境界線を境界軸４１３として示している。境界軸４１３は、表示されなくてもよい。
【0029】
図４では、第１表示領域４１１に、複数のサムネイル画像３３１が第１軸３２１に沿って並んで表示されている。第１表示領域４１１で、これら複数のサムネイル画像３３１は、Ｘ軸の負側から正側に向かって、ページ番号の昇順に配置されている。
第１軸３２１は、仮想的な軸であり、実際には表示されないが、表示されてもよい。
図４では、第１軸３２１は、Ｘ軸に平行であり、Ｙ軸に平行な方向に対して第１表示領域４１１の中点を通る。
第１軸３２１は、仮想的な軸であり、実際には表示されないが、表示されてもよい。
図４では、第１軸３２１は、Ｘ軸に平行であり、Ｙ軸に平行な方向に対して第１表示領域４１１の中点を通る。
【0030】
図４は、複数のサムネイル画像３３１を、ページ番号の順に第ｉサムネイル画像３３１－ｉとして示している。ここで、ｉは１以上の任意の整数であって、最大値Ｐが複数のサムネイル画像３３１の枚数である。ページに関わらないサムネイル画像を、サムネイル画像３３１と表す。
図４では、第ｉサムネイル画像３３１－ｉは、矩形の画像である。
第ｉサムネイル画像３３１－ｉは、Ｘ軸の幅よりもＹ軸の幅の方が大きく配置されてもよく、あるいは、他の向きで配置されてもよく、配置の向きが変更されてもよい。
図４では、第ｉサムネイル画像３３１－ｉは、矩形の画像である。
第ｉサムネイル画像３３１－ｉは、Ｘ軸の幅よりもＹ軸の幅の方が大きく配置されてもよく、あるいは、他の向きで配置されてもよく、配置の向きが変更されてもよい。
【0031】
表示制御部１３１は、第１表示領域４１１内で、第１軸３２１に沿って、中央に近い第ｋページの第ｋサムネイル画像３３１－ｋは、画像面と表示面との角度が小さく、中央から所定の枚数ｍまで、中央から離れた第ｋ＋ｍサムネイル画像３３１－ｋ＋ｍは、画像面と表示面との角度が第ｋサムネイル画像３３１－ｋより大きく配置する。ここで、ｋは１以上Ｐ以下の整数であり、ｍはｋよりも小さい整数である。画像面と表示面との角度とは、表示面に垂直なＺ軸と第ｉサムネイル画像３３１－ｉのＺ１軸との角度をいう。表示制御部１３１は、第１表示領域４１１内で、第１軸３２１に沿って、中央から当該所定の枚数よりも離れたところでは、サムネイル画像３３１のそれぞれを等間隔で配置し、表示させる。
第１表示領域４１１の、第１軸３２１に沿った中央から最も離れた部分は第１表示領域４１１の左右の辺に相当する。
第１表示領域４１１の、第１軸３２１に沿った中央から最も離れた部分は第１表示領域４１１の左右の辺に相当する。
【0032】
複数のサムネイル画像３３１は、それぞれに対応するページ番号の画像が付与画像として付与されて表示されている。
図４は、第ｉサムネイル画像３３１－ｉのページ番号の画像を、第ｉページ番号画像３４１－ｉとして示している。
図４は、第ｉサムネイル画像３３１－ｉのページ番号の画像を、第ｉページ番号画像３４１－ｉとして示している。
【0033】
図４は、表示制御部１３１が４枚のサムネイル画像３３１を第１表示領域４１１に表示している場合を示し、サムネイル画像３３１を等間隔で表示する部分が無い場合を示している。
図４では、第１軸３２１に沿った第１表示領域４１１の中央付近に、第１ページの第１サムネイル画像３３１－１及び第１ページ番号画像３４１－１が表示されている。また、第１軸３２１に沿った第１表示領域４１１の中央付近よりもＸ軸の正方向に向かって、第１ページよりもページ番号が大きい第２サムネイル画像３３１－２及び第２ページ番号画像３４１－２などがページ番号の昇順に表示されている。同様に、中央付近のページよりもページ番号が小さいページがある場合には、第１軸３２１に沿った第１表示領域４１１の中央付近よりもＸ軸の負方向に向かって、中央付近のページよりもページ番号が小さいページのサムネイル画像３３１などが、ページ番号の降順に表示される。
図４では、第１軸３２１に沿った第１表示領域４１１の中央付近に、第１ページの第１サムネイル画像３３１－１及び第１ページ番号画像３４１－１が表示されている。また、第１軸３２１に沿った第１表示領域４１１の中央付近よりもＸ軸の正方向に向かって、第１ページよりもページ番号が大きい第２サムネイル画像３３１－２及び第２ページ番号画像３４１－２などがページ番号の昇順に表示されている。同様に、中央付近のページよりもページ番号が小さいページがある場合には、第１軸３２１に沿った第１表示領域４１１の中央付近よりもＸ軸の負方向に向かって、中央付近のページよりもページ番号が小さいページのサムネイル画像３３１などが、ページ番号の降順に表示される。
【0034】
表示制御部１３１は、第ｉサムネイル画像３３１－ｉのローカル座標系に対して、第ｉサムネイル画像３３１－ｉの配置に応じて、第ｉページ番号画像３４１－ｉの配置を調整する。表示制御部１３１は、第ｉサムネイル画像３３１－ｉと第ｉページ番号画像３４１－ｉとを含めて、表示座標系に対する表示データを生成する。
【0035】
表示制御部１３１は、第ｉページ番号画像３４１－ｉに対して、Ｙ軸の正側に、第ｉページ番号画像３４１－ｉを配置して、表示させる。
表示制御部１３１は、第ｉページ番号画像３４１－ｉを第１表示領域４１１の内部に収めて配置して表示させる。表示制御部１３１は、第ｉページ番号画像３４１－ｉを第１表示領域４１１のＹ軸の正側の境界線である境界軸４１３から外部に飛び出させない配置にして表示させる。図４では、当該境界線は、Ｘ軸に平行な線である。
表示制御部１３１は、一部または全部の第ｉページ番号画像３４１－ｉを第１表示領域４１１の外側に飛び出させる態様で表示させてもよい。
表示制御部１３１は、第ｉページ番号画像３４１－ｉを第１表示領域４１１の内部に収めて配置して表示させる。表示制御部１３１は、第ｉページ番号画像３４１－ｉを第１表示領域４１１のＹ軸の正側の境界線である境界軸４１３から外部に飛び出させない配置にして表示させる。図４では、当該境界線は、Ｘ軸に平行な線である。
表示制御部１３１は、一部または全部の第ｉページ番号画像３４１－ｉを第１表示領域４１１の外側に飛び出させる態様で表示させてもよい。
【0036】
表示制御部１３１は、ページごとに、第ｉページ番号画像３４１－ｉを表示する濃度を調整する。
濃度を調整することは、透明度を調整することによって実現されてもよく、透明度が低くなると濃度が高くなり、透明度が高くなると濃度が低くなる。
表示制御部１３１は、第ｉサムネイル画像３３１－ｉの表示態様に応じて、第ｉサムネイル画像３３１－ｉに対応する第ｉページ番号画像３４１－ｉの形状、サイズ、姿勢、濃度、配置位置、表示色などの１以上の表示態様を変化させてもよい。
濃度を調整することは、透明度を調整することによって実現されてもよく、透明度が低くなると濃度が高くなり、透明度が高くなると濃度が低くなる。
表示制御部１３１は、第ｉサムネイル画像３３１－ｉの表示態様に応じて、第ｉサムネイル画像３３１－ｉに対応する第ｉページ番号画像３４１－ｉの形状、サイズ、姿勢、濃度、配置位置、表示色などの１以上の表示態様を変化させてもよい。
【0037】
図４では、表示制御部１３１は、第ｉサムネイル画像３３１－ｉに対応する第ｉページ番号画像３４１－ｉを、第ｉサムネイル画像３３１－ｉに対してＹ軸の正側に配置したが、これに限られない。表示制御部１３１は、第ｉサムネイル画像３３１－ｉに対応する第ｉページ番号画像３４１－ｉを、第ｉサムネイル画像３３１－ｉに対して、Ｙ軸の負側、Ｘ軸の正側、あるいは、Ｘ軸の負側に配置してもよい。
図４では、表示制御部１３１は、第ｉサムネイル画像３３１－ｉに対応する第ｉページ番号画像３４１－ｉを、第ｉサムネイル画像３３１－ｉの外部に配置したが、これに限られない。表示制御部１３１は、第ｉサムネイル画像３３１－ｉに対応する第ｉページ番号画像３４１－ｉを、第ｉサムネイル画像３３１－ｉの内部に配置してもよい。
図４では、表示制御部１３１は、第ｉサムネイル画像３３１－ｉに対応する第ｉページ番号画像３４１－ｉを、第ｉサムネイル画像３３１－ｉの外部に配置したが、これに限られない。表示制御部１３１は、第ｉサムネイル画像３３１－ｉに対応する第ｉページ番号画像３４１－ｉを、第ｉサムネイル画像３３１－ｉの内部に配置してもよい。
【0038】
図４では、第１表示領域４１１に表示される複数のサムネイル画像３３１のサイズが同一である場合を示したが、これらのサムネイル画像３３１は異なるサイズの画像を含んでもよい。この場合、表示制御部１３１は、異なるサイズのサムネイル画像３３１を第１表示領域４１１に表示させてもよく、あるいは、Ｘ軸とＹ軸との一方または両方に対してすべてのサムネイル画像３３１の幅を揃える処理を行ってもよい。
【0039】
第１軸３２１は、直線であるが、直線以外の線であってもよい。
第１軸３２１は、Ｘ軸に対して、第１表示領域４１１の中央位置からＸ軸の正側に向かってＹ軸の正側に曲がり、第１表示領域４１１の中央位置からＸ軸の負側に向かってＹ軸の正側に曲がる線が用いられてもよい。第１軸３２１は、Ｘ軸に対して、第１表示領域４１１の中央位置からＸ軸の正側と負側とが中央位置を基準にして対称的な線であってもよい。
第１軸３２１は、Ｘ軸に対して、第１表示領域４１１の中央位置からＸ軸の正側に向かってＹ軸の正側に曲がり、第１表示領域４１１の中央位置からＸ軸の負側に向かってＹ軸の正側に曲がる線が用いられてもよい。第１軸３２１は、Ｘ軸に対して、第１表示領域４１１の中央位置からＸ軸の正側と負側とが中央位置を基準にして対称的な線であってもよい。
【0040】
表示制御部１３１は、第２表示領域４１２に、第１表示領域４１１に表示された複数のサムネイル画像３３１のうち１枚の第ｉサムネイル画像３３１－ｉに対応する画像を表示させる。このような画像を中間画像と呼んで説明する。図４では、第２表示領域４１２に、第４サムネイル画像３３１－４に対応する第４中間画像４３１－４が表示されている。
中間画像４３１は、第ｉ中間画像４３１－ｉに対応する第ｉサムネイル画像３３１－ｉよりも拡大された画像である。中間画像４３１は、原画像と比べて、縮小されていてもよく、同じサイズであってもよく、あるいは、拡大されていてもよい。
中間画像４３１は、第ｉ中間画像４３１－ｉに対応する第ｉサムネイル画像３３１－ｉよりも拡大された画像である。中間画像４３１は、原画像と比べて、縮小されていてもよく、同じサイズであってもよく、あるいは、拡大されていてもよい。
【0041】
第ｉ中間画像４３１－ｉが表示される第ｉサムネイル画像３３１－ｉは、第１表示領域４１１で選択された状態であり、第１軸３２１に沿った第１表示領域４１１の中央付近に配置されているサムネイル画像３３１である。この選択は、第１表示領域４１１あるいは第２表示領域４１２に対するユーザーによる操作によって行われる。
【0042】
図４は、表示制御部１３１が、第ｉページ番号画像３４１－ｉの表示態様を制御する場合を示すが、第ｉページ番号画像３４１－ｉの表示態様を同一としてもよい。
表示制御部１３１は、第ｉページ番号画像３４１－ｉを表示させなくてもよい。
表示制御部１３１は、第ｉページ番号画像３４１－ｉを表示させなくてもよい。
【0043】
表示制御部１３１は、ユーザーが端末装置１２に対して所定の操作を行ったことを検出すると、第２表示領域４１２に表示する画像を変更する制御を行う。
表示制御部１３１は、ユーザーが第２表示領域４１２に表示された中間画像４３１をスワイプする操作を行ったことを検出した場合、中間画像４３１の隣のページの中間画像４３１を第２表示領域４１２に表示させる。
表示制御部１３１の制御により、当該操作がＸ軸の正側から負側に指などを移動させる操作である場合にはページ数が１つ増加したページの中間画像を４３１表示し、当該操作がＸ軸の負側から正側に指などを移動させる操作である場合にはページ数が１つ減少したページの中間画像４３１を表示する。
表示制御部１３１は、ユーザーが第２表示領域４１２に表示された中間画像４３１をスワイプする操作を行ったことを検出した場合、中間画像４３１の隣のページの中間画像４３１を第２表示領域４１２に表示させる。
表示制御部１３１の制御により、当該操作がＸ軸の正側から負側に指などを移動させる操作である場合にはページ数が１つ増加したページの中間画像を４３１表示し、当該操作がＸ軸の負側から正側に指などを移動させる操作である場合にはページ数が１つ減少したページの中間画像４３１を表示する。
【0044】
表示制御部１３１は、ユーザーが第１表示領域４１１に表示された複数のサムネイル画像３３１のうち現在選択されている第ｉサムネイル画像３３１－ｉ以外のサムネイル画像３３１をタッチする操作を行ったことを検出した場合、タッチされたサムネイル画像３３１が現在選択されている状態へ変更し、タッチされたサムネイル画像３３１に対応する中間画像４３１を第２表示領域４１２に表示させる。
【0045】
図４では、表示制御部１３１の制御により、第２表示領域４１２は、削除アイコン５１１を含む所定のアイコン群４７１を表示している。ユーザーの指などによって当該アイコン群４７１のうちの１つのアイコンがタップ等される操作が行われた場合に、表示制御部１３１は、当該操作に応じた指示を受け付ける。表示制御部１３１は、第１表示領域４１１と第２表示領域４１２との一方または両方に、任意のアイコンを表示させてもよい。
表示制御部１３１は、ユーザーの指などによって表示部１１２の所定箇所がタップ等される操作が行われた場合に、表示部１１２に所定のメニューを表示させてもよい。ユーザーの指などによって当該メニューのうちの所定箇所がタップ等される操作が行われた場合に、表示制御部１３１は、当該操作に応じた指示を受け付ける。
表示制御部１３１は、ユーザーの指などによって表示部１１２の所定箇所がタップ等される操作が行われた場合に、表示部１１２に所定のメニューを表示させてもよい。ユーザーの指などによって当該メニューのうちの所定箇所がタップ等される操作が行われた場合に、表示制御部１３１は、当該操作に応じた指示を受け付ける。
【0046】
図５及び図６を参照して、サムネイル画像３３１のページ入れ替えについて説明する。
図５は、実施形態に係るサムネイル画像３３１の隣のページへのページ入れ替えを示す図である。
図５は、図４に示されるのと同様な表示座標を示している。
図５は、実施形態に係るサムネイル画像３３１の隣のページへのページ入れ替えを示す図である。
図５は、図４に示されるのと同様な表示座標を示している。
【0047】
図５は、第１表示領域４１１に表示されている複数のサムネイル画像３３１である第４サムネイル画像３３１－４～第１０サムネイル画像３３１－１０を示している。
図５では、Ｘ軸に対して、第７サムネイル画像３３１－７が中央付近に位置して選択されている。
ユーザーが指などによって、第７サムネイル画像３３１－７をタップして、第７サムネイル画像３３１－７を第８サムネイル画像３３１－８と第９サムネイル画像３３１－９との間に移動させる操作を行った場合について説明する。
図５では、Ｘ軸に対して、第７サムネイル画像３３１－７が中央付近に位置して選択されている。
ユーザーが指などによって、第７サムネイル画像３３１－７をタップして、第７サムネイル画像３３１－７を第８サムネイル画像３３１－８と第９サムネイル画像３３１－９との間に移動させる操作を行った場合について説明する。
【0048】
表示制御部１３１は、当該操作に応じた第１移動指示６１１を受け付ける。表示制御部１３１は、第７サムネイル画像３３１－７を、第８サムネイル画像３３１－８と第９サムネイル画像３３１－９との間に移動させる処理を行う。これにより、第７サムネイル画像３３１－７は第８ページの第８サムネイル画像３３１－８に変更され、第８サムネイル画像３３１－８は第７ページの第７サムネイル画像３３１－７に変更される。
図５に示される第１移動指示６１１は模式的に図示されており、実際には表示されなくてもよい。
図５に示される第１移動指示６１１は模式的に図示されており、実際には表示されなくてもよい。
【0049】
【0050】
図６は、第１表示領域４１１に表示されている複数のサムネイル画像３３１である第４サムネイル画像３３１－４～第１０サムネイル画像３３１－１０を示している。
図６では、Ｘ軸に対して、第７サムネイル画像３３１－７が中央付近に位置して選択されている。
ユーザーが指などによって、第７サムネイル画像３３１－７をタップして、第７サムネイル画像３３１－７を第９サムネイル画像３３１－９と第１０サムネイル画像３３１－１０との間に移動させる操作を行った場合について説明する。
図６では、Ｘ軸に対して、第７サムネイル画像３３１－７が中央付近に位置して選択されている。
ユーザーが指などによって、第７サムネイル画像３３１－７をタップして、第７サムネイル画像３３１－７を第９サムネイル画像３３１－９と第１０サムネイル画像３３１－１０との間に移動させる操作を行った場合について説明する。
【0051】
表示制御部１３１は、当該操作に応じた第２移動指示６２１を受け付ける。表示制御部１３１は、第７サムネイル画像３３１－７を、第９サムネイル画像３３１－９と第１０サムネイル画像３３１－１０との間に移動させる処理を行う。これにより、第７サムネイル画像３３１－７は第９ページの第９サムネイル画像３３１－９に変更され、第８サムネイル画像３３１－８は第７ページの第７サムネイル画像３３１－７に変更され、第９サムネイル画像３３１－９は第８ページの第８サムネイル画像３３１－８に変更される。
図６に示される第２移動指示６２１は模式的に図示されており、実際には表示されなくてもよい。
図６に示される第２移動指示６２１は模式的に図示されており、実際には表示されなくてもよい。
【0052】
ページ入れ替えの操作としては、任意の操作が用いられてもよい。
表示制御部１３１は、入れ替え対象となるページのサムネイル画像３３１がユーザーの指などによって長押しされると、当該サムネイル画像３３１をＸ軸に対して移動することを可能とし、当該サムネイル画像３３１がユーザーの指などによって長押しされた状態でドラッグされる操作がページ入れ替えの操作として用いられてもよい。
表示制御部１３１は、入れ替え対象となるページのサムネイル画像３３１がユーザーの指などによって長押しされると、当該サムネイル画像３３１をＸ軸に対して移動することを可能とし、当該サムネイル画像３３１がユーザーの指などによって長押しされた状態でドラッグされる操作がページ入れ替えの操作として用いられてもよい。
【0053】
表示制御部１３１は、ページ入れ替えが発生した場合には、第２表示領域４１２に表示される中間画像４３１を用いて、所定のアニメーションを第２表示領域４１２に表示させる。
アニメーションは、最初の表示内容と最後の表示内容が定められて、最初の表示内容から最後の表示内容まで所定の時間等間隔で変化させる表示である。
アニメーションは、最初の表示内容と最後の表示内容が定められて、最初の表示内容から最後の表示内容まで所定の時間等間隔で変化させる表示である。
【0054】
表示制御部１３１は、隣のページへのページ入れ替えと、隣以外のページへのページ入れ替えとで、当該所定のアニメーションとして異なるアニメーションを表示させる。
これらのアニメーションとしては、それぞれ、任意のアニメーションが用いられてもよい。
これらのアニメーションとしては、それぞれ、任意のアニメーションが用いられてもよい。
【0055】
表示制御部１３１は、隣のページへのページ入れ替えが発生した場合に、第２表示領域４１２に、図５に示されるような複数の画像を表示した状態から入れ替え対象の画像を入れ替え前の位置から入れ替え後の位置へ移動させるアニメーションの表示の制御を行ってもよい。
同様に、表示制御部１３１は、隣以外のページへのページ入れ替えが発生した場合に、第２表示領域４１２に、図６に示されるような複数の画像を表示した状態から入れ替え対象の画像を入れ替え前の位置から入れ替え後の位置へ移動させるアニメーションの表示の制御を行ってもよい。
表示制御部１３１は、隣のページへのページ入れ替えと、隣以外のページへのページ入れ替えとで、一方のアニメーションを他方のアニメーションよりも高速にすること、あるいは、一方のアニメーションを点滅させて他方のアニメーションを点滅させないこと、あるいは、これらの両方によって、両者のアニメーションを異ならせてもよい。
同様に、表示制御部１３１は、隣以外のページへのページ入れ替えが発生した場合に、第２表示領域４１２に、図６に示されるような複数の画像を表示した状態から入れ替え対象の画像を入れ替え前の位置から入れ替え後の位置へ移動させるアニメーションの表示の制御を行ってもよい。
表示制御部１３１は、隣のページへのページ入れ替えと、隣以外のページへのページ入れ替えとで、一方のアニメーションを他方のアニメーションよりも高速にすること、あるいは、一方のアニメーションを点滅させて他方のアニメーションを点滅させないこと、あるいは、これらの両方によって、両者のアニメーションを異ならせてもよい。
【0056】
他の操作として、表示制御部１３１は、第１表示領域４１１で選択されている第ｘサムネイル画像３３１－ｘ以外の第ｙサムネイル画像３３１－ｙがユーザーの指などによって選択された状態で当該第ｙサムネイル画像３３１－ｙのページ入れ替えの指示を受け付けた場合には、選択されている第ｘサムネイル画像３３１－ｘのページ入れ替えの指示を受け付けた場合と比べて、異なるアニメーションの表示を第２表示領域４１２に行ってもよい。ここで、ｘ、ｙは１以上Ｐ以下の異なる整数である。
第１表示領域４１１に表示された第３ページのサムネイル画像が選択されていて、第３ページの第３中間画像４３１－３が第２表示領域４１２に表示されているときに、ユーザーが第６ページの第６サムネイル画像３３１－６を指などで長押ししてスライドさせることで、ページ入れ替えの操作を行う場合を想定する。この場合、表示制御部１３１は、第２表示領域４１２に、第３ページの第３中間画像４３１－３を消去して第６ページの第６中間画像４３１－６が現れてくるアニメーションを表示してもよい。また、表示制御部１３１は、このようなアニメーションと同様なアニメーションが他の操作においても行われる場合には、例えば、両者のアニメーションの速度などを異ならせてもよい。
第１表示領域４１１に表示された第３ページのサムネイル画像が選択されていて、第３ページの第３中間画像４３１－３が第２表示領域４１２に表示されているときに、ユーザーが第６ページの第６サムネイル画像３３１－６を指などで長押ししてスライドさせることで、ページ入れ替えの操作を行う場合を想定する。この場合、表示制御部１３１は、第２表示領域４１２に、第３ページの第３中間画像４３１－３を消去して第６ページの第６中間画像４３１－６が現れてくるアニメーションを表示してもよい。また、表示制御部１３１は、このようなアニメーションと同様なアニメーションが他の操作においても行われる場合には、例えば、両者のアニメーションの速度などを異ならせてもよい。
【0057】
図４～図６を用いて説明したように、端末装置１２は、タッチ入力を受け付ける入力部１１１を有する表示部１１２を備える。端末装置１２は、複数のサムネイル画像３３１を第１軸３２１に沿って表示する。端末装置１２は、タッチ入力により１つのサムネイル画像３３１が選択されて移動指示を受け付けたとき、隣のページへの移動指示があった場合と、隣以外のページへの移動指示があった場合とで、移動を示す表示の表示態様を異ならせる。
端末装置１２は、第１表示領域４１１に複数のサムネイル画像３３１を表示し、選択されたサムネイル画像３３１に対応する拡大画像である中間画像４３１を第２表示領域４１２に表示する。このような表示状態において、端末装置１２は、選択されたサムネイル画像３３１の移動指示があった場合に、当該中間画像４３１に対して、移動を示す表示を行う。
端末装置１２は、第１表示領域４１１の一部の領域で、複数のサムネイル画像３３１のうちの一部を重ね合わせて表示してもよい。
端末装置１２は、移動を示す表示の表示態様として、アニメーションを用いる。端末装置１２は、隣以外のページへの移動指示があった場合の表示態様として、隣のページへの移動指示があった場合と異なるアニメーションを用いる。
端末装置１２は、第１表示領域４１１に複数のサムネイル画像３３１を表示し、選択されたサムネイル画像３３１に対応する拡大画像である中間画像４３１を第２表示領域４１２に表示する。このような表示状態において、端末装置１２は、選択されたサムネイル画像３３１の移動指示があった場合に、当該中間画像４３１に対して、移動を示す表示を行う。
端末装置１２は、第１表示領域４１１の一部の領域で、複数のサムネイル画像３３１のうちの一部を重ね合わせて表示してもよい。
端末装置１２は、移動を示す表示の表示態様として、アニメーションを用いる。端末装置１２は、隣以外のページへの移動指示があった場合の表示態様として、隣のページへの移動指示があった場合と異なるアニメーションを用いる。
【0058】
さらに、図７～図９を参照して、アニメーションの例を示す。
図７は、実施形態に係る第２表示画面７０１における第１アニメーションの画像を模式的に示す図である。
図７は、図４に示されるのと同様な表示座標系を示している。
図７では、第１表示領域４１１に、第１ａサムネイル画像３３１－１ａ以降の複数のサムネイル画像３３１及び第１ａページ番号画像３４１－１ａ以降の複数のページ番号画像が表示されている。
図７は、実施形態に係る第２表示画面７０１における第１アニメーションの画像を模式的に示す図である。
図７は、図４に示されるのと同様な表示座標系を示している。
図７では、第１表示領域４１１に、第１ａサムネイル画像３３１－１ａ以降の複数のサムネイル画像３３１及び第１ａページ番号画像３４１－１ａ以降の複数のページ番号画像が表示されている。
【0059】
第１アニメーションの表示では、表示制御部１３１は、Ｘ軸に沿って、第１ページの第１ａサムネイル画像３３１－１ａに対応する第１ａ中間画像４３１－１ａをスライドさせて第２表示領域４１２から消すとともに、第１ａ中間画像４３１－１ａの隣のページである第２ページの第２ａサムネイル画像３３１－２ａに対応する第２ａ中間画像４３１－２ａを同じ方向でスライドさせて第２表示領域４１２に表示させている。
図７は、第２表示領域４１２に表示される第１アニメーションの途中の画像の様子を示している。
図７は、第２表示領域４１２に表示される第１アニメーションの途中の画像の様子を示している。
【0060】
第１アニメーションは、ユーザーが第２表示領域４１２に表示された第１ａ中間画像４３１－１ａをスワイプする操作を行った場合に用いられるアニメーションである。
図７では、表示制御部１３１は、ユーザーが第２表示領域４１２に表示された第１ａ中間画像４３１－１ａをＸ軸の負側にスワイプする操作を行ったことを検出した場合に、第１ａ中間画像４３１－１ａ及び第２ａ中間画像４３１－２ａがＸ軸の正側から負側へスライドする第１アニメーションの表示を行う。表示制御部１３１は、当該操作がＸ軸の正側から負側に指などを移動させる操作である場合にはページ数が１つ増加したページの中間画像４３１を新たに表示させる。ただし、現在の中間画像４３１のページが最終ページである場合には、表示制御部１３１は、このような操作を受け付けなくてもよく、異なるアニメーションの表示を行ってもよい。
一方、当該操作がＸ軸の負側から正側に指などを移動させる操作である場合には、表示制御部１３１は、ページ数が１つ減少したページの中間画像４３１を新たに表示する。表示制御部１３１は、現在の中間画像４３１及び新たな中間画像４３１がＸ軸の負側から正側へスライドする第１アニメーションの表示を行う。ただし、現在の中間画像４３１のページが最初のページである場合には、表示制御部１３１は、このような操作を受け付けなくてもよく、異なるアニメーションの表示を行わせてもよい。
図７では、表示制御部１３１は、ユーザーが第２表示領域４１２に表示された第１ａ中間画像４３１－１ａをＸ軸の負側にスワイプする操作を行ったことを検出した場合に、第１ａ中間画像４３１－１ａ及び第２ａ中間画像４３１－２ａがＸ軸の正側から負側へスライドする第１アニメーションの表示を行う。表示制御部１３１は、当該操作がＸ軸の正側から負側に指などを移動させる操作である場合にはページ数が１つ増加したページの中間画像４３１を新たに表示させる。ただし、現在の中間画像４３１のページが最終ページである場合には、表示制御部１３１は、このような操作を受け付けなくてもよく、異なるアニメーションの表示を行ってもよい。
一方、当該操作がＸ軸の負側から正側に指などを移動させる操作である場合には、表示制御部１３１は、ページ数が１つ減少したページの中間画像４３１を新たに表示する。表示制御部１３１は、現在の中間画像４３１及び新たな中間画像４３１がＸ軸の負側から正側へスライドする第１アニメーションの表示を行う。ただし、現在の中間画像４３１のページが最初のページである場合には、表示制御部１３１は、このような操作を受け付けなくてもよく、異なるアニメーションの表示を行わせてもよい。
【0061】
表示制御部１３１は、ユーザーが第１表示領域４１１で選択されている第ｘａサムネイル画像３３１－ｘａの隣の第（ｘ＋１）ａサムネイル画像３３１－（ｘ＋１）ａもしくは第（ｘ－１）ａサムネイル画像３３１－（ｘ－１）ａをタップ等したことを検出した場合にも、スワイプの操作を検出した場合と同様に、第１アニメーションの表示の制御を行う。
【0062】
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、図７に示される第１アニメーションの速度を遅くしたアニメーション、あるいは、図７に示される第１アニメーションの速度を速くしたアニメーションを用いてもよい。
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、図７に示される第１アニメーションを点滅表示させたアニメーションを用いてもよい。
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、第１アニメーションに対して速度と点滅表示との両方を異ならせたアニメーションを用いてもよい。
表示制御部１３１は、第１表示領域４１１内で、複数のサムネイル画像３３１が入れ替え後の並び順となる表示に更新する。
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、図７に示される第１アニメーションを点滅表示させたアニメーションを用いてもよい。
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、第１アニメーションに対して速度と点滅表示との両方を異ならせたアニメーションを用いてもよい。
表示制御部１３１は、第１表示領域４１１内で、複数のサムネイル画像３３１が入れ替え後の並び順となる表示に更新する。
【0063】
表示制御部１３１は、図６に示されるように隣以外のページへのページ入れ替えが発生したときに、当該隣以外のページの方向で隣にあるページが新たに選択された状態とする場合に実行するアニメーションとして、第１アニメーションに対して速度と点滅表示との一方または両方を異ならせたアニメーションを用いてもよい。
表示制御部１３１は、図６に示されるように隣以外のページへのページ入れ替えが発生したときに、事前に選択されていたページを選択された状態とする場合に実行するアニメーションとしては、事前に選択されていたページの移動前の位置と移動後の位置とに挟まれるサムネイル画像３３１に対応する中間画像４３１を第１アニメーションでスライドさせ、最後に、事前に選択されていたページの中間画像４３１を第１アニメーションでスライドさせて第２表示領域４１２に表示するアニメーションを用いてもよい。
表示制御部１３１は、第１表示領域４１１で、複数のサムネイル画像３３１が入れ替え後の並び順となる表示に更新する。
表示制御部１３１は、図６に示されるように隣以外のページへのページ入れ替えが発生したときに、事前に選択されていたページを選択された状態とする場合に実行するアニメーションとしては、事前に選択されていたページの移動前の位置と移動後の位置とに挟まれるサムネイル画像３３１に対応する中間画像４３１を第１アニメーションでスライドさせ、最後に、事前に選択されていたページの中間画像４３１を第１アニメーションでスライドさせて第２表示領域４１２に表示するアニメーションを用いてもよい。
表示制御部１３１は、第１表示領域４１１で、複数のサムネイル画像３３１が入れ替え後の並び順となる表示に更新する。
【0064】
図８は、実施形態に係る第３表示画面８０１における第２アニメーションの画像を模式的に示す図である。
図８は、図４に示される表示座標系と同様な表示座標系を示している。
図８では、第１表示領域４１１に、第１ｂサムネイル画像３３１－１ｂ以降の複数のサムネイル画像３３１及び第１ｂページ番号画像３４１－１ｂ以降の複数のページ番号画像３４１が表示されている。ページに関わらないページ番号画像を、ページ番号画像３４１と表す。ページに関わらない中間画像を、中間画像８２１と表す。
図８は、図４に示される表示座標系と同様な表示座標系を示している。
図８では、第１表示領域４１１に、第１ｂサムネイル画像３３１－１ｂ以降の複数のサムネイル画像３３１及び第１ｂページ番号画像３４１－１ｂ以降の複数のページ番号画像３４１が表示されている。ページに関わらないページ番号画像を、ページ番号画像３４１と表す。ページに関わらない中間画像を、中間画像８２１と表す。
【0065】
第２アニメーションの表示では、表示制御部１３１は、第２表示領域４１２で、第ｘｂ中間画像８２１－ｘｂが次第に縮小し、透明度を高めてＹ軸の正側から負側に消えていき、第ｙｂ中間画像８２１－ｙｂが次第に拡大し、透明度を下げてＹ軸の負側から正側に現れる表示の制御を行う。ユーザーは、第１ｂ中間画像８２１－１ｂが透明度を高めながら小さくなって落ちていき、同時に、第４ｂ中間画像８２１－４ｂが透明度を低めながら大きくなってせり上がる様子を視覚的に把握する。
図８は、第２表示領域４１２に表示される第２アニメーションの途中の画像の様子を示している。
このような第２アニメーションは、クロスフェードのアニメーションである。
透明度が高まることは濃度が低くなることに相当し、透明度が低くなることは濃度が高くなることに相当する。
図８は、第２表示領域４１２に表示される第２アニメーションの途中の画像の様子を示している。
このような第２アニメーションは、クロスフェードのアニメーションである。
透明度が高まることは濃度が低くなることに相当し、透明度が低くなることは濃度が高くなることに相当する。
【0066】
第２アニメーションは、第１表示領域４１１に表示されている複数のサムネイル画像３３１のうち、選択されている第ｉｂサムネイル画像３３１－ｉｂに対して、隣以外の他のサムネイル画像３３１が選択された場合に用いられてもよい。このようなページの移動は、ロングジャンプと呼ばれてもよい。
【0067】
第１ｂサムネイル画像３３１－１ｂが選択されている状態で、第１ｂサムネイル画像３３１－１ｂとは隣り合っていない第４ｂサムネイル画像３３１－４ｂがユーザーの指などによって選択された場合を想定する。表示制御部１３１は、選択されていた第１ｂサムネイル画像３３１－１ｂに対応する第１ｂ中間画像８２１－１ｂが次第に縮小されながら透明度を高めながらＹ軸の正側から負側に消えていき、新たに選択された第４ｂサムネイル画像３３１－４ｂに対応する第４ｂ中間画像８２１－４ｂが次第に拡大されながら透明度を低めながらＹ軸の負側から正側に現れる表示の制御を行う。
【0068】
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、図８に示される第２アニメーションの速度を遅くしたアニメーション、あるいは、図８に示される第２アニメーションの速度を速くしたアニメーションを用いてもよい。
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、図８に示される第１アニメーションを点滅表示させたアニメーションを用いてもよい。
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、第２アニメーションに対して速度と点滅表示との両方を異ならせたアニメーションを用いてもよい。
表示制御部１３１は、元のページに対して、隣のページを新たに選択されたページであるとみなして、第２アニメーションに準じた表示を行う。
表示制御部１３１は、第１表示領域４１１で、複数のサムネイル画像３３１が入れ替え後の並び順となる表示に更新する。
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、図８に示される第１アニメーションを点滅表示させたアニメーションを用いてもよい。
表示制御部１３１は、図５に示されるように隣のページへのページ入れ替えが発生したときに実行するアニメーションとして、第２アニメーションに対して速度と点滅表示との両方を異ならせたアニメーションを用いてもよい。
表示制御部１３１は、元のページに対して、隣のページを新たに選択されたページであるとみなして、第２アニメーションに準じた表示を行う。
表示制御部１３１は、第１表示領域４１１で、複数のサムネイル画像３３１が入れ替え後の並び順となる表示に更新する。
【0069】
表示制御部１３１は、図６に示されるように隣以外のページへのページ入れ替えが発生したときに、当該隣以外のページの方向で隣にあるページが新たに選択された状態とする場合に実行するアニメーションとして、第２アニメーションに対して速度と点滅表示との一方または両方を異ならせたアニメーションを用いてもよい。表示制御部１３１は、元のページに対して、隣のページを新たに選択されたページであるとみなして、第２アニメーションに準じた表示の制御を行う。
表示制御部１３１は、図６に示されるように隣以外のページへのページ入れ替えが発生したときに、事前に選択されていたページを選択された状態とする場合に実行するアニメーションとしては、事前に選択されていたページの移動前の位置と移動後の位置とに挟まれるサムネイル画像３３１に対応する中間画像４３１が次第に縮小し、透明度を高めてＹ軸の正側から負側に消え、事前に選択されていたサムネイル画像３３１に対応する中間画像４３１が次第に拡大し、透明度を下げてＹ軸の負側から正側に現れる表示を用いてもよい。ページに関わらない中間画像を、中間画像４３１と表す。
表示制御部１３１は、第１表示領域４１１で、複数のサムネイル画像３３１が入れ替え後の並び順となる表示に更新する。
表示制御部１３１は、図６に示されるように隣以外のページへのページ入れ替えが発生したときに、事前に選択されていたページを選択された状態とする場合に実行するアニメーションとしては、事前に選択されていたページの移動前の位置と移動後の位置とに挟まれるサムネイル画像３３１に対応する中間画像４３１が次第に縮小し、透明度を高めてＹ軸の正側から負側に消え、事前に選択されていたサムネイル画像３３１に対応する中間画像４３１が次第に拡大し、透明度を下げてＹ軸の負側から正側に現れる表示を用いてもよい。ページに関わらない中間画像を、中間画像４３１と表す。
表示制御部１３１は、第１表示領域４１１で、複数のサムネイル画像３３１が入れ替え後の並び順となる表示に更新する。
【0070】
表示制御部１３１は、第１表示領域４１１で選択されているサムネイル画像３３１以外のサムネイル画像３３１がユーザーの指などによって選択された状態で当該サムネイル画像３３１のページ入れ替えの指示を受け付けた場合には、第２アニメーションに対して速度と点滅表示との一方または両方を異ならせたアニメーションを用いてもよい。当該アニメーションは、ロングジャンプのときに用いられる第２アニメーションの速度をより遅くしたアニメーションであってもよい。
【0071】
図９は、実施形態に係る第４表示画面９０１における第３アニメーションの画像を模式的に示す図である。
図９には、説明の便宜上、図４に示されるのと同様な表示座標系を示してある。
図９の例では、第１表示領域４１１に、第１ｃサムネイル画像３３１－１ｃ以降の複数のサムネイル画像３３１及び第１ｃページ番号画像３４１－１ｃ以降の複数のページ番号画像が表示されている。
図９には、説明の便宜上、図４に示されるのと同様な表示座標系を示してある。
図９の例では、第１表示領域４１１に、第１ｃサムネイル画像３３１－１ｃ以降の複数のサムネイル画像３３１及び第１ｃページ番号画像３４１－１ｃ以降の複数のページ番号画像が表示されている。
【0072】
第３アニメーションの表示では、表示制御部１３１は、第２表示領域４１２で、中間画像９２１が第２表示領域４１２の外に向かって消えていく表示の制御を行う。ページに関わらない中間画像を、中間画像９２１と表す。
図９は、第２表示領域４１２に表示される第３アニメーションの途中の画像の様子を示している。
図９は、第２表示領域４１２に表示される第３アニメーションの途中の画像の様子を示している。
【0073】
第３アニメーションは、第１表示領域４１１に表示されている複数のサムネイル画像３３１のうち、選択されているサムネイル画像３３１に対して、削除の指示が受け付けられたときに用いられる。
選択されている第４ｃサムネイル画像３３１－４ｃを削除する操作がユーザーの指などによって行われた場合を想定する。表示制御部１３１は、選択されている第４ｃサムネイル画像３３１－４ｃに対応する第４ｃ中間画像９２１－４ｃを回転させながら次第に透明度を高めてＹ軸の正側に消えていく表示の制御を行う。ユーザーは、第２表示領域４１２に表示されていた第４ｃ中間画像９２１－４ｃが回転しながら左上などに消えていく様子を視覚的に把握する。
選択されている第４ｃサムネイル画像３３１－４ｃを削除する操作がユーザーの指などによって行われた場合を想定する。表示制御部１３１は、選択されている第４ｃサムネイル画像３３１－４ｃに対応する第４ｃ中間画像９２１－４ｃを回転させながら次第に透明度を高めてＹ軸の正側に消えていく表示の制御を行う。ユーザーは、第２表示領域４１２に表示されていた第４ｃ中間画像９２１－４ｃが回転しながら左上などに消えていく様子を視覚的に把握する。
【0074】
第３アニメーションでは、表示制御部１３１は、削除された第ｉｃサムネイル画像３３１－ｉｃの次に選択されるサムネイル画像３３１に対応する中間画像９２１が、Ｘ軸に対して、第２表示領域４１２の外から中にスライドしてくる表示の制御を行ってもよい。スライドの方向は、例えば、削除されたページよりも１つページ数が大きいページが新たに選択される場合にはＸ軸の正側から負側へのスライドの方向であり、削除されたページよりも１つページ数が小さいページが新たに選択される場合にはＸ軸の負側から正側へのスライドの方向である。
【0075】
表示制御部１３１は、第２表示領域４１２に表示されている中間画像９２１のページの削除が発生した場合には、当該ページに対して１つ次のページを選択された状態として、当該ページに対応する中間画像９２１を第２表示領域４１２に表示させる。また、表示制御部１３１は、当該ページに対応するサムネイル画像３３１を第１表示領域４１１で選択された状態とする。
表示制御部１３１は、複数のページのうちの最終ページが削除された場合には、当該ページに対して１つ前のページを選択された状態として、当該ページに対応する中間画像９２１を第２表示領域４１２に表示する。また、表示制御部１３１は、当該ページに対応するサムネイル画像３３１を第１表示領域４１１で選択された状態とする。
表示制御部１３１は、複数のページのうちの最終ページが削除された場合には、当該ページに対して１つ前のページを選択された状態として、当該ページに対応する中間画像９２１を第２表示領域４１２に表示する。また、表示制御部１３１は、当該ページに対応するサムネイル画像３３１を第１表示領域４１１で選択された状態とする。
【0076】
全部で５ページのサムネイル画像３３１及び中間画像９２１があって、第３ページが削除された場合、表示制御部１３１は、第４ページが選択された状態とする。
全部で５ページのサムネイル画像３３１及び中間画像９２１があって、第５ページが削除された場合、第６ページ以降は存在しないため、表示制御部１３１は、第４ページを選択された状態とする。
このように、表示制御部１３１は、最終ページが削除されたとき、１つ前のページが新たに選択される状態とする。
全部で５ページのサムネイル画像３３１及び中間画像９２１があって、第５ページが削除された場合、第６ページ以降は存在しないため、表示制御部１３１は、第４ページを選択された状態とする。
このように、表示制御部１３１は、最終ページが削除されたとき、１つ前のページが新たに選択される状態とする。
【0077】
ユーザーによってページを削除する操作としては、任意の操作が用いられてもよい。
ページを削除する操作として、削除対象のページのサムネイル画像３３１が選択された状態で、削除アイコン５１１がユーザーの指などによってタップ等される操作が用いられる。
ページを削除する操作が発生したとき、表示制御部１３１は、当該ページを削除してもよいか否かをユーザーに確認させるメッセージを表示させてもよく、ユーザーが当該ページを削除してもよいことを指示する操作を行ったことに応じて、当該ページの削除を行う。
ページを削除する操作として、削除対象のページのサムネイル画像３３１が選択された状態で、削除アイコン５１１がユーザーの指などによってタップ等される操作が用いられる。
ページを削除する操作が発生したとき、表示制御部１３１は、当該ページを削除してもよいか否かをユーザーに確認させるメッセージを表示させてもよく、ユーザーが当該ページを削除してもよいことを指示する操作を行ったことに応じて、当該ページの削除を行う。
【0078】
図９を用いて説明したように、端末装置１２は、複数のサムネイル画像３３１のうち１つのサムネイル画像３３１の削除指示を受け付けたとき、ページの移動指示があった場合の表示態様とは異なる表示態様の表示を実行する。
【0079】
以上のように、本実施形態に係る情報処理システム１における端末装置１２は、ユーザーの操作に応じて行う複数の動作について、それぞれの動作が行われるときに実行する表示の表示態様を異ならせる。これにより、端末装置１２では、ユーザーによって指示されたページ操作を表示態様によってフィードバックして提示することができる。
【0080】
本実施形態では、端末装置１２は、当該表示態様として、アニメーションが用いられる。
したがって、端末装置１２は、どのような動作が行われたのかを、アニメーションによって、ユーザーに通知することが可能である。ユーザーは、当該ユーザーが行った操作に応じた動作時に表示されるべきアニメーションとは異なるアニメーションを見たときに、誤操作をしたことに気付くことができる。
したがって、端末装置１２は、どのような動作が行われたのかを、アニメーションによって、ユーザーに通知することが可能である。ユーザーは、当該ユーザーが行った操作に応じた動作時に表示されるべきアニメーションとは異なるアニメーションを見たときに、誤操作をしたことに気付くことができる。
【0081】
本実施形態では、端末装置１２は、仮想軸である第１軸３２１に沿って表示された複数のサムネイル画像３３１のうち、選択されたサムネイル画像３３１を移動させるページ入れ替えが行われるとき、選択されたサムネイル画像３３１の移動先の位置によって、表示態様としてアニメーションを異ならせる。
したがって、端末装置１２は、複数のサムネイル画像３３１の中で選択されたサムネイル画像３３１が、これら複数のサムネイル画像３３１の中の他の位置に移動させられるときに、移動先の位置の区分に応じて、表示態様としてアニメーションを異ならせることで、ユーザーにとって、直感的に移動先の位置を把握することが可能となる。
移動先の位置の区分としては、移動先の位置が移動前の位置の隣であるか否かの区分が用いられてもよい。
したがって、端末装置１２は、複数のサムネイル画像３３１の中で選択されたサムネイル画像３３１が、これら複数のサムネイル画像３３１の中の他の位置に移動させられるときに、移動先の位置の区分に応じて、表示態様としてアニメーションを異ならせることで、ユーザーにとって、直感的に移動先の位置を把握することが可能となる。
移動先の位置の区分としては、移動先の位置が移動前の位置の隣であるか否かの区分が用いられてもよい。
【0082】
端末装置１２は、仮想軸である第１軸３２１に沿って表示された複数のサムネイル画像３３１のうち、選択されているサムネイル画像３３１以外のサムネイル画像３３１を新たに選択するページ移動が行われるとき、先に選択されていたページと後に選択されるページとの位置関係によって、表示態様としてアニメーションを異ならせる。
したがって、端末装置１２は、複数のサムネイル画像３３１の中で選択されているサムネイル画像３３１とは別のサムネイル画像３３１が選択されるときに、これらのサムネイル画像３３１の位置関係の区分に応じて、表示態様としてアニメーションを異ならせることで、ユーザーにとって、直感的にページ移動の先の位置を把握することが可能となる。
位置関係の区分としては、隣の位置であるか否かの区分が用いられてもよい。
ユーザーは、複数のサムネイル画像３３１をページの昇順または降順に１つずつタップ等することで、１ページごとにページを移動させるときに、ロングジャンプに対応したアニメーションが見られた場合、２ページ以上の移動をさせる誤操作をしたことに気付くことができる。
したがって、端末装置１２は、複数のサムネイル画像３３１の中で選択されているサムネイル画像３３１とは別のサムネイル画像３３１が選択されるときに、これらのサムネイル画像３３１の位置関係の区分に応じて、表示態様としてアニメーションを異ならせることで、ユーザーにとって、直感的にページ移動の先の位置を把握することが可能となる。
位置関係の区分としては、隣の位置であるか否かの区分が用いられてもよい。
ユーザーは、複数のサムネイル画像３３１をページの昇順または降順に１つずつタップ等することで、１ページごとにページを移動させるときに、ロングジャンプに対応したアニメーションが見られた場合、２ページ以上の移動をさせる誤操作をしたことに気付くことができる。
【0083】
端末装置１２は、ページ削除の操作について、固有のアニメーションの表示を行うことで、ページ削除の操作が行われたことをユーザーにフィードバックして提示することができる。
【0084】
ユーザーがサムネイル画像３３１をタップ等してページ切り替え等を指示したときに、ページ切り替え等の先が隣接ページであっても隣接以外の遠くのページであっても、全くアニメーションがない場合、または、同一のアニメーションが発生する場合には、ユーザーにとって誤操作に気付くことが難しくなる場合がある。
ユーザーが、第１表示領域４１１の表示を用いてスキャン結果の確認を行う作業では、Ｘ軸に対して中央付近に選択されているページのサムネイル画像３３１が配置されている状態で、当該サムネイル画像３３１よりもＸ軸の正側または負側にある他のサムネイル画像３３１をタップすると、タップされたサムネイル画像３３１が当該中央付近に移動し、第２表示領域４１２には当該サムネイル画像３３１に対応する中間画像４３１が表示される。ユーザーは、当該中央付近のサムネイル画像３３１に対して１つ隣のサムネイル画像３３１をタップし続けることで、１ページずつのページ移動を行うことができる。
しかしながら、第１表示領域４１１の各サムネイル画像３３１の表示の状況によっては、当該中央付近のサムネイル画像３３１に対する隣接ページのサムネイル画像３３１が同じ位置に配置されるとは限らない場合がある。当該隣接ページのサムネイル画像３３１の表示幅が正対されるときの幅よりも狭いときには、ユーザーは、当該隣接ページではなくさらに隣のページなどを誤タップしてしまうことがある。
そこで、端末装置１２では、ユーザーにページ操作をフィードバックして提示することで、ユーザーに誤操作に気付かせることができる。
ユーザーが、第１表示領域４１１の表示を用いてスキャン結果の確認を行う作業では、Ｘ軸に対して中央付近に選択されているページのサムネイル画像３３１が配置されている状態で、当該サムネイル画像３３１よりもＸ軸の正側または負側にある他のサムネイル画像３３１をタップすると、タップされたサムネイル画像３３１が当該中央付近に移動し、第２表示領域４１２には当該サムネイル画像３３１に対応する中間画像４３１が表示される。ユーザーは、当該中央付近のサムネイル画像３３１に対して１つ隣のサムネイル画像３３１をタップし続けることで、１ページずつのページ移動を行うことができる。
しかしながら、第１表示領域４１１の各サムネイル画像３３１の表示の状況によっては、当該中央付近のサムネイル画像３３１に対する隣接ページのサムネイル画像３３１が同じ位置に配置されるとは限らない場合がある。当該隣接ページのサムネイル画像３３１の表示幅が正対されるときの幅よりも狭いときには、ユーザーは、当該隣接ページではなくさらに隣のページなどを誤タップしてしまうことがある。
そこで、端末装置１２では、ユーザーにページ操作をフィードバックして提示することで、ユーザーに誤操作に気付かせることができる。
【0085】
端末装置１２は、サムネイル画像３３１がタップ等されてページの移動が行われるとき、隣接ページに移動される場合には、中間画像がスワイプされたときと同様なアニメーションの表示を行い、隣接ページよりも遠くのページに移動される場合には、異なるアニメーションの表示を行う。
したがって、端末装置１２は、スキャン結果の確認がユーザーによって行われるときなどに、ユーザーが、サムネイル画像３３１をタップ等して１ページずつ確認している際に、２ページ先などにとんでしまったときに、別種のアニメーションを表示することで、ユーザーに誤操作に気付きやすくすることができる。
したがって、端末装置１２は、スキャン結果の確認がユーザーによって行われるときなどに、ユーザーが、サムネイル画像３３１をタップ等して１ページずつ確認している際に、２ページ先などにとんでしまったときに、別種のアニメーションを表示することで、ユーザーに誤操作に気付きやすくすることができる。
【0086】
端末装置１２は、ページ削除の操作があった場合、中間画像を回転させながら巻き上げるような、特殊な操作を表すアニメーションの表示を行い、その後に新たに選択されるページの中間画像９２１を横から第２表示領域４１２にスライドさせる。端末装置１２は、最終ページ以外の削除があったときには１つ次のページの中間画像９２１を横からスライドさせ、最終ページの削除があったときのみ１つ前のページの中間画像９２１を横からスライドさせる。
したがって、端末装置１２は、ページの削除を行う際に、ユーザーにとって、特殊な操作を行ったことを視覚的に把握し易くすることができる。
したがって、端末装置１２は、ページの削除を行う際に、ユーザーにとって、特殊な操作を行ったことを視覚的に把握し易くすることができる。
【0087】
端末装置１２は、ページ入れ替えの操作があった場合、現在中間画面として表示されているページが入れ替えられた場合には、当該中間画面の表示を維持する一方、現在中間画面として表示されているページとは異なるページが入れ替えられた場合には、遠くのページに移動するロングジャンプがあったときと同様なアニメーションであるがロングジャンプがあったときよりもゆっくりとしたアニメーションを用いて、入れ替えられたページの中間画像９２１を新たに表示する。
したがって、端末装置１２は、ページの入れ替えを行う際に、ユーザーにとって、選択されていたページとは異なるページを移動する操作を行ったことに気付き易くすることができる。
したがって、端末装置１２は、ページの入れ替えを行う際に、ユーザーにとって、選択されていたページとは異なるページを移動する操作を行ったことに気付き易くすることができる。
【0088】
以上の実施形態では、画像処理装置１１のスキャナー機能について説明したが、画像処理装置１１は他の機能を有してもよい。画像処理装置１１は印刷の機能を有してもよく、端末装置１２は、画像処理装置１１により行われる印刷を制御し、当該印刷の対象となる画像に関するデータを受信して、当該画像に関するデータを表示部１１２により表示する。
画像処理装置１１は、スキャナー機能及び印刷機能など、複数の機能を有してもよく、複合機であってもよい。
画像処理装置１１は、スキャナー機能及び印刷機能など、複数の機能を有してもよく、複合機であってもよい。
【0089】
以上の実施形態では、端末装置１２は、モバイルの端末装置である場合を示したが、端末装置１２は、設置型の装置であってもよく、ディスプレイなどの画面を有する様々な装置であってもよい。
端末装置１２は、ビューワーなどと呼ばれてもよい。
端末装置１２は、ビューワーなどと呼ばれてもよい。
【0090】
画像処理装置１１は、データベースなどに記憶された画像のデータを端末装置１２に提供するサーバー装置などであってもよい。
当該画像のデータは、電子書籍のデータであってもよい。
当該画像のデータは、電子書籍のデータであってもよい。
【0091】
端末装置１２の表示部１１２の表示領域は、１つの表示領域を用いてもよく、あるいは、第１表示領域４１１及び第２表示領域４１２のように２つの表示領域を区別して用いてもよく、あるいは、３つ以上の表示領域を区別して用いてもよい。
端末装置１２に複数の表示領域を用いる場合に、複数の表示領域の配置は任意であり、端末装置１２を正面から見る視点で、複数の表示領域は、左右に配置されてもよく、上下に配置されてもよく、あるいは、他の配置を用いてもよい。
端末装置１２に、第１表示領域４１１の位置と第２表示領域４１２の位置とが逆に配置されてもよい。
端末装置１２に複数の表示領域を用いる場合に、複数の表示領域の配置は任意であり、端末装置１２を正面から見る視点で、複数の表示領域は、左右に配置されてもよく、上下に配置されてもよく、あるいは、他の配置を用いてもよい。
端末装置１２に、第１表示領域４１１の位置と第２表示領域４１２の位置とが逆に配置されてもよい。
【0092】
端末装置１２が、第２表示領域４１２に１つの中間画像４３１を表示する場合を示したが、第２表示領域４１２に２つ以上の中間画像４３１を表示する場合があってもよい。
【0093】
端末装置１２の表示制御部１３１が様々な表示の制御を行う場合を示したが、これと同様な表示の制御が画像処理装置１１で行われてもよい。画像処理装置１１は、画像処理装置１１に備えられて表示を行うコントロールパネル、外付けのディスプレイ、または、遠隔のディスプレイなどに対して、表示の制御を行う。
【0094】
表示制御部１３１は、ローカル座標系、グローバル座標系、及び、表示座標系を用いて表示データを生成する場合について説明したが、これに限られず、任意の方法で表示データを生成してもよい。
【0095】
以上の実施形態に関する構成例を示す。
実施形態に係る情報処理システム１における端末装置１２では、次のような画像表示方法を実行する。
画像表示方法は、タッチ入力を受け付ける入力部１１１を有する表示部１１２を備える端末装置１２の画像表示方法であって、第１画像、第１画像に隣り合う第２画像、及び第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示し、タッチ入力により、第１画像の選択を受け付け、第１画像を第２画像と第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、第２画像と第３画像との間に第１画像が移動したことを示す第１表示態様の表示を実行し、第１画像を第２画像と第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、第１表示態様とは異なる第２表示態様の表示を実行する。
実施形態に係る情報処理システム１における端末装置１２では、次のような画像表示方法を実行する。
画像表示方法は、タッチ入力を受け付ける入力部１１１を有する表示部１１２を備える端末装置１２の画像表示方法であって、第１画像、第１画像に隣り合う第２画像、及び第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示し、タッチ入力により、第１画像の選択を受け付け、第１画像を第２画像と第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、第２画像と第３画像との間に第１画像が移動したことを示す第１表示態様の表示を実行し、第１画像を第２画像と第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、第１表示態様とは異なる第２表示態様の表示を実行する。
【0096】
図５及び図６では、第７サムネイル画像３３１－７、第８サムネイル画像３３１－８、第９サムネイル画像３３１－９が、それぞれ、第１画像、第２画像及び第３画像の一例である。
実施形態では、互いに異なるアニメーションの表示態様が、互いに異なる第１表示態様及び第２表示態様の一例である。
実施形態では、互いに異なるアニメーションの表示態様が、互いに異なる第１表示態様及び第２表示態様の一例である。
【0097】
画像表示方法は、複数の画像を、端末装置１２の画面の第１表示領域４１１に表示し、複数の画像よりも大きい拡大画像を第２表示領域４１２に表示する。
図４では、第１表示領域４１１に表示される複数のサムネイル画像３３１が、複数の画像の一例である。第２表示領域４１２に表示される中間画像４３１が、拡大画像の一例である。
なお、複数の画像の表示の仕方及び拡大画像の表示の仕方としては、他の態様が用いられてもよい。
また、拡大画像は、必ずしも表示されなくてもよい。
図４では、第１表示領域４１１に表示される複数のサムネイル画像３３１が、複数の画像の一例である。第２表示領域４１２に表示される中間画像４３１が、拡大画像の一例である。
なお、複数の画像の表示の仕方及び拡大画像の表示の仕方としては、他の態様が用いられてもよい。
また、拡大画像は、必ずしも表示されなくてもよい。
【0098】
画像表示方法は、拡大画像は、第１画像に対応する画像であり、第２表示領域４１２に拡大画像を表示している状態で第１画像の選択が受け付けられたとき、第１表示態様及び第２表示態様の表示は、拡大画像に対して実行する。
図７～図８では、第２表示領域４１２に表示された中間画像４３１、８２１を用いたアニメーションの表示が実行されている。
第１表示態様と第２表示態様との一方または両方は、拡大画像以外の画像を用いて行われてもよい。
図７～図８では、第２表示領域４１２に表示された中間画像４３１、８２１を用いたアニメーションの表示が実行されている。
第１表示態様と第２表示態様との一方または両方は、拡大画像以外の画像を用いて行われてもよい。
【0099】
画像表示方法は、第１表示領域４１１の一部の領域で、複数の画像のうちの一部の画像を重ねて表示する。
図４では、第１表示領域４１１で、第３サムネイル画像３３１－３と第４サムネイル画像３３１－４とが重ね合わせられて表示されている。
複数の画像は、重ね合わせられずに表示されてもよい。
図４では、第１表示領域４１１で、第３サムネイル画像３３１－３と第４サムネイル画像３３１－４とが重ね合わせられて表示されている。
複数の画像は、重ね合わせられずに表示されてもよい。
【0100】
画像表示方法は、第２表示態様の表示はアニメーション表示である。
図７～図８では、第２表示態様の表示として、アニメーション表示が用いられている。
第１表示態様の表示は、アニメーション表示であってもよい。
第１表示態様及び第２表示態様は、アニメーション表示以外の表示であってもよい。
図７～図８では、第２表示態様の表示として、アニメーション表示が用いられている。
第１表示態様の表示は、アニメーション表示であってもよい。
第１表示態様及び第２表示態様は、アニメーション表示以外の表示であってもよい。
【0101】
画像表示方法は、複数の画像のうち１の画像の削除指示が受け付けられたとき、第１表示態様及び第２表示態様とは異なる第３表示態様の表示を実行する。
図９では、第３表示態様として、第２表示領域４１２において、削除指示が受け付けられた中間画像９２１を用いたアニメーション表示が用いられている。
画像の削除指示があった場合の表示態様としては、他の表示態様が用いられてもよい。
図９では、第３表示態様として、第２表示領域４１２において、削除指示が受け付けられた中間画像９２１を用いたアニメーション表示が用いられている。
画像の削除指示があった場合の表示態様としては、他の表示態様が用いられてもよい。
【0102】
画像表示方法に対応する画像表示装置が提供されてもよい。
画像表示装置は、タッチ入力を受け付ける入力部１１１を有する表示部１１２と、表示部１１２の表示を制御する表示制御部１３１と、を備え、表示制御部１３１は、第１画像、第１画像に隣り合う第２画像、及び第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示させ、タッチ入力により、第１画像の選択を受け付け、第１画像を第２画像と第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、第２画像と第３画像との間に第１画像が移動したことを示す第１表示態様の表示を実行させ、第１画像を第２画像と第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、第１表示態様とは異なる第２表示態様の表示を実行させる。
図２では、端末装置１２は画像表示装置の一例である。そして、端末装置１２は、表示部１１２、入力部１１１、及び表示制御部１３１を備える。
画像表示装置は、タッチ入力を受け付ける入力部１１１を有する表示部１１２と、表示部１１２の表示を制御する表示制御部１３１と、を備え、表示制御部１３１は、第１画像、第１画像に隣り合う第２画像、及び第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示させ、タッチ入力により、第１画像の選択を受け付け、第１画像を第２画像と第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、第２画像と第３画像との間に第１画像が移動したことを示す第１表示態様の表示を実行させ、第１画像を第２画像と第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、第１表示態様とは異なる第２表示態様の表示を実行させる。
図２では、端末装置１２は画像表示装置の一例である。そして、端末装置１２は、表示部１１２、入力部１１１、及び表示制御部１３１を備える。
【0103】
画像表示方法に対応する表示制御プログラムが提供されてもよい。
タッチ入力を受け付ける入力部１１１を有する表示部１１２を備える端末装置１２の表示制御を行うコンピューターで実行される表示制御プログラムであって、第１画像、第１画像に隣り合う第２画像、及び第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示させ、タッチ入力により、第１画像の選択を受け付け、第１画像を第２画像と第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、第２画像と第３画像との間に第１画像が移動したことを示す第１表示態様の表示を実行させ、第１画像を第２画像と第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、第１表示態様とは異なる第２表示態様の表示を実行させる、表示制御プログラムである。
図２では、端末装置１２を構成するコンピューターが表示制御プログラムを実行する。
タッチ入力を受け付ける入力部１１１を有する表示部１１２を備える端末装置１２の表示制御を行うコンピューターで実行される表示制御プログラムであって、第１画像、第１画像に隣り合う第２画像、及び第２画像に隣り合う第３画像を含む複数の画像を所定の軸に沿って表示させ、タッチ入力により、第１画像の選択を受け付け、第１画像を第２画像と第３画像との間の位置へ移動させる第１の移動指示を受け付けたとき、第２画像と第３画像との間に第１画像が移動したことを示す第１表示態様の表示を実行させ、第１画像を第２画像と第３画像との間の位置とは異なる位置へ移動させる第２の移動指示を受け付けたとき、第１表示態様とは異なる第２表示態様の表示を実行させる、表示制御プログラムである。
図２では、端末装置１２を構成するコンピューターが表示制御プログラムを実行する。
【0104】
以上に説明した端末装置１２、画像処理装置１１などの任意の装置における任意の構成部の機能を実現するための表示制御プログラムを、コンピューター読み取り可能な記録媒体に記録し、そのプログラムをコンピューターシステムに読み込ませて実行するようにしてもよい。ここでいう「コンピューターシステム」は、オペレーティングシステムあるいは周辺機器等のハードウェアを含むものとする。「コンピューター読み取り可能な記録媒体」は、フレキシブルディスク、光磁気ディスク、ＲＯＭ、ＣＤ（Ｃｏｍｐａｃｔ Ｄｉｓｃ）－ＲＯＭ等の可搬媒体、コンピューターシステムに内蔵されるハードディスク等の記憶装置である。「コンピューター読み取り可能な記録媒体」は、インターネット等のネットワークあるいは電話回線等の通信回線を介してプログラムが送信された場合のサーバーあるいはクライアントとなるコンピューターシステム内部の揮発性メモリーのように、一定時間プログラムを保持しているものも含むものとする。当該揮発性メモリーは、ＲＡＭであってもよい。記録媒体は、非一時的記録媒体であってもよい。
【0105】
上記のプログラムは、このプログラムを記憶装置等に格納したコンピューターシステムから、伝送媒体を介して、あるいは、伝送媒体中の伝送波により他のコンピューターシステムに伝送されてもよい。プログラムを伝送する「伝送媒体」は、インターネット等のネットワークあるいは電話回線等の通信回線のように情報を伝送する機能を有する媒体のことをいう。
上記のプログラムは、前述した機能の一部を実現するためのものであってもよい。上記のプログラムは、前述した機能をコンピューターシステムにすでに記録されているプログラムとの組み合わせで実現できるもの、いわゆる差分ファイルであってもよい。差分ファイルは、差分プログラムと呼ばれてもよい。
上記のプログラムは、前述した機能の一部を実現するためのものであってもよい。上記のプログラムは、前述した機能をコンピューターシステムにすでに記録されているプログラムとの組み合わせで実現できるもの、いわゆる差分ファイルであってもよい。差分ファイルは、差分プログラムと呼ばれてもよい。
【0106】
以上に説明した端末装置１２、画像処理装置１１などの任意の装置における任意の構成部の機能は、プロセッサーにより実現されてもよい。実施形態における各処理は、プログラム等の情報に基づき動作するプロセッサーと、プログラム等の情報を記憶するコンピューター読み取り可能な記録媒体により実現されてもよい。プロセッサーは、各部の機能が個別のハードウェアで実現されてもよく、あるいは、各部の機能が一体のハードウェアで実現されてもよい。プロセッサーはハードウェアを含み、当該ハードウェアは、デジタル信号を処理する回路及びアナログ信号を処理する回路のうちの少なくとも一方を含んでもよい。プロセッサーは、回路基板に実装された１または複数の回路装置、あるいは、１または複数の回路素子のうちの一方または両方を用いて、構成されてもよい。回路装置としてはＩＣ（Ｉｎｔｅｇｒａｔｅｄ Ｃｉｒｃｕｉｔ）などが用いられてもよく、回路素子としては抵抗あるいはキャパシターなどが用いられてもよい。
【0107】
プロセッサーは、ＣＰＵであってもよい。ただし、プロセッサーは、ＣＰＵに限定されるものではなく、ＧＰＵ（Ｇｒａｐｈｉｃｓ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）、あるいは、ＤＳＰ（Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｏｒ）等のような、各種のプロセッサーが用いられてもよい。プロセッサーは、ＡＳＩＣによるハードウェア回路であってもよい。プロセッサーは、複数のＣＰＵにより構成されていてもよく、あるいは、複数のＡＳＩＣによるハードウェア回路により構成されていてもよい。プロセッサーは、複数のＣＰＵと、複数のＡＳＩＣによるハードウェア回路と、の組み合わせにより構成されていてもよい。プロセッサーは、アナログ信号を処理するアンプ回路あるいはフィルター回路等のうちの１以上を含んでもよい。
【0108】
以上、実施形態について図面を参照して詳述してきたが、具体的な構成はこの実施形態に限られるものではなく、この発明の要旨を逸脱しない範囲の設計等も含まれる。
【符号の説明】
【0109】
１…情報処理システム、１１…画像処理装置、１２…端末装置、３１…オートドキュメントフィーダー、１１１…入力部、１１２…表示部、１１３…記憶部、１１４…通信部、１１５…制御部、１３１…表示制御部、２１１…画像、３２１…第１軸、３３１…サムネイル画像、３３１－ｉ…第ｉサムネイル画像、３３１－ｉａ…第ｉａサムネイル画像、３３１－ｉｂ…第ｉｂサムネイル画像、３３１－ｉｃ…第ｉｃサムネイル画像、３４１…ページ番号画像、３４１－ｉ…第ｉページ番号画像、３４１－ｉａ…第ｉａページ番号画像、３４１－ｉｂ…第ｉｂページ番号画像、３４１－ｉｃ…第ｉｃページ番号画像、４０１…第１表示画面、４１１…第１表示領域、４１２…第２表示領域、４１３…境界軸、４３１…中間画像、４３１－ｉ…第ｉ中間画像、４３１－ｉａ…第ｉａ中間画像、４５１…第３表示領域、４７１…アイコン群、５１１…削除アイコン、６１１…第１移動指示、６２１…第２移動指示、７０１…第２表示画面、８０１…第３表示画面、８２１…中間画像、８２１－１ｂ…第１ｂ中間画像、８２１－４ｂ…第４ｂ中間画像、９０１…第４表示画面、９２１…中間画像、９２１－４ｃ…第４ｃ中間画像
【図1】
【図2】
【図3】
【図4】
【図5】
【図6】
【図7】
【図8】
【図9】