特開 2024-109428 情報表示システム

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】公開特許公報(A)

(11)【公開番号】P2024109428

(43)【公開日】2024-08-14

(54)【発明の名称】情報表示システム

(51)【国際特許分類】

   G06F 3/0485 20220101AFI20240806BHJP

   G09G 5/00 20060101ALI20240806BHJP

   G09G 5/14 20060101ALI20240806BHJP

   G09G 5/37 20060101ALI20240806BHJP

   G09G 5/34 20060101ALI20240806BHJP

   G09G 5/38 20060101ALI20240806BHJP

   G09G 5/373 20060101ALI20240806BHJP

【ＦＩ】

G06F3/0485

G09G5/00 510H

G09G5/14 A

G09G5/37 600

G09G5/34 A

G09G5/34 Z

G09G5/38 100

G09G5/00 550C

G09G5/373 100

G09G5/373 200

【審査請求】有

【請求項の数】7

【出願形態】ＯＬ

(21)【出願番号】P 2023014218

(22)【出願日】2023-02-01

(71)【出願人】

【識別番号】591215281

【氏名又は名称】トラスコ中山株式会社

(74)【代理人】

【識別番号】110001818

【氏名又は名称】弁理士法人Ｒ＆Ｃ

(72)【発明者】

【氏名】青山 幸史朗

(72)【発明者】

【氏名】田▲崎▼ 智行

【テーマコード（参考）】

5C182

5E555

【Ｆターム（参考）】

5C182AA02

5C182AA03

5C182AA04

5C182AB02

5C182AB08

5C182AC03

5C182AC39

5C182BA01

5C182BA03

5C182BA04

5C182BA06

5C182BA65

5C182BA66

5C182BC22

5C182BC25

5C182BC26

5C182CA32

5C182CB13

5C182CB14

5C182CB42

5C182CB54

5C182CC02

5C182CC11

5C182CC17

5E555AA76

5E555BA02

5E555BA05

5E555BA06

5E555CA02

5E555CA12

5E555CB07

5E555CB15

5E555CB16

5E555CB45

5E555CB57

5E555CC05

5E555DB53

5E555DC02

5E555DC19

5E555DC21

5E555DC31

5E555DC45

5E555DC72

5E555DC77

5E555DC84

5E555DD06

5E555EA07

5E555EA08

5E555FA00

(57)【要約】

【課題】表示画像をスクロールさせてコンテンツを検索する際に、一部のコンテンツ同士を比較しやすい環境をユーザに提供することが可能な技術を実現する。
【解決手段】表示制御部は、複数の表示エリア３１をタイル状に配列して表示画面１４に表示する基本表示処理と、スクロール指示４１を受け付けた場合に複数の表示エリア３１をスクロール方向Ｓにスクロールさせるスクロール処理と、いずれかの表示エリア３１の固定指示を受け付けた場合に、当該固定指示がなされた表示エリア３１を固定エリア３２として表示画面１４上での位置を固定する固定処理と、を実行可能である。表示制御部は、固定指示を受け付けた状態でスクロール指示４１を受け付けた場合には、固定エリア３２の表示画面１４上での位置を固定したまま、固定エリア３２以外の全ての表示エリア３１をスクロール方向Ｓにスクロールさせる。
【選択図】図７

【特許請求の範囲】

【請求項1】

表示画面に表示する表示画像を生成し、前記表示画像を前記表示画面に表示する制御を行う表示制御部と、
前記表示画面を見るユーザからの操作を受け付ける操作受付部と、を備えた情報表示システムであって、
前記表示制御部は、
それぞれにコンテンツが表示される複数の表示エリアを、タイル状に配列して前記表示画面に表示する基本表示処理と、
前記操作受付部によりスクロール指示を受け付けた場合に、前記表示画面に表示された複数の前記表示エリアを、予め定められたスクロール方向にスクロールさせるスクロール処理と、
前記操作受付部により、前記表示画面に表示された複数の前記表示エリアのうちのいずれかの前記表示エリアの固定指示を受け付けた場合に、当該固定指示がなされた前記表示エリアを固定エリアとして前記表示画面上での位置を固定する固定処理と、を実行可能であり、
前記表示制御部は、前記固定指示を受け付けた状態で前記スクロール指示を受け付けた場合には、前記固定エリアの前記表示画面上での位置を固定したまま、前記固定エリア以外の全ての前記表示エリアを前記スクロール方向にスクロールさせる、情報表示システム。

【請求項2】

前記表示制御部は、前記操作受付部により、前記表示画面に表示された前記固定エリアの位置を移動させる移動指示を受け付けた場合に、当該移動指示がなされた前記固定エリアを指定された移動先に移動させると共に、前記移動先にあった前記表示エリアを異なる位置に移動させる固定エリア移動処理を実行する、請求項１に記載の情報表示システム。

【請求項3】

前記表示制御部は、前記固定エリア移動処理において、前記固定エリアと前記移動先にあった前記表示エリアとの位置を入れ替える、請求項２に記載の情報表示システム。

