JP 2022-50119 A 2022.3.30(57)【要約】【課題】コンテンツを選択することなく、ユーザにコン
テンツの中身を見せることが可能なプレビュー表示画面を有する表示方法、プレビュー用画像表示用コンピュー
タプログラム、及び、プレビュー用画像表示システムを提供する。
【解決手段】表示画面５９上の特定方向と交差する方向に延びるアクティブ領域ＡＬを設定し、１以上の画像表
示領域ＧＡのそれぞれを、特定方向に、プレビュー用画像の頁数で分割して、複数の重なり判定領域ＯＡを設定する。アクティブ領域ＡＬが、画像表示領域ＯＡと重な
る前は、サムネイル画像を画像表示領域ＧＡ内に表示し、スクロールされて、アクティブ領域ＡＬが、画像表示
領域ＧＡと重なると、アクティブ領域ＡＬが重なっている重なり判定領域ＯＡに応じた頁のプレビュー用画像を表示し、アクティブ領域ＡＬと画像表示領域ＧＡの重なりが解除されると、サムネイル画像を表示する。
【選択図】

図５

(2)

JP 2022-50119 A 2022.3.30【特許請求の範囲】【請求項１】
表示装置の画面上に表示したサムネイル画像が表示された１以上の画像表示領域を前記
画面上の特定方向にスクロールしながら前記サムネイル画像の対象コンテンツの内容をプレビューするために予め用意した複数頁分のプレビュー用画像を、前記画面上に順次表示
するプレビュー用画像の表示方法であって、前記画面上の前記特定方向と交差する方向に延びるアクティブ領域を前記画面に対して設定し、前記１以上の画像表示領域のそれぞれを、前記特定方向に、前記プレビュー用画像の頁数で分割して、複数の重なり判定領域を設定し、前記アクティブ領域が、前記画像表示領域と重なる前は、前記サムネイル画像を前記画
像表示領域内に表示し、スクロールされて、前記アクティブ領域が、前記画像表示領域と重なると、前記アクテ
ィブ領域が重なっている前記重なり判定領域に応じた頁の前記プレビュー用画像を前記画
像表示領域内に表示し、前記アクティブ領域と前記画像表示領域の重なりが解除されると、前記サムネイル画像
を前記画像表示領域内に表示することを特徴とするプレビュー用画像の表示方法。
【請求項２】
前記画像表示領域が前記画面に停止状態で表示されているときに、前記アクティブ領域
を前記特定方向と逆方向に移動させる請求項１に記載のプレビュー用画像の表示方法。
【請求項３】
前記画像表示枠が前記画面に停止状態で表示されているときに、前記画像表示領域の前
記特定方向の端部位置に前記アクティブ領域の初期位置が設定される請求項１または２に記載のプレビュー用画像の表示方法。
【請求項４】
所定ボタンをオン状態にすると、前記画像表示領域の前記特定方向の端部位置に前記ア
クティブ領域の初期位置が設定される請求項１乃至３のいずれか１項に記載のプレビュー
用画像の表示方法。
【請求項５】
スクロール速度と比例して前記アクティブ領域の位置を前記特定方向に移動させる請求
項１乃至４のいずれか１項に記載のプレビュー用画像の表示方法。
【請求項６】
前記対象コンテンツは、電子書籍である請求項１乃至５のいずれか１項に記載のプレビ
ュー用画像の表示方法。
【請求項７】
前記プレビュー用画像は、前記アクティブ領域と前記画像表示領域の重なりが解除されるまで、前記画面上に全体が表示されている請求項１乃至６のいずれか１項に記載のプレビュー用画像の表示方法。
【請求項８】
前記アクティブ領域が前記画像表示領域と重なると、前記対象コンテンツの購入、レンタル等の購買決定ボタンを前記画像表示領域に隣接して表示し、前記アクティブ領域と前記画像表示領域との重なりが解除されると、前記購買決定ボタンの表示を消すことを特徴とする請求項１乃至７のいずれか１項に記載のプレビュー用画像の表示方法。
【請求項９】
前記複数頁分のプレビュー用画像のデータは、ダウンロードされても再生できないように難読化処理されている請求項１乃至８のいずれか１項に記載のプレビュー用画像の表示方法。
【請求項１０】
前記特定方向が前記画面の上方向または下方向であり、前記スクロールが縦スクロール
である請求項１乃至９のいずれか１項に記載のプレビュー用画像の表示方法。

10

20

30

40

50

(3)