【請求項4】

前記表示制御部は、前記固定エリア移動処理において、前記固定エリアが抜けたスペースに、前記スクロール方向に隣接する位置にあった他の前記表示エリアを移動させると共に、前記移動先にあった前記表示エリアを前記スクロール方向に移動させることで空いたスペースに前記固定エリアを移動させる、請求項２に記載の情報表示システム。

【請求項5】

前記表示制御部は、前記固定エリアを、前記固定エリア以外の前記表示エリアと区別可能な態様で前記表示画面に表示する、請求項１から４のいずれか一項に記載の情報表示システム。

【請求項6】

前記表示制御部は、前記固定エリアの数が多くなるに従って、前記表示画面に表示される前記表示エリアの数を段階的に増加させる縮尺調整処理を実行する、請求項１から４のいずれか一項に記載の情報表示システム。

【請求項7】

前記表示エリアに表示されるコンテンツは商品の要約情報であり、
前記表示制御部は、前記操作受付部により、前記表示画面に表示された複数の前記表示エリアのうちのいずれかの前記表示エリアに対する詳細表示指示を受け付けた場合に、当該詳細表示指示がなされた前記表示エリアに対応する商品の詳細情報を、前記表示画面の一部のエリアに表示させる詳細情報表示処理を実行する、請求項１から４のいずれか一項に記載の情報表示システム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、表示画面に表示する表示画像を生成し、表示画像を表示画面に表示する制御を行う表示制御部と、表示画面を見るユーザからの操作を受け付ける操作受付部と、を備えた情報表示システムに関する。

【背景技術】

【0002】

上記のような情報表示システムの一例が、特開２００８－１９３５３１号公報（特許文献１）に開示されている。以下、この背景技術の説明では、特許文献１における符号を括弧内に引用する。特許文献１には、建築設備カタログを表示する情報表示システムが開示されている。そして、特許文献１の図７には、オブジェクト（例えば、建築設備商品）の一覧（６０１）と、当該オブジェクトの一覧（６０１）をスクロールするためのスクロールボタン（６０３，６０４，６０５，６０６）とを含む表示画像が、表示画面に表示される様子が示されている。

【先行技術文献】

【特許文献】

【0003】

【特許文献1】特開２００８－１９３５３１号公報

【発明の概要】

【発明が解決しようとする課題】

【0004】

特許文献１の情報表示システムでは、ユーザは、表示画面に表示される表示画像をスクロールさせることで、コンテンツ（特許文献１では、建築設備商品等のオブジェクト）を検索することができる。このように表示画像をスクロールさせてコンテンツを検索する際に、ユーザが一部のコンテンツ同士を比較しようとすることが考えられる。この時、比較対象となる複数のコンテンツが一度に表示画面上に表示されない場合には、ユーザは、当該複数のコンテンツを見るために、表示画像のスクロールを繰り返し行う必要があり、ユーザが煩わしさを感じるおそれがある。

【0005】

そこで、表示画像をスクロールさせてコンテンツを検索する際に、一部のコンテンツ同士を比較しやすい環境をユーザに提供することが可能な技術の実現が望まれる。

【課題を解決するための手段】

【0006】

本開示に係る情報表示システムは、表示画面に表示する表示画像を生成し、前記表示画像を前記表示画面に表示する制御を行う表示制御部と、前記表示画面を見るユーザからの操作を受け付ける操作受付部と、を備えた情報表示システムであって、前記表示制御部は、それぞれにコンテンツが表示される複数の表示エリアを、タイル状に配列して前記表示画面に表示する基本表示処理と、前記操作受付部によりスクロール指示を受け付けた場合に、前記表示画面に表示された複数の前記表示エリアを、予め定められたスクロール方向にスクロールさせるスクロール処理と、前記操作受付部により、前記表示画面に表示された複数の前記表示エリアのうちのいずれかの前記表示エリアの固定指示を受け付けた場合に、当該固定指示がなされた前記表示エリアを固定エリアとして前記表示画面上での位置を固定する固定処理と、を実行可能であり、前記表示制御部は、前記固定指示を受け付けた状態で前記スクロール指示を受け付けた場合には、前記固定エリアの前記表示画面上での位置を固定したまま、前記固定エリア以外の全ての前記表示エリアを前記スクロール方向にスクロールさせる。

【0007】

本構成によれば、ユーザは、一部の表示エリアに対する固定指示を行うことで、当該一部の表示エリアの表示画面上での位置を固定することができる。そして、この状態でスクロール指示を行うことで、ユーザは、表示画面上での位置が固定された当該一部の表示エリア以外の表示エリアを、スクロールさせることができる。従って、ユーザは、固定指示を行った表示エリアに表示されるコンテンツと、別の表示エリア（別の固定指示を行った表示エリアと固定指示を行っていない表示エリアとの少なくとも一方）に表示されるコンテンツとを、一度に表示画面上に表示させることができる。これにより、表示画像をスクロールさせてコンテンツを検索する際に、一部のコンテンツ同士を比較しやすい環境をユーザに提供することが可能となっている。