JP 2022-50119 A 2022.3.30【請求項１１】
表示装置の画面上に表示したサムネイル画像が表示された１以上の画像表示領域を前記
画面上の特定方向にスクロールしながら前記サムネイル画像の対象コンテンツの内容をプレビューするために予め用意した複数頁分のプレビュー用画像を、前記画面上に順次表示
する画像制御部をコンピュータにより実現するためのプレビュー用画像表示用コンピュー
タプログラムであって、前記画面上の前記特定方向と交差する方向に延びるアクティブ領域を前記画面に対して設定するステップと、
前記１以上の画像表示領域のそれぞれを、前記特定方向に、前記プレビュー用画像の頁数で分割して、複数の重なり判定領域を設定するステップと、
前記アクティブ領域が、前記画像表示領域と重なる前は、前記サムネイル画像を前記画
像表示領域内に表示するステップと、
スクロールされて、前記アクティブ領域が、前記画像表示領域と重なると、前記アクテ
ィブ領域が重なっている前記重なり判定領域に応じた頁の前記プレビュー用画像を前記画
像表示領域内に表示するステップと、
前記アクティブ領域と前記画像表示領域の重なりが解除されると、前記サムネイル画像
を前記画像表示領域内に表示するステップとを実行することを特徴とするプレビュー用画
像表示用コンピュータプログラム。
【請求項１２】表示装置の画面上に表示したサムネイル画像が表示された１以上の画像表示領域を前記
画面上の特定方向にスクロールしながら前記サムネイル画像の対象コンテンツの内容をプレビューするために予め用意した複数頁分のプレビュー用画像を、前記画面上に順次表示
する画像制御部を備えたプレビュー用画像表示システムであって、前記画面上の前記特定方向と交差する方向に延びるアクティブ領域を前記画面に対して設定するアクティブ領域設定部と、
前記１以上の画像表示領域のそれぞれを、前記特定方向に、前記プレビュー用画像の頁数で分割して、複数の重なり判定領域を設定する重なり判定領域設定部とを備えており、
前記画像制御部は、前記アクティブ領域が、前記画像表示領域と重なる前は、前記サム
ネイル画像を前記画像表示領域内に表示し、スクロールされて、前記アクティブ領域が、前記画像表示領域と重なると、前記アクテ
ィブ領域が重なっている前記重なり判定領域に応じた頁の前記プレビュー用画像を前記画
像表示領域内に表示し、前記アクティブ領域と前記画像表示領域の重なりが解除されると、前記サムネイル画像
を前記画像表示領域内に表示するように制御することを特徴とするプレビュー用画像表示システム。
【発明の詳細な説明】【技術分野】【０００１】
本発明は、ウェブサイトを介して、複数の頁からなるコンテンツ（例えば、マンガ本を含む書籍）を内容とする電子データの販売を行う際のプレビュー用画像の表示方法、プレビュー用画像表示用コンピュータプログラム、及び、プレビュー用画像表示システムに関するものである。
【背景技術】【０００２】
従来から、ウェブサイトを介して、複数の頁からなるコンテンツ（例えば、マンガ本を含む書籍）を内容とする電子データの販売が行われている。当該ウェブサイトでは、図１０に示すように、多くの場合、コンテンツの書影等（表紙や代表的な頁）を元にしたサムネイル画像が表示されており、ユーザによって所望のサムネイル画像が選択されると、コンテンツの詳細を確認する表示画面や、コンテンツの中身の一部を確認することができる
プレビュー表示画面に切り替わるようになっている（例えば、非特許文献１）。

10

20

30

40

50

(4)

JP 2022-50119 A 2022.3.30【先行技術文献】【非特許文献】【０００３】【 非 特 許 文 献 １ 】 株 式 会 社 ブ ッ ク ウ ォ ー カ ー ， Ｂ Ｏ Ｏ Ｋ Ｗ Ａ Ｌ Ｋ Ｅ Ｒ ， ［ online］ ，［ 令 和 ２ 年 ９ 月 ３ 日 検 索 ］ ， イ ン タ ー ネ ッ ト ＜ URL: https://bookwalker.jp/top/＞【発明の概要】【発明が解決しようとする課題】【０００４】
従来のプレビュー表示画面の場合、ユーザが興味をもったコンテンツについてプレビューをするには、１つずつコンテンツを選択する必要があり、所望のコンテンツを見つける
まで、コンテンツのサムネイル画像を表示する表示画面とプレビュー表示画面を行ったり来たりする必要がある。そのため、所望のコンテンツを見つけるまで時間がかかり、また、操作に手間がかかるという課題がある。
【０００５】
また、従来のプレビュー表示画面は、ユーザが興味をもったコンテンツについて、コン
テンツの中身を見せるようになっている。すなわち、プレビュー表示画面を開く時点において、ユーザがすでに当該コンテンツについて、ある程度興味を持った状態である。ユー
ザが興味を持たないコンテンツについて、ユーザに中身を見せて興味を持たせる、ということは困難である。
【０００６】
本発明の目的は、コンテンツを選択することなく、ユーザにコンテンツの中身を見せることが可能なプレビュー表示画面を有する表示方法、プレビュー用画像表示用コンピュー
タプログラム、及び、プレビュー用画像表示システムを提供する。
【課題を解決するための手段】【０００７】
本発明は、表示装置の画面上に表示した、サムネイル画像が表示された１以上の画像表
示領域を画面上の特定方向にスクロールしながらサムネイル画像の対象コンテンツの内容をプレビューするために予め用意した複数頁分のプレビュー用画像を、画面上に順次表示
するプレビュー用画像の表示方法に関するものである。
【０００８】
本発明が対象とする「コンテンツ」は、上述の通り、複数の頁からなるコンテンツであり、マンガ本を含む書籍、雑誌、新聞等の他、動画を紹介するために動画の場面を切り出し て 作 成 し た 画 像 等 を 含 む も の で あ る 。 「 （ 該 コ ン テ ン ツ を ） プ レ ビ ュ ー （ preview） させる」とは、例えば、コンテンツがマンガ本であれば、マンガ本の一部を試し読みや試し見させることであり、コンテンツの内容に応じて、ユーザに、コンテンツの内容を試しに見せることである。
【０００９】
本発明のプレビュー用画像の表示方法は、まず、画面上の特定方向と交差する方向に延びるアクティブ領域を画面に対して設定し、また、１以上の画像表示領域のそれぞれを、特定方向に、プレビュー用画像の頁数で分割して、複数の重なり判定領域を設定しておく。「アクティブ領域」は、線状でもよいし、面積を有するエリアでもよい。「重なり判定
領域」は、プレビュー用画像の頁数分設定するものであり、プレビュー用画像の頁数が３頁であれば、重なり判定領域は３つである。重なり判定領域の大きさは全て同じでもよい
し、領域によって大きさが異なっていてもよい。
【００１０】
閲覧時は、アクティブ領域が、画像表示領域と重なる前は、サムネイル画像を画像表示
領域内に表示し、スクロールされて、アクティブ領域が、画像表示領域と重なると、アクティブ領域が重なっている重なり判定領域に応じた頁のプレビュー用画像を画像表示領域
内に表示する。そして、アクティブ領域と画像表示領域の重なりが解除されると、サムネ
イル画像を画像表示領域内に表示する。

10

20

30

40

50

(5)

JP 2022-50119 A 2022.3.30【００１１】
このように表示装置の画面上における画像表示領域の表示位置に応じて、サムネイル画
像とプレビュー用画像が切り替わり、また、プレビュー用画像の頁も切り替わるため、ユーザは、本発明のプレビュー用画像の表示方法が採用されているウェブサイトを閲覧する
場合には、画面をスクロールするという単純な動作だけで、コンテンツのサムネイル画像
だけでなく、プレビュー用画像も閲覧することができる。そのため、ユーザは、所望のコンテンツを見つけやすい。また、ユーザに対してコンテンツの中身を見せることで、ユーザが興味を持っていなかったコンテンツについて、興味を持たせることができるようになる。
【００１２】
アクティブ領域は、画面上、固定されていてもよく、また、状況に応じて移動するようにしてもよいのはもちろんである。例えば、画像表示領域が画面に停止状態で表示されているときに、アクティブ領域を特定方向と逆方向に移動させてもよい。このようにすれば、ユーザが画面をスクロール操作をしない場合でも、自動的にプレビュー用画像を表示させたり、画面に表示されている別の画像表示領域のプレビュー用画像を表示させたりすることが可能となる。
【００１３】
また、画像表示枠が画面に停止状態で表示されているときに、画像表示領域の特定方向の端部位置にアクティブ領域の初期位置が設定されるようにしてもよい。このようにすれ
ば、ユーザが画面のスクロール操作を再開するとすぐにプレビュー用画像を表示させることが可能である。
【００１４】
アクティブ領域が移動する条件は、画像表示領域が画面に停止状態で表示されているときだけでなく、例えば、ユーザが所定ボタンをオン状態にした場合等でもよい。この場合、所定ボタンをオン状態にすると、画像表示領域の特定方向の端部位置にアクティブ領域の初期位置が設定される。
【００１５】
また、スクロール速度と比例してアクティブ領域の位置を特定方向に移動させるようにしてもよい。例えば、画像表示領域が画面に対して比較的小さいような場合は、わずかなスクロールでプレビュー用画像の頁切り替えが頻繁に行われてしまいユーザがプレビュー
用画像を見づらい。そこでこのようにしてアクティブ領域を特定方向に移動させれば、ス
クロールによるプレビュー用画像の頁切り替えが緩やかになり、ユーザがプレビュー用画
像を見やすくなる。
【００１６】
プレビュー用画像は、アクティブ領域と画像表示領域の重なりが解除されるまで、画面上に全体が表示されていることが好ましい。このようにすることで、画面外の隠れた位置
でプレビュー用画像が表示されてしまうことを防止することができる。
【００１７】
アクティブ領域が画像表示領域と重なると、すなわち、プレビュー用画像が表示されている間、対象コンテンツの購入、レンタル等の購買決定ボタンを画像表示領域に隣接して表示し、アクティブ領域と画像表示領域との重なりが解除されると、購買決定ボタンの表示を消すようにしてもよい。このようにすれば、プレビュー用画像を閲覧することによって該コンテンツに興味をもったユーザが他のウェブサイト等に遷移することなく購入等が可能となるため、スムーズに手続きを行わせることが可能となる。
【００１８】
プレビュー用画像をスムーズに表示装置の画面上に表示させるには、予め、プレビュー
用画像を表示装置の記憶部に記憶させておく方が好ましいが、画像表示領域に表示させる以外の方法でプレビュー用画像を閲覧・利用されることは好ましくない。そのため、複数頁分のプレビュー用画像のデータは、ダウンロードされても再生できないように難読化処理されていることが好ましい。

10

20

30

40

50

(6)