【0008】

情報表示システムの更なる特徴と利点は、図面を参照して説明する実施形態についての以下の記載から明確となる。

【図面の簡単な説明】

【0009】

【図1】情報表示システムの概略構成を示すブロック図

【図2】基本表示処理の実行後の表示画面の一例を示す図

【図3】固定処理の実行後の表示画面の一例を示す図

【図4】縮尺調整処理の実行後の表示画面の一例を示す図

【図5】詳細情報表示処理の実行後の表示画面の一例を示す図

【図6】スクロール処理に伴う表示画面の遷移の一例を示す図

【図7】スクロール処理に伴う表示画面の遷移の別例を示す図

【図8】固定エリア移動処理に伴う表示画面の遷移の第１例を示す図

【図9】固定エリア移動処理に伴う表示画面の遷移の第２例を示す図

【図10】固定エリア移動処理に伴う表示画面の遷移の第３例を示す図

【発明を実施するための形態】

【0010】

情報表示システムの実施形態について、図面に基づいて説明する。なお、以下に説明する情報表示システムの種々の技術的特徴は、情報表示プログラム（情報表示システムの機能をコンピュータに実現させるためのプログラム）にも適用可能であり、そのようなプログラム、更には、そのようなプログラムが記録された記録媒体（光ディスクやフラッシュメモリ等の、コンピュータが読み取り可能な記録媒体）も、本明細書に開示されている。

【0011】

本実施形態では、情報表示システム１００は、図１に示すような端末装置１とサーバ２とを備えたシステムに適用されている。端末装置１として、パーソナルコンピュータ、タブレット端末、スマートフォンを例示することができる。端末装置１とサーバ２とは、通信ネットワークＮを介して互いに通信可能に構成されている。通信ネットワークＮは、有線、無線、或いはこれらの組み合わせのいずれであってもよい。

【0012】

端末装置１は、第１演算装置１０と、第１記憶装置１１と、第１通信装置１２と、を備えている。サーバ２は、第２演算装置２０と、第２記憶装置２１と、第２通信装置２２と、を備えている。第１演算装置１０及び第２演算装置２０のそれぞれは、ＣＰＵ（Central Processing Unit）等の演算処理装置と、当該演算処理装置が直接参照可能なＲＡＭ（Random Access Memory）等の主記憶装置と、を備えている。第１記憶装置１１及び第２記憶装置２１のそれぞれは、データを記憶及び書き換え可能な記憶装置（補助記憶装置）である。補助記憶装置として、フラッシュメモリやハードディスクドライブを例示することができる。第１通信装置１２及び第２通信装置２２のそれぞれは、通信ネットワークＮを介して他の通信装置とデータ通信を行う通信装置である。通信装置として、無線ＬＡＮ（Local Area Network）を利用して通信ネットワークＮに接続される無線通信装置や、ＬＡＮケーブルを用いて通信ネットワークＮに接続される有線通信装置を例示することができる。

【0013】

演算装置の機能は、当該演算装置（具体的には、当該演算装置が備える演算処理装置）が主記憶装置や補助記憶装置等の記憶装置に記憶されているプログラムを実行することで実現される。すなわち、演算装置の機能をコンピュータ（ここでは、当該演算装置が備える演算処理装置）に実現させるためのプログラムは、当該コンピュータが参照可能な記憶装置に記憶される。このプログラムは、例えば、記録媒体或いは通信ネットワークＮを介して提供される。そして、演算装置の機能は、演算処理装置等のハードウェアと、当該ハードウェア上で実行されるプログラムとの協働により実現される。

【0014】

情報表示システム１００は、表示画面１４に表示する表示画像３０を生成し、表示画像３０を表示画面１４に表示する制御を行う表示制御部３を備えている。本実施形態では、第１演算装置１０が表示制御部３を備えており、表示制御部３の機能は、第１演算装置１０によって実現される。なお、表示制御部３の機能は、第１演算装置１０とは異なる装置（例えば、第２演算装置２０）によって実現されてもよく、複数の装置の協働（例えば、第１演算装置１０と第２演算装置２０との協働）によって実現されてもよい。

【0015】

表示制御部３は、表示画像３０が表示画面１４に表示されるように表示装置１３を制御する。表示装置１３は、表示制御部３が生成した表示画像３０を表示画面１４（表示装置１３の外面に設けられる画面、スクリーン等への投影画面等）に表示する。表示装置１３として、液晶ディスプレイや有機ＥＬ（Electro Luminescence）ディスプレイを例示することができる。本実施形態では、端末装置１が表示装置１３を備えている。

【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】

３：表示制御部
１４：表示画面
１５：操作受付部
３０：表示画像
３１：表示エリア
３２：固定エリア
４１：スクロール指示
４２：固定指示
４３：移動指示
４４：詳細表示指示
５１：要約情報
５２：詳細情報
１００：情報表示システム
Ｓ：スクロール方向

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】