JP 2022-50119 A 2022.3.30【００１９】
上述の特定方向やスクロール方向は任意であるが、特定方向が画面の上方向または下方向であり、スクロールが縦スクロールであることが好ましい。
【００２０】
本発明は、プレビュー用画像表示用コンピュータプログラムとしても把握する（または表現する）ことができる。
【００２１】
表示装置の画面上に表示したサムネイル画像が表示された１以上の画像表示領域を画面上の特定方向にスクロールしながらサムネイル画像の対象コンテンツの内容をプレビューするために予め用意した複数頁分のプレビュー用画像を、画面上に順次表示する画像制御部をコンピュータにより実現するためのプレビュー用画像表示用コンピュータプログラム
では、画面上の特定方向と交差する方向に延びるアクティブ領域を画面に対して設定する
ステップと、１以上の画像表示領域のそれぞれを、特定方向に、プレビュー用画像の頁数で分割して、複数の重なり判定領域を設定するステップと、アクティブ領域が、画像表示
領域と重なる前は、サムネイル画像を画像表示領域内に表示するステップと、スクロール
されて、アクティブ領域が、画像表示領域と重なると、アクティブ領域が重なっている重なり判定領域に応じた頁のプレビュー用画像を画像表示領域内に表示するステップと、ア
クティブ領域と画像表示領域の重なりが解除されると、サムネイル画像を画像表示領域内に表示するステップとを実行する。なおこのプログラムをコンピュータ読み取り可能な記
録媒体に記録してもよいのはもちろんである。
【００２２】
本発明は、プレビュー用画像表示システムとしても把握する（または表現する）ことができる。
【００２３】
表示装置の画面上に表示したサムネイル画像が表示された１以上の画像表示領域を画面上の特定方向にスクロールしながらサムネイル画像の対象コンテンツの内容をプレビューするために予め用意した複数頁分のプレビュー用画像を、画面上に順次表示する画像制御部を備えたプレビュー用画像表示システムでは、画面上の特定方向と交差する方向に延びるアクティブ領域を画面に対して設定するアクティブ領域設定部と、１以上の画像表示領域のそれぞれを、特定方向に、プレビュー用画像の頁数で分割して、複数の重なり判定領域を設定する重なり判定領域設定部とを備えており、画像制御部は、アクティブ領域が、
画像表示領域と重なる前は、サムネイル画像を画像表示領域内に表示し、スクロールされて、アクティブ領域が、画像表示領域と重なると、アクティブ領域が重なっている重なり判定領域に応じた頁のプレビュー用画像を画像表示領域内に表示し、アクティブ領域と画像表示領域の重なりが解除されると、サムネイル画像を画像表示領域内に表示するように制御する。
【図面の簡単な説明】【００２４】【図１】本発明のプレビュー用画像表示システムを組み込んだコンテンツ販売システムの実施の形態の構成を示すブロック図である。
【図２】サムネイル画像が表示された１以上の画像表示領域を有するウェブサイトである
コンテンツ選択画面の一例を示す図である。
【図３】重なり判定領域の説明用の図である。
【図４】画像制御部による、画像表示領域内の画像の表示の制御の一例を示すフローチャートである。
【図５】（Ａ）乃至（Ｅ）は、画像表示領域内の画像の表示の例を示す図である。
【図６】アクティブラインと画像表示領域が重なっている間に画像表示領域に隣接して表示されるボタンの例を示す図である。
【図７】（Ａ）乃至（Ｅ）は、アクティブラインを移動させる例を示す図である。
【図８】（Ａ）及び（Ｂ）は、アクティブラインを移動させる例を示す図である。

10

20

30

40

50

(7)

JP 2022-50119 A 2022.3.30【図９】（Ａ）乃至（Ｅ）は、アクティブラインを移動させる例を示す図である。
【図１０】従来のウェブサイトの例を示す図である。
【発明を実施するための形態】【００２５】
以下、図面を参照して、本発明のプレビュー用画像の表示方法、プレビュー用画像表示
用コンピュータプログラム、及び、プレビュー用画像表示システムの実施の形態を詳細に説明する。
【００２６】
図１は、プレビュー用画像表示システム１を組み込んだコンテンツ販売システムＣＳＳの実施の形態の構成を示すブロック図である。本実施の形態では、コンテンツ販売システ
ムＣＳＳは、電子コンテンツであるマンガ本等を内容とする電子書籍の販売システムであるが、本明細書においては、プレビュー用画像表示システム１の説明に必要な範囲で説明を行い、例えば、電子コンテンツの販売等を行うシステム部分については本発明の要旨とは関係がないため、詳細な説明は省略する。
【００２７】＜プレビュー用画像表示システム＞
図１に示すように、本実施の形態のプレビュー用画像表示システム１は、主に、電子コンテンツを管理しているコンテンツ管理部３と、コンテンツ管理部３と電気通信回線ＮＷを介して接続され、コンテンツ管理部３から電子コンテンツを取得するユーザ通信端末装
置の表示装置５とから構成されている。本実施の形態では、電子コンテンツは、マンガ本を内容とする電子書籍である。
【００２８】
コンテンツ管理部３は、いわゆるコンテンツ・マネジメント・システム（ＣＭＳ）であり、制御部３１と、データ記憶部３３と、通信部３５を備えている。
【００２９】
データ記憶部３３は、販売対象の電子コンテンツのコンテンツ本体（電子データ）を記憶しているコンテンツ本体記憶部３３Ａと、電子コンテンツの著者情報や出版社情報、販売価格等のコンテンツ情報を記憶しているコンテンツ情報記憶部３３Ｂと、電子コンテンツの表紙（書影）に基づくサムネイル画像を記憶しているサムネイル画像記憶部３３Ｃと、電子コンテンツの複数頁に基づくプレビュー用画像及びプレビュー用画像の頁数等の情報を記憶しているプレビュー用画像記憶部３３Ｄを有している。
【００３０】
なお、本実施の形態では、サムネイル画像及びプレビュー用画像は、難読化処理されており、ユーザがダウンロードしてもサムネイル画像及びプレビュー用画像を画像として確認できないようになっている。サムネイル画像及びプレビュー用画像は、プレビュー用画
像表示システム１を介することで、画像として確認可能になる。
【００３１】
表示装置５は、携帯電話、スマートフォン、タブレット端末、パソコン等のユーザ通信
端末装置が想定されるが、これらに限られるものではない。ユーザは、予め自身の表示装
置５にプレビュー用画像表示用コンピュータプログラムが組み込まれたコンテンツ閲覧用
コンピュータプログラムをインストールしておく。これにより、コンテンツ閲覧用コンピュータプログラムを実行することで、該ユーザ向けにプレビュー用画像表示システム１を含むコンテンツ販売システムＣＳＳが構築される。ユーザは自身の表示装置５を操作することで、コンテンツ閲覧用コンピュータプログラムを実行することにより、プレビュー用
画像表示システム１を含むコンテンツ販売システムＣＳＳを利用することができ、コンテ
ンツ販売システムＣＳＳのウェブサイトを閲覧できる。もちろん、個別のコンピュータプ
ログラムでなく、ウェブブラウザでコンテンツ販売システムＣＳＳのウェブサイトを開く
ことでプレビュー用画像表示システム１を含むコンテンツ販売システムＣＳＳを利用可能にするようにしてもよい。各表示装置５は、専用端末であってもよいのはもちろんである
。

10

20

30

40

50

(8)

JP 2022-50119 A 2022.3.30【００３２】
表示装置５は、電気通信回線ＮＷと接続するための通信部５１、入力部５３、データ記
憶部５５、制御部５７、及び、表示画面５９を有している。
【００３３】
入力部５３は、携帯電話の場合には、テンキーでもよく、スマートフォンやタブレット
端末の場合には、表示画面５９に配置されたタッチパネルでもよく、パソコンの場合には、マウスとキーボードや、タッチパネルでもよい。データ記憶部５５は、コンテンツ管理部３からダウンロードした電子コンテンツに関するデータを記憶しておく。
【００３４】
プレビュー用画像表示用コンピュータプログラムのインストールにより、表示装置５の制御部５７には、画像制御部５７Ａと、アクティブ領域設定部５７Ｂと、重なり判定領域
設定部５７Ｃとが実現されている。
【００３５】
画像制御部５７Ａは、表示装置５の表示画面５９の表示を制御する。本実施の形態では、特に、ユーザに電子コンテンツを選択させる際に、図２に示すようなサムネイル画像が表示された１以上の画像表示領域ＧＡを有するコンテンツ販売システムＣＳＳのウェブサ
イトであるコンテンツ選択画面ＣＳを表示させる。本実施の形態では、図２に示す表示画
面５９の上方向が「特定方向」であり、入力部５３を用いてコンテンツ選択画面ＣＳを上方向及び下方向に縦スクロール可能になっている。図２の例では、コンテンツ選択画面Ｃ
Ｓには、６つの画像表示領域ＧＡのみが見えている状態であるが、表示画面５９に表示されていないさらに多数の画像表示領域が画面外に隠れた状態になっており、入力部５３を用いてコンテンツ選択画面ＣＳを上方向にスクロールすることで、隠れていた他の画像表
示領域ＧＡが順に表示画面５９上に現れるようになっている。
【００３６】
アクティブ領域設定部５７Ｂは、表示画面５９上の横方向（特定方向である上方向と交差する方向）に延びるアクティブ領域を画面に対して設定する。本実施の形態では、図２に破線で示すように、表示画面５９の中央部に横方向に延びる線状のアクティブラインＡ
Ｌを設定している。なお、実際の表示画面上はアクティブラインＡＬは目視できない不可視状態で設定してあるが、説明の便宜上、アクティブラインＡＬは破線で示してある。
【００３７】
重なり判定領域設定部５７Ｃは、１以上の画像表示領域ＧＡのそれぞれを、特定方向に、プレビュー用画像の頁数で分割して、複数の重なり判定領域ＯＡを設定する。図３は、重なり判定領域ＯＡの説明用の図である。図３に示した例では、電子コンテンツに３頁分のプレビュー用画像が用意されているため、重なり判定領域設定部５７Ｃは、画像表示領
域ＧＡを特定方向に３分割して、３つの重なり判定領域ＯＡ１乃至ＯＡ３を設定している。すなわち、電子コンテンツにプレビュー用画像が５頁分用意されている場合には、重なり判定領域設定部５７Ｃは、画像表示領域ＧＡを５分割して、５つの重なり判定領域ＯＡを設定し、電子コンテンツにプレビュー用画像が１０頁分用意されている場合には、重なり判定領域設定部５７Ｃは、画像表示領域ＧＡを１０分割して、１０の重なり判定領域ＯＡを設定する。図２に示した複数の画像表示領域ＧＡのそれぞれには、予め、それぞれに対応する電子コンテンツに用意されたプレビュー用画像の頁数に応じて分割された複数の重なり判定領域ＯＡが設定されていることになる。
【００３８】
画像制御部５７Ａは、後述のように、アクティブラインＡＬと重なり判定領域ＯＡの重なり具合によって、画像表示領域ＧＡ内に表示する画像の制御を行う。
【００３９】［画像表示領域ＧＡ内に表示する画像の制御（フローチャート）］図４は、画像制御部５７Ａによる、画像表示領域ＧＡ内の画像の表示の制御の一例を示
すフローチャートであり、図５（Ａ）乃至（Ｅ）は、画像表示領域ＧＡ内の画像の表示の例を示す図である。

10

20

30

40

50

(9)

JP 2022-50119 A 2022.3.30【００４０】
図５（Ａ）に示すように、この例では、説明の便宜上、コンテンツ選択画面ＣＳ内に画
像表示領域ＧＡは１つだけ設定してあり、表示画面５９の中央部にアクティブラインＡＬ
が設定してある。また、対象の電子コンテンツには、図３に示した例と同様、３頁分のプ
レビュー用画像が用意されており、画像表示領域ＧＡには３つの重なり判定領域ＯＡ１乃至ＯＡ３が設定してあるものとする。
【００４１】
ユーザが表示装置５を用いてコンテンツ閲覧用コンピュータプログラムを起動すると、
図５（Ａ）に示すように、表示画面５９に画像表示領域ＧＡを有するコンテンツ選択画面
ＣＳが表示される（ステップＳＴ１）。この際、制御部５７は、コンテンツ管理部３のデータ記憶部３３から表示対象の電子コンテンツのサムネイル画像及びプレビュー用画像を読み出し、データ記憶部５５に記憶し（ステップＳＴ２）、アクティブ領域設定部５７ＢがアクティブラインＡＬを設定し（ステップＳＴ３）、重なり判定領域設定部５７Ｃが重なり判定領域ＯＡを設定し（ステップＳＴ４）、画像表示領域ＧＡ内には、表示対象の電子コンテンツのサムネイル画像が表示される（ステップＳＴ５）。
【００４２】
ユーザが入力部５３を用いてコンテンツ選択画面ＣＳをスクロールし（ステップＳＴ６）、アクティブラインＡＬと画像表示領域ＧＡが重なると（ステップＳＴ７）、画像表示
領域ＧＡ内には、その重なった位置に設定してある、重なり判定領域ＯＡに応じた頁のプ
レビュー用画像が表示される（ステップＳＴ８）。例えば、図５（Ｂ）に示した例では、
図５（Ａ）の状態からコンテンツ選択画面ＣＳをスクロールした結果、アクティブライン
ＡＬが重なり判定領域ＯＡ１と重なっているので、画像表示領域ＧＡに、対応する１頁目のプレビュー用画像が表示される（本実施の形態では、プレビュー用画像は表示画面上に全体が表示されるようになっている）。
【００４３】
その後、アクティブラインＡＬと画像表示領域ＧＡの重なりが解除されるまで、同様の処理が繰り返される（ステップＳＴ９乃至ステップＳＴ１１）。例えば、図５（Ｃ）に示した例では、図５（Ｂ）の状態からコンテンツ選択画面ＣＳをスクロールした結果、アクティブラインＡＬが重なり判定領域ＯＡ２と重なっているので、画像表示領域ＧＡに、対応する２頁目のプレビュー用画像が表示され、図５（Ｄ）に示した例では、アクティブラ
インＡＬが重なり判定領域ＯＡ３と重なっているので、画像表示領域ＧＡに、対応する３
頁目のプレビュー用画像が表示される。
【００４４】
本実施の形態では、アクティブラインＡＬと画像表示領域ＧＡが重なっている間は、図６に示すように、画像表示領域ＧＡに隣接して、対象の電子コンテンツの購入、レンタル等の購買決定ボタンＢＴ１や、ユーザが気になった電子コンテンツを後から確認できるよ
うにするための目印を付けるお気に入りボタンＢＴ２や、ユーザや電子コンテンツの特性に合わせた追加操作ボタンＢＴ３も表示されるようになっている。追加操作ボタンＢＴ３は、例えば、プレビュー用画像よりも解像度の高い画像での試し読みに移行できる電子コ
ンテンツの場合には「立ち読み」のような表示にしたり、既にユーザが購入済みや読み放題プランに加入しているような場合等については「すぐ読む」のような表示にしたりできる。
【００４５】
スクロールによってアクティブラインＡＬと画像表示領域ＧＡの重なりが解除されると、画像表示領域ＧＡ内には、表示対象の電子コンテンツのサムネイル画像が表示される（
ステップＳＴ１２）。
【００４６】
図５に示した例ではコンテンツ選択画面ＣＳ内に画像表示領域ＧＡは１つだけ設定してあるが、複数の画像表示領域ＧＡが並んでいる場合には、それぞれについてアクティブラ
インＡＬと画像表示領域ＧＡの重なりが判定され、サムネイル画像またはプレビュー用画

10

20

30

40

50

(10)

JP 2022-50119 A 2022.3.30

像が表示されることになる。
【００４７】［その他］
上記実施の形態では、アクティブラインＡＬは表示画面５９の中央部に固定されているものとしているが、所定の条件を満たした場合に移動するようにしてもよい。
【００４８】
例えば、図７（Ａ）乃至（Ｅ）に示した例では、アクティブラインＡＬと画像表示領域
ＧＡが重なった状態でスクロールが所定時間停止すると、図７（Ｄ）及び（Ｅ）に示すよ
うに、アクティブラインＡＬが画面下方向に定速で移動するようになっている。このようにすることで、自動的にプレビュー用画像を次の頁に進めてユーザに見せることができる。
【００４９】
図８（Ａ）及び（Ｂ）に示した例では、アクティブラインＡＬと画像表示領域ＧＡが重なっていない状態でスクロールが所定時間停止すると、画像表示領域ＧＡの端部位置にア
クティブラインＡＬの初期位置が設定されるようになっている。このようにすることで、ユーザが画面のスクロール操作を再開するとすぐにプレビュー用画像を表示させることが可能である。図示しない所定ボタンをオン状態にした場合に同様にアクティブラインＡＬの初期位置を設定してもよい。
【００５０】
図９（Ａ）乃至（Ｅ）に示した例では、画像表示領域ＧＡが表示画面に対して小さい。
そこで、スクロール速度と比例してアクティブラインＡＬの位置を上方向に移動させるよ
うにしている。このようにすれば、プレビュー用画像の頁切り替えが緩やかになる。
【００５１】
上記説明した実施の形態において、アクティブラインＡＬを上記の例の通り移動するよ
うにしてもよいのはもちろんである。
【００５２】
上記実施の形態は、一例として記載したものであり、その要旨を逸脱しない限り、本発
明は本実施例に限定されるものではない。例えば、上記例では、プレビュー用画像表示シ
ステムは電子書籍の販売システムに組み込んだ例を示したが、上記の条件を満たす他のコ
ンテンツの販売システムに組み込むこともできるし、また、有体物としての書籍等の通信販売システムに組み込むことも可能である。
【産業上の利用可能性】【００５３】
本発明によれば、コンテンツを選択することなく、ユーザにコンテンツの中身を見せることが可能なプレビュー表示画面を有する表示方法、プレビュー用画像表示用コンピュー
タプログラム、及び、プレビュー用画像表示システムを提供することができる。
【符号の説明】【００５４】ＣＳＳ コンテンツ販売システム
１ プレビュー用画像表示システム
３ コンテンツ管理部
３１ 制御部
３３ データ記憶部
３５ 通信部
５ 表示装置５１ 通信部
５３ 入力部
５５ データ記憶部
５７ 制御部
５７Ａ 画像制御部

10

20

30

40

50

(11)

５７Ｂ アクティブ領域設定部
５７Ｃ 重なり判定領域設定部
５９ 表示画面ＣＳ コンテンツ選択画面
ＧＡ 画像表示領域
ＯＡ 重なり判定領域
ＡＬ アクティブライン（アクティブ領域）

【図１】

【図２】

【図３】

JP 2022-50119 A 2022.3.30

(12)

【図４】

【図５】

【図６】

【図７】

JP 2022-50119 A 2022.3.30

(13)

【図８】

【図１０】

【図９】

JP 2022-50119 A 2022.3.30

(14)JP 2022-50119 A 2022.3.30

̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶
フロントページの続き
Ｆターム(参考) 5E555 AA25

AA56

BA02 BB02

BC17

DB52

DC04

DC07

DC53

DC64

EA07

FA00

JP 2022-50119 A5 2023.2.17【公報種別】特許法第１７条の２の規定による補正の掲載【部門区分】第６部門第３区分【 発 行 日 】 令 和 5年 2月 17日 (2023.2.17)【 公 開 番 号 】 特 開 2022-50119(P2022-50119A)【 公 開 日 】 令 和 4年 3月 30日 (2022.3.30)【 年 通 号 数 】 公 開 公 報 (特 許 )2022-056【 出 願 番 号 】 特 願 2020-156535(P2020-156535)【国際特許分類】
Ｇ０６Ｆ
3/0481(2022.01)
Ｇ０９Ｇ
5/34(2006.01)
Ｇ０９Ｇ
5/36(2006.01)
Ｇ０９Ｇ
5/00(2006.01)【ＦＩ】
Ｇ０６Ｆ
3/0481
Ｇ０９Ｇ
5/34
Ａ
Ｇ０９Ｇ
5/36
５２０Ｐ
Ｇ０９Ｇ
5/00
５１０Ａ
【手続補正書】【 提 出 日 】 令 和 5年 2月 9日 (2023.2.9)【手続補正１】【補正対象書類名】特許請求の範囲【補正対象項目名】全文【補正方法】変更【補正の内容】【特許請求の範囲】【請求項１】
表示装置の画面上に表示したサムネイル画像が表示された１以上の画像表示領域を前記
画面上の特定方向にスクロールしながら前記サムネイル画像の対象コンテンツの内容をプレビューするために予め用意した複数頁分のプレビュー用画像を、前記画面上に順次表示
するプレビュー用画像の表示方法であって、前記画面上の前記特定方向と交差する方向に延びるアクティブ領域を前記画面に対して設定し、前記１以上の画像表示領域のそれぞれを、前記特定方向に、前記プレビュー用画像の頁数で分割して、複数の重なり判定領域を設定し、前記アクティブ領域が、前記画像表示領域と重なる前は、前記サムネイル画像を前記画
像表示領域内に表示し、スクロールされて、前記アクティブ領域が、前記画像表示領域と重なると、前記アクテ
ィブ領域が重なっている前記重なり判定領域に応じた頁の前記プレビュー用画像を前記画
像表示領域内に表示し、前記アクティブ領域と前記画像表示領域の重なりが解除されると、前記サムネイル画像
を前記画像表示領域内に表示することを特徴とするプレビュー用画像の表示方法。
【請求項２】
前記画像表示領域が前記画面に停止状態で表示されているときに、前記アクティブ領域
を前記特定方向と逆方向に移動させる請求項１に記載のプレビュー用画像の表示方法。
【請求項３】
画像表示枠が前記画面に停止状態で表示されているときに、前記画像表示領域の前記特定方向の端部位置に前記アクティブ領域の初期位置が設定される請求項１または２に記載のプレビュー用画像の表示方法。

(2)JP 2022-50119 A5 2023.2.17【請求項４】
所定ボタンをオン状態にすると、前記画像表示領域の前記特定方向の端部位置に前記ア
クティブ領域の初期位置が設定される請求項１乃至３のいずれか１項に記載のプレビュー
用画像の表示方法。
【請求項５】
スクロール速度と比例して前記アクティブ領域の位置を前記特定方向に移動させる請求
項１乃至４のいずれか１項に記載のプレビュー用画像の表示方法。
【請求項６】
前記対象コンテンツは、電子書籍である請求項１乃至５のいずれか１項に記載のプレビ
ュー用画像の表示方法。
【請求項７】
前記プレビュー用画像は、前記アクティブ領域と前記画像表示領域の重なりが解除されるまで、前記画面上に全体が表示されている請求項１乃至６のいずれか１項に記載のプレビュー用画像の表示方法。
【請求項８】
前記アクティブ領域が前記画像表示領域と重なると、前記対象コンテンツの購入、レンタル等の購買決定ボタンを前記画像表示領域に隣接して表示し、前記アクティブ領域と前記画像表示領域との重なりが解除されると、前記購買決定ボタンの表示を消すことを特徴とする請求項１乃至７のいずれか１項に記載のプレビュー用画像の表示方法。
【請求項９】
前記複数頁分のプレビュー用画像のデータは、ダウンロードされても再生できないように難読化処理されている請求項１乃至８のいずれか１項に記載のプレビュー用画像の表示方法。
【請求項１０】
前記特定方向が前記画面の上方向または下方向であり、前記スクロールが縦スクロール
である請求項１乃至９のいずれか１項に記載のプレビュー用画像の表示方法。
【請求項１１】
表示装置の画面上に表示したサムネイル画像が表示された１以上の画像表示領域を前記
画面上の特定方向にスクロールしながら前記サムネイル画像の対象コンテンツの内容をプレビューするために予め用意した複数頁分のプレビュー用画像を、前記画面上に順次表示
する画像制御部をコンピュータにより実現するためのプレビュー用画像表示用コンピュー
タプログラムであって、前記画面上の前記特定方向と交差する方向に延びるアクティブ領域を前記画面に対して設定するステップと、
前記１以上の画像表示領域のそれぞれを、前記特定方向に、前記プレビュー用画像の頁数で分割して、複数の重なり判定領域を設定するステップと、
前記アクティブ領域が、前記画像表示領域と重なる前は、前記サムネイル画像を前記画
像表示領域内に表示するステップと、
スクロールされて、前記アクティブ領域が、前記画像表示領域と重なると、前記アクテ
ィブ領域が重なっている前記重なり判定領域に応じた頁の前記プレビュー用画像を前記画
像表示領域内に表示するステップと、
前記アクティブ領域と前記画像表示領域の重なりが解除されると、前記サムネイル画像
を前記画像表示領域内に表示するステップとを実行することを特徴とするプレビュー用画
像表示用コンピュータプログラム。
【請求項１２】表示装置の画面上に表示したサムネイル画像が表示された１以上の画像表示領域を前記
画面上の特定方向にスクロールしながら前記サムネイル画像の対象コンテンツの内容をプレビューするために予め用意した複数頁分のプレビュー用画像を、前記画面上に順次表示
する画像制御部を備えたプレビュー用画像表示システムであって、前記画面上の前記特定方向と交差する方向に延びるアクティブ領域を前記画面に対して

(3)JP 2022-50119 A5 2023.2.17

設定するアクティブ領域設定部と、
前記１以上の画像表示領域のそれぞれを、前記特定方向に、前記プレビュー用画像の頁数で分割して、複数の重なり判定領域を設定する重なり判定領域設定部とを備えており、
前記画像制御部は、前記アクティブ領域が、前記画像表示領域と重なる前は、前記サム
ネイル画像を前記画像表示領域内に表示し、スクロールされて、前記アクティブ領域が、前記画像表示領域と重なると、前記アクテ
ィブ領域が重なっている前記重なり判定領域に応じた頁の前記プレビュー用画像を前記画
像表示領域内に表示し、前記アクティブ領域と前記画像表示領域の重なりが解除されると、前記サムネイル画像
を前記画像表示領域内に表示するように制御することを特徴とするプレビュー用画像表示
システム。