JP4783813B2 - Display control method and program - Google Patents
Display control method and program Download PDFInfo
- Publication number
- JP4783813B2 JP4783813B2 JP2008137428A JP2008137428A JP4783813B2 JP 4783813 B2 JP4783813 B2 JP 4783813B2 JP 2008137428 A JP2008137428 A JP 2008137428A JP 2008137428 A JP2008137428 A JP 2008137428A JP 4783813 B2 JP4783813 B2 JP 4783813B2
- Authority
- JP
- Japan
- Prior art keywords
- display area
- search
- display
- information
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
- 238000000034 method Methods 0.000 title claims description 36
- 230000008569 process Effects 0.000 description 19
- 238000012545 processing Methods 0.000 description 13
- 238000004891 communication Methods 0.000 description 12
- 238000010586 diagram Methods 0.000 description 12
- 241001424309 Arita Species 0.000 description 7
- 240000005893 Pteridium aquilinum Species 0.000 description 7
- 235000009936 Pteridium aquilinum Nutrition 0.000 description 7
- 239000004973 liquid crystal related substance Substances 0.000 description 7
- 238000001514 detection method Methods 0.000 description 5
- 235000001674 Agaricus brunnescens Nutrition 0.000 description 4
- 241000209094 Oryza Species 0.000 description 3
- 235000007164 Oryza sativa Nutrition 0.000 description 3
- 230000008859 change Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 235000009566 rice Nutrition 0.000 description 3
- 229920002472 Starch Polymers 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 235000021186 dishes Nutrition 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 230000001771 impaired effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 235000021395 porridge Nutrition 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 235000019698 starch Nutrition 0.000 description 1
- 239000008107 starch Substances 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 1
Images
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- User Interface Of Digital Computer (AREA)
Description
本発明は、検索対象に関連する情報(検索結果)を画面上に表示する際に有用な表示制御方法及びプログラムに関する。 The present invention relates to a display control method and a program that are useful when displaying information (search results) related to a search target on a screen.
従来、コンピュータ、携帯電話、TV、ビデオカメラ等、身近な電子機器の操作手段として、グラフィカルユーザインターフェース(GUI:Graphical User Interface)が採用されている。GUIとは、グラフィックを多用した表示画面によりユーザに情報を提供するとともに、大半の操作をマウス等のポインティングデバイスによって直接的に行うことができるユーザインターフェースである。
近年では、デザイン性だけでなく、電子機器の高機能化に対応できる操作性に優れたGUIが要求されている。
2. Description of the Related Art Conventionally, a graphical user interface (GUI) has been adopted as an operation unit for familiar electronic devices such as a computer, a mobile phone, a TV, and a video camera. The GUI is a user interface that provides information to the user through a display screen that uses a lot of graphics, and can perform most operations directly with a pointing device such as a mouse.
In recent years, there is a demand for a GUI that is excellent not only in design but also in operability that can cope with higher functionality of electronic devices.
例えば、インターネット上で配信されている情報(例えば、ウェブページに含まれる情報)を検索キーワード等の検索条件によって検索し、その検索結果画面を表示する際に、表示態様を工夫することにより利便性を向上する技術が開示されている(例えば、特許文献1、2)。
具体的には、特許文献1では、キーワードを表すマザーアイコンをスクリーン上に表示し、検索エンジンを用いてそのキーワードで検索したウェブサイトのサムネイル画像をマザーアイコンの周囲に子アイコンとして表示するようにしている。
また、特許文献2では、表示画面上の任意の1点を中心として検索条件を表示し、その周辺に関連ワードやコンテンツ群を配置して表示するようにしている。
すなわち、特許文献1,2で開示されている技術は、キーワード等の検索対象の周囲に検索結果を配置するものである。
Specifically, in
In
That is, the techniques disclosed in
しかしながら、特許文献1、2に記載の技術を利用して検索結果を画面上に表示する場合、複数の検索結果を検索キーワード等の検索条件の周囲に配置するので、検索結果同士が重なってしまったりして、検索結果の視認性が損なわれる可能性がある。また、検索結果画面で提示された情報の詳細内容を知りたい場合、検索結果から所望のウェブページに遷移してコンテンツを閲覧することとなるため、ページ遷移のための操作が必要となり、操作性、利便性に欠けている。
また、特許文献1,2に記載の技術は、検索条件の周囲に検索結果を単純に配置するだけなので、視覚的に斬新であるとはいえず、画面表示は極めて平凡である。
However, when the search results are displayed on the screen using the techniques described in
In addition, since the techniques described in
本発明は、視覚的に斬新で、利便性に優れた検索結果画面のGUIを実現できる表示制御方法及びプログラムを提供することを目的とする。 An object of the present invention is to provide a display control method and program capable of realizing a search result screen GUI that is visually novel and excellent in convenience.
上記目的を達成するため、請求項1に記載の発明は、検索対象の周囲に検索結果を画面表示する表示制御方法であって、
前記検索対象の周囲に円弧帯状の表示領域を設定する表示領域設定ステップと、
前記検索結果の数に応じて前記円弧帯状の表示領域を区分して、検索結果ごとの表示領域を形成する区分ステップと、
前記区分された表示領域に前記検索結果に対応する項目情報を表示する項目表示ステップと、
前記区分された表示領域の何れかがユーザ操作により選択された場合に、前記検索結果の詳細情報に応じて当該検索結果の表示領域を前記円弧方向に拡大し、当該詳細情報を表示する詳細表示ステップと、
前記区分された表示領域がユーザ操作により選択解除された場合に、前記拡大された表示領域を縮小し、表示されていた詳細情報を非表示とする詳細非表示ステップと、
を含むことを特徴とする。
In order to achieve the above object, the invention described in
A display area setting step for setting an arc-shaped display area around the search target;
A step of dividing the arc-shaped display area according to the number of the search results to form a display area for each search result;
An item display step for displaying item information corresponding to the search result in the partitioned display area;
Detailed display that displays the detailed information by expanding the display area of the search result in the arc direction according to the detailed information of the search result when any of the divided display areas is selected by a user operation Steps,
A detail non-display step of reducing the enlarged display area when the selected display area is deselected by a user operation, and hiding the displayed detailed information;
It is characterized by including.
請求項2に記載の発明は、請求項1に記載の表示制御方法において、前記検索結果の表示領域を、前記項目情報を表示する項目表示領域と、前記詳細情報を表示する詳細表示領域と、で構成し、
前記詳細表示ステップでは、ユーザ操作に基づいて、前記項目表示領域から前記詳細表示領域を前記円弧方向に展開し、
前記詳細非表示ステップでは、ユーザ操作に基づいて、前記展開された詳細表示領域を前記項目表示領域の方向に圧縮することを特徴とする。
The invention according to
In the detail display step, the detail display area is expanded in the arc direction from the item display area based on a user operation,
In the detail non-display step, the expanded detail display area is compressed in the direction of the item display area based on a user operation.
請求項3に記載の発明は、請求項1又は2に記載の表示制御方法において、垂直置き型の画面に前記検索結果を表示する場合、
前記詳細表示ステップでは、ユーザ操作により最後に表示された詳細情報を、前記画面に表示された前記検索対象の直下に位置させることを特徴とする。
According to a third aspect of the present invention, in the display control method according to the first or second aspect, when the search result is displayed on a vertically placed screen,
In the detailed display step, detailed information displayed last by a user operation is positioned immediately below the search target displayed on the screen.
請求項4に記載の発明は、請求項1から3のいずれか一項に記載の表示制御方法において、ユーザ操作に基づいて、前記円弧帯状の表示領域を、前記円弧方向に回動させる表示領域移動ステップを含むことを特徴とする。 According to a fourth aspect of the present invention, in the display control method according to any one of the first to third aspects, the arc-shaped display area is rotated in the arc direction based on a user operation. A moving step is included.
請求項5に記載の発明は、検索対象の周囲に検索結果を画面表示するためのプログラムであって、
前記検索対象の周囲に円弧帯状の表示領域を設定する表示領域設定ステップと、
前記検索結果の数に応じて前記円弧帯状の表示領域を区分して、検索結果ごとの表示領域を形成する区分ステップと、
前記区分された表示領域に前記検索結果に対応する項目情報を表示する項目表示ステップと、
前記区分された表示領域の何れかがユーザ操作により選択された場合に、前記検索結果の詳細情報に応じて当該検索結果の表示領域を前記円弧方向に拡大し、当該詳細情報を表示する詳細表示ステップと、
前記区分された表示領域がユーザ操作により選択解除された場合に、前記拡大された表示領域を縮小し、表示されていた詳細情報を非表示とする詳細非表示ステップと、
をコンピュータに実行させることを特徴とするプログラム。
The invention according to claim 5 is a program for displaying a search result on the screen around a search target,
A display area setting step for setting an arc-shaped display area around the search target;
A step of dividing the arc-shaped display area according to the number of the search results to form a display area for each search result;
An item display step for displaying item information corresponding to the search result in the partitioned display area;
Detailed display that displays the detailed information by expanding the display area of the search result in the arc direction according to the detailed information of the search result when any of the divided display areas is selected by a user operation Steps,
A detail non-display step of reducing the enlarged display area when the selected display area is deselected by a user operation, and hiding the displayed detailed information;
A program that causes a computer to execute.
本発明によれば、検索対象に関連する情報(検索結果)を画面上に表示する際のGUIを、視覚的に斬新で、利便性に優れたものとすることができる。 According to the present invention, the GUI for displaying information related to the search target (search result) on the screen can be visually novel and excellent in convenience.
以下、本発明の実施の形態を図面に基づいて説明する。尚、本発明の表示制御方法及びプログラムにより表示される検索結果に対する検索対象とは、検索の対象となる実体であり、キーワードや画像等のデータと、実物(現実世界に実在する物)のことを示す。以下、第1実施形態では検索対象が画像である場合、第2実施形態では検索対象が実物である場合についてそれぞれ説明する。 Hereinafter, embodiments of the present invention will be described with reference to the drawings. Note that the search target for the search result displayed by the display control method and program of the present invention is an entity to be searched, and includes data such as keywords and images, and real objects (things that exist in the real world). Indicates. Hereinafter, a case where the search target is an image in the first embodiment and a case where the search target is a real object will be described in the second embodiment.
(第1実施形態)
図1は、第1実施形態に係るネットワーク構成について示す概略図である。
第1実施形態では、サーバ1からクライアント2に、ネットワークNを介してコンテンツ(例えば、ウェブページ等)を提供し、クライアント2においてコンテンツを利用する場合について示している。
(First embodiment)
FIG. 1 is a schematic diagram illustrating a network configuration according to the first embodiment.
In the first embodiment, a case where content (for example, a web page) is provided from the
図1に示すように、サーバ1には、通信ネットワークNを介してクライアント2(例えば、パーソナルコンピュータ2a、携帯電話2b等)が接続されている。
通信ネットワークNは、インターネットや電気通信事業者等の電話回線網、携帯電話通信網等であり、当該通信ネットワークNに接続するサーバ1とクライアント2の間を、データ通信可能に接続する。
As shown in FIG. 1, a client 2 (for example, a
The communication network N is a telephone network such as the Internet or a telecommunications carrier, a cellular phone communication network, and the like, and connects the
このようなネットワークシステムにおいて、例えば、ユーザが、クライアント2でウェブブラウザを起動しURLを指定すると、クライアント2はこれを元に対応するコンテンツ(例えば、ウェブページのHTMLファイル)を保有しているサーバ1をインターネット上で探して、コンテンツのデータを要求する。
一方、要求されたコンテンツを保有するサーバ1は、要求されたコンテンツをクライアント2に送信する。そして、クライアント2は、受信したコンテンツの内容を解析してウェブページ等を表示する。
サーバ1が、ポータルサイトのウェブサーバである場合、ユーザによる検索操作に伴いクライアント2から送信される操作情報に基づいて、サーバ1はコンテンツの検索を行い、検索結果を含む新たな画面データを生成し、この画面データをクライアント2に送信する。そして、クライアント2では、サーバ1から送信された画面データに基づく表示制御がなされることとなる。
In such a network system, for example, when a user starts a web browser on the
On the other hand, the
When the
図2は、サーバ1のハードウェア構成の概略を示すブロック図である。第1実施形態におけるサーバ1は、検索サービスを提供するポータルサイトのウェブサーバである。例えば、クライアント2におけるユーザ操作によって検索対象となるキーワードや画像が指定され、この検索対象による検索が指示されると、検索対象に関連する関連情報を抽出してクライアント2に提示する。
図2に示すように、サーバ1は、制御部11、通信部12、検索データベース13等を備えて構成され、各部はバスライン14により電気的に接続されている。
FIG. 2 is a block diagram illustrating an outline of the hardware configuration of the
As shown in FIG. 2, the
制御部11は、CPU(Central Processing Unit)111、RAM(Random Access Memory)112、フラッシュROM(Read Only Memory)113で構成される。
CPU111は、各種演算処理を行う他、各部の集中制御を行う。RAM112は、CPU111が演算処理を行うときのデータを一時的に記憶しておく作業領域を有する。フラッシュROM113は、CPU111が実行するオペレーティングシステム(OS)やサーバ用ソフトウェア、ウェブアプリケーション等のプログラムを記憶する。
通信部12は、TCP/IP等の通信プロトコルに従って処理を行い、ネットワークNを介してクライアント2とデータの送受信を行う。
The
The
The
検索データベース13には、検索対象が有している対象情報に対応する関連情報が登録されている。つまり、検索対象に関連する情報として、関連情報が登録されている。
ここで、検索対象とは、クライアント2において検索対象とされたキーワードや画像である。また、対象情報とは、それぞれの検索対象を特定するための情報である。
In the
Here, the search target is a keyword or an image that is set as a search target in the
例えば、クライアント2においてユーザが入力したキーワードに基づいて検索する場合、このキーワード自体が検索対象であり、対象情報となりうる。また、クライアント2においてユーザが選択した画像(画面上に配置されている画像)に基づいて検索する場合、この画像自体が検索対象であり、当該画像のファイル名や画像を構成するオブジェクトの名称(画像処理により認識可能)、予め設定されたメタ情報(タグ情報)、又は画像の近傍に配置されているテキストが対象情報となりうる。
For example, when searching based on a keyword input by the user in the
図4は、検索データベース13に格納される情報テーブルの一例について示す説明図である。図4には、「わらび餅」という対象情報に対して登録されている関連情報について示している。
検索データベース13には、検索対象を特定するための対象情報(対象となるキーワード)に対して、対象情報に関する詳細内容を有する詳細情報が、項目情報により分類されて登録されている。つまり、上位階層となる項目情報と、下位階層となる詳細情報により関連情報が構成されている。
FIG. 4 is an explanatory diagram showing an example of an information table stored in the
In the
図4に示すように、「わらび餅」という対象情報に対しては、「解説」「食べる」「つくる」「買う」「知る」という5つの項目情報が登録されている。そして、「解説」という項目情報に対しては、「わらび餅とは、デンプンと水、・・」というわらび餅の解説が詳細情報として登録され、「食べる」という項目情報に対しては、わらび餅を食べるために利用しうる、例えば、飲食店に関する情報(飲食店名、飲食店の画像、飲食店が提供するウェブサイトのURL等)が詳細情報として登録されている。また、「つくる」「買う」「知る」という項目情報に対しても同様に、それぞれの項目情報に対応する詳細情報が登録されている。 As shown in FIG. 4, five items of information “explanation”, “eat”, “create”, “buy”, and “know” are registered for the target information “warabimochi”. For the item information “explanation”, the explanation of the warabi porridge “warabi mushroom is starch and water…” is registered as detailed information, and for the item information “eating” For example, information (e.g., restaurant name, restaurant image, URL of a website provided by the restaurant) that can be used to eat rice cake is registered as detailed information. Similarly, detailed information corresponding to each item information is registered for the item information of “create”, “buy”, and “know”.
なお、詳細情報をさらに複数の階層からなる階層構造で構成するようにしてもよい。例えば、図4において、項目情報「食べる」の下位に複数の飲食店からなる小項目情報を設け、その下位に飲食店ごとの詳細情報(例えば、地域別の飲食店の連絡先や住所、ウェブページのURL等)を対応付けるようにしてもよい。 The detailed information may be configured in a hierarchical structure including a plurality of levels. For example, in FIG. 4, small item information including a plurality of restaurants is provided below the item information “eating”, and detailed information for each restaurant (for example, contact information and addresses of restaurants by region, web site) The URL of the page may be associated.
図2において、サーバ1のCPU111は、例えば、フラッシュROM113に記憶されているサーバ用ソフトウェア及びウェブアプリケーションを実行することにより、クライアント2におけるユーザ操作に応じた処理を行う。例えば、クライアント2のウェブブラウザにおいて、検索対象(キーワードや画像)による検索を指示する操作が行われると、検索結果画面のデータを生成して、これをクライアント2に送信する。
そして、クライアント2では、サーバ1から送信された画面データに基づいて、検索結果画面が表示されることとなる。
例えば、クライアント2において「わらび餅」を対象情報として含んでいる検索対象(キーワード「わらび餅」や「わらび餅」の画像)による検索が行われると、サーバ1は、検索結果として図4に示す関連情報(項目情報、詳細情報)を提示する表示制御を行うこととなる。
In FIG. 2, the
In the
For example, when the
図3は、クライアント2のハードウェア構成の概略を示すブロック図である。
図3に示すように、クライアント2は、制御部21、記憶部22、通信部23、操作部24、表示部25等を備えて構成され、各部はバスライン26により電気的に接続されている。
FIG. 3 is a block diagram showing an outline of the hardware configuration of the
As shown in FIG. 3, the
制御部21の構成はサーバ1の制御部11の構成と同様である。フラッシュROM213は、OSやウェブブラウザ等のプログラムを記憶する。
記憶部22は、例えばハードディスクで構成され、サーバ1からダウンロードしたコンテンツ(例えば、ウェブページで公開されている画像)のデータ等を記憶する。
通信部23は、TCP/IP等の通信プロトコルに従って処理を行い、ネットワークNを介してサーバ1とデータの送受信を行う。
操作部24は、例えば、キーボード及びマウスで構成され、ユーザが情報を入力する際に使用される。例えば、サーバ1から提供されたポータルサイトのトップページにおいて、ユーザは操作部24を操作することにより、検索対象となるキーワードの入力又は画像の選択を行い、この検索対象による検索を指示することができる。
表示部25は、例えば、垂直置きの液晶ディスプレイ等の表示装置で構成され、制御部21からの表示制御指令に基づいて所定の画面を表示する。表示部25には、例えば、ウェブブラウザのGUIが表示される。
The configuration of the
The
The
The
The
クライアント2のCPU211は、例えば、フラッシュROM213に記憶されているウェブブラウザを実行し、ユーザが操作部24によりURLを入力することに伴い、URLで指定されるウェブページをサーバ1に要求する。そして、サーバ1から送信されたウェブページ(例えば、ポータルサイトにおける検索結果画面)のデータを解析して、ウェブブラウザのウィンドウに表示する。
For example, the
上述したように、サーバ1がクライアント2にポータルサイトを提供し、クライアント2において検索対象による検索が行われると、クライアント2のウェブブラウザには検索結果画面が表示される。この検索結果画面において、検索対象が有している対象情報、及び対象情報に基づいて抽出された関連情報が提示されることとなる。
本実施形態では、この検索結果画面の表示において本発明の表示制御方法が適用されている。
As described above, when the
In the present embodiment, the display control method of the present invention is applied to the display of the search result screen.
図5は、検索対象による検索結果画面を表示するための表示制御処理の一例を示すフローチャートである。すなわち、この表示制御処理は、サーバ1において検索処理が実行された後、この検索結果を表示するための処理である。この表示制御処理は、例えば、サーバ1のCPU111がフラッシュROM113に記憶されているサーバ用ソフトウェア及びウェブアプリケーションを実行することにより実現される。
FIG. 5 is a flowchart illustrating an example of display control processing for displaying a search result screen based on a search target. That is, the display control process is a process for displaying the search result after the search process is executed in the
例えば、クライアント2において、ユーザ操作によりキーワードが入力、又は画面上の画像が選択(マウスのクリック)され、このキーワード又は画像を検索対象とする検索が指示されると、サーバ1において検索処理が実行される。
具体的には、サーバ1は、検索対象が有している対象情報を取得し、取得した対象情報に基づいて検索データベース13から関連情報を抽出する。このとき、検索対象がキーワードの場合はキーワード自体が対象情報とされ、検索対象が画像の場合は画像のファイル名、画像認識により取得される画像を構成しているオブジェクト名、予め設定されたメタ情報(タグ情報)、又は画像の近傍に配置されているテキスト等が対象情報とされる。例えば、検索対象が「わらび餅」の画像の場合、「わらび餅」という対象情報が取得され、図4に示す関連情報が抽出されることとなる。
そして、図5に示すフローチャートに従って、上記検索処理により抽出された関連情報をクライアント2の表示部25に表示するための表示制御が行われる。
For example, when a keyword is input by the user operation or an image on the screen is selected (clicking the mouse) in the
Specifically, the
Then, according to the flowchart shown in FIG. 5, display control for displaying the related information extracted by the search process on the
なお、本実施形態では、検索が指示されたときに提供する検索結果画面において、まず、関連情報として項目情報だけを表示し、当該検索結果画面において項目情報の選択操作が行われたときに、この選択された項目情報に対応する詳細情報を提示するようにしている。 In the present embodiment, in the search result screen provided when a search is instructed, first, only item information is displayed as related information, and when item information selection operation is performed on the search result screen, Detailed information corresponding to the selected item information is presented.
図5において、ステップS101では、検索対象の表示領域(第1表示領域)を設定する。本実施形態では、検索結果画面における検索対象の表示領域は予め設定(例えば、画面上の略中央)されている。なお、第1表示領域の大きさは、検索対象の種類(キーワードか画像か)や大きさによって適宜変更される。
ステップS102では、ステップS101で設定した第1表示領域に検索対象を配置する。
In FIG. 5, in step S101, a search target display area (first display area) is set. In the present embodiment, the search target display area on the search result screen is set in advance (for example, approximately the center on the screen). The size of the first display area is appropriately changed depending on the type (keyword or image) of the search target and the size.
In step S102, the search target is arranged in the first display area set in step S101.
ステップS103では、検索対象が有している対象情報、及び対象情報に基づいて抽出された検索結果(関連情報)を表示するための表示領域(第2表示領域)を設定する。このとき、第2表示領域は、第1表示領域を囲繞する円周に沿って設定される。つまり、検索対象の周囲に円弧帯状の表示領域が設定される。また、第2表示領域の大きさは、対象情報と検索結果(関連情報)の数や情報量に応じて適宜変更される。例えば、第2表示領域が円周の全部に設定されると円環状の表示領域となり、円周の一部に設定されると円弧帯状の表示領域となる。
そして、検索結果の数に応じて円弧帯状に設定された表示領域を区分して、検索結果ごとの表示領域を形成する。
In step S103, a display area (second display area) for displaying the target information included in the search target and the search result (related information) extracted based on the target information is set. At this time, the second display area is set along a circumference surrounding the first display area. That is, an arc-shaped display area is set around the search target. In addition, the size of the second display area is appropriately changed according to the number and information amount of the target information and search results (related information). For example, when the second display area is set to the entire circumference, an annular display area is formed, and when the second display area is set to a part of the circumference, an arc-shaped display area is formed.
Then, the display area set in the shape of a circular arc according to the number of search results is divided to form a display area for each search result.
ステップS104では、ステップS103で設定した第2表示領域(区分された表示領域)に対象情報及び項目情報を配置する。すなわち、区分された表示領域は、項目情報を表示する項目表示領域となる。
ステップS105では、サーバ1は、ステップS101〜S104において生成された検索結果画面の画面データをクライアント2に対して送信する。
すると、クライアント2の表示部25には、検索対象の周囲に円弧状に関連情報が表示されることとなる(図6参照)。本実施形態では、検索が指示されたときに提供する検索結果画面において、まず、関連情報として項目情報だけを表示するので、第2表示領域AR2には対象情報TI1と項目情報RI1〜RI5が表示される。
In step S104, the target information and the item information are arranged in the second display area (divided display area) set in step S103. That is, the divided display area becomes an item display area for displaying item information.
In step S105, the
Then, related information is displayed in a circular arc around the search target on the
ステップS105までの処理により、クライアント2において検索結果画面(例えば、図6に示す検索結果画面)が表示された後、ステップS106以降の処理が行われる。
すなわち、ステップ106では、検索結果画面において、検索結果の詳細情報を表示/非表示する選択操作(例えば、マウスによるクリック操作)が行われたか否かを判定する。ここで、図6に示す詳細情報が表示されていない画面において項目情報RI1〜RI5の選択操作が行われると、この選択操作は詳細情報を表示する操作と判定する。また、後述する図7に示す詳細情報が表示されている画面において項目情報RI1(詳細情報の表示が展開されている項目情報)の選択操作が行われると、この選択操作は詳細情報を非表示する操作と判定する。
そして、ユーザによる詳細情報を表示/非表示する操作があると判定した場合はステップS107に移行し、ユーザによる操作がないと判定した場合はステップS109に移行する。
After the search result screen (for example, the search result screen shown in FIG. 6) is displayed on the
That is, in step 106, it is determined whether or not a selection operation (for example, a click operation with a mouse) for displaying / hiding detailed information of the search result has been performed on the search result screen. Here, when the selection operation of the item information RI1 to RI5 is performed on the screen where the detailed information illustrated in FIG. 6 is not displayed, the selection operation is determined to be an operation for displaying the detailed information. Further, when the selection operation of item information RI1 (item information in which the display of detailed information is expanded) is performed on the screen on which the detailed information shown in FIG. 7 to be described later is displayed, this selection operation hides the detailed information. It is determined that the operation to be performed.
If it is determined that there is an operation to display / hide detailed information by the user, the process proceeds to step S107, and if it is determined that there is no operation by the user, the process proceeds to step S109.
ステップS107では、ユーザの操作に基づいて、対象情報及び関連情報を表示する第2表示領域を再設定し、対象情報、項目情報、詳細情報を配置する。例えば、ユーザにより詳細情報を表示する操作が行われた場合には、表示領域に表示する情報量が増加するので、第2表示領域の大きさを円弧方向に拡大させる。一方、ユーザにより詳細情報を非表示する操作が行われた場合には、表示領域に表示する情報量が減少するので、第2表示領域の大きさを縮小させる。つまり、詳細情報を表示する詳細表示領域の分だけ、表示領域AR2が拡大又は縮小されることとなる。 In step S107, the second display area for displaying the target information and related information is reset based on the user's operation, and the target information, item information, and detailed information are arranged. For example, when the user performs an operation for displaying detailed information, the amount of information displayed in the display area increases, so the size of the second display area is expanded in the arc direction. On the other hand, when the user performs an operation to hide the detailed information, the amount of information to be displayed in the display area decreases, so the size of the second display area is reduced. That is, the display area AR2 is enlarged or reduced by the amount of the detail display area that displays the detailed information.
ステップS108では、サーバはステップS106〜S107において生成された画面データをクライアント2に対して送信する。
すると、クライアント2の表示部25において、検索対象の周囲に円弧帯状に形成された第2表示領域には、ユーザの操作に基づいて詳細情報が表示又は非表示されるようになる(図7参照)。
In step S108, the server transmits the screen data generated in steps S106 to S107 to the
Then, on the
ステップS109では、終了操作されたか否かを判定する。ここで、終了操作とは、検索結果画面の表示を終了する操作であり、例えば、ウェブブラウザを終了する操作や、他のウェブページ(例えば、ポータルサイトのトップページ)に遷移する操作等を含む。そして、終了操作されたと判定した場合は表示制御処理を終了する。一方、終了操作されていないと判定した場合は、ステップS106に移行し、表示制御処理を継続する。
クライアント2において、検索対象に対する検索が指示されると、サーバ1では上述した表示制御処理が行われ、クライアント2ではサーバ1から送信された画面データに従って検索結果画面が表示されることとなる。
In step S109, it is determined whether or not an end operation has been performed. Here, the ending operation is an operation for ending the display of the search result screen, and includes, for example, an operation for ending the web browser, an operation for transitioning to another web page (for example, the top page of the portal site), and the like. . If it is determined that the end operation has been performed, the display control process is ended. On the other hand, if it is determined that the ending operation has not been performed, the process proceeds to step S106, and the display control process is continued.
When the
図6は、クライアント2において検索対象(わらび餅の画像)による検索が行われたときの検索結果画面の一例を示す説明図であり、例えば、図5のステップS105の処理後にクライアント2において表示される検索結果画面である。
なお、わらび餅の画像は「わらび餅」という1つの対象情報を有しているものとする。したがって、サーバ1における検索処理により、図4に示す項目情報(「解説」「食べる」「つくる」「買う」「知る」)及び詳細情報が関連情報として抽出される。
FIG. 6 is an explanatory diagram showing an example of a search result screen when a search by a search target (warabimochi image) is performed in the
It is assumed that the image of warabimochi has one piece of target information “warabimochi”. Accordingly, the item information (“commentary”, “eat”, “create”, “buy”, “know”) and detailed information shown in FIG. 4 are extracted as related information by the search process in the
図5におけるステップS101〜S105の処理がなされると、図6に示すように、検索結果画面D1において、画面の略中央が第1表示領域AR1として設定され、ここに検索対象であるわらび餅の画像T1が表示される。そして、このわらび餅の画像T1(第1表示領域AR1)の周囲に円弧帯状に第2表示領域AR2が設定される。さらに第2表示領域AR2は、個々の対象情報及び関連情報を表示するための短冊型の表示領域に分割(区分)され、各表示領域に対象情報TI1及び関連情報RI1〜RI5が表示される。 When the processing of steps S101 to S105 in FIG. 5 is performed, as shown in FIG. 6, in the search result screen D1, the approximate center of the screen is set as the first display area AR1, and here, An image T1 is displayed. Then, the second display area AR2 is set in the shape of a circular arc around the image T1 (first display area AR1) of the warabimochi. Furthermore, the second display area AR2 is divided (segmented) into strip-shaped display areas for displaying individual target information and related information, and target information TI1 and related information RI1 to RI5 are displayed in each display area.
このように、第2表示領域AR2には、検索対象が有する対象情報TI1が表示されるとともに、この対象情報TI1の表示に隣接して抽出された検索結果(項目情報RT1〜RT5)が表示される。
これにより、検索対象に関する検索結果を、対象情報を含めてユーザに提示することができるので、検索結果画面の利便性が向上する。
As described above, the target information TI1 included in the search target is displayed in the second display area AR2, and the search results (item information RT1 to RT5) extracted adjacent to the display of the target information TI1 are displayed. The
Thereby, since the search result regarding the search target can be presented to the user including the target information, the convenience of the search result screen is improved.
そして、図6に示す検索結果画面D1において、ユーザにより項目情報RI1〜RI5の何れかの選択操作(例えば、マウスのクリック操作)が行われると、選択された項目情報に対応する詳細情報が表示される。
図7は、クライアント2において検索対象(わらび餅の画像)による検索が行われたときの検索結果画面の一例を示す説明図である。例えば、図6に示す検索結果画面D1において、ユーザにより項目情報「解説」RI1の選択操作(詳細情報を表示する操作)が行われると、図7に示す検索結果画面D2が表示される。
Then, on the search result screen D1 shown in FIG. 6, when the user performs any selection operation (for example, mouse click operation) on the item information RI1 to RI5, detailed information corresponding to the selected item information is displayed. Is done.
FIG. 7 is an explanatory diagram illustrating an example of a search result screen when a search by a search target (warabimochi image) is performed in the
すなわち、図5におけるステップS106〜S108の処理がなされると、図7に示すように、検索対象であるわらび餅の画像T1(第1表示領域AR1)の周囲に円弧方向に第2表示領域AR2が拡大され、設定しなおされる。
なお、第2表示領域AR2は、第1表示領域AR1を囲繞するように設定されるが、図7に示すように、表示する検索対象と関連情報の視認性を確保できれば、一部が重複しても構わない。
That is, when the processing of steps S106 to S108 in FIG. 5 is performed, as shown in FIG. 7, the second display area AR2 in the arc direction around the image T1 (first display area AR1) of the warabimochi that is the search target. Is enlarged and set again.
The second display area AR2 is set so as to surround the first display area AR1, but as shown in FIG. 7, if the visibility of the search target to be displayed and the related information can be secured, a part of the second display area AR2 overlaps. It doesn't matter.
そして、第2表示領域AR2は個々の対象情報及び関連情報を表示するための短冊型の表示領域に分割され、各表示領域に対象情報TI1及び関連情報RI1〜RI5が表示される。
このとき、ユーザによって選択操作がなされた項目情報「解説」RI1については、項目情報「解説」RI1と「食べる」RI2の間に詳細情報RI11の表示領域が設定され、この表示領域に詳細情報RI11が表示される。
The second display area AR2 is divided into strip-shaped display areas for displaying individual target information and related information, and target information TI1 and related information RI1 to RI5 are displayed in each display area.
At this time, for the item information “explanation” RI1 selected by the user, a display area for the detailed information RI11 is set between the item information “explanation” RI1 and the “eat” RI2, and the detailed information RI11 is displayed in this display area. Is displayed.
また、図7に示すように、ユーザ操作に基づいて展開される詳細情報RI11は、検索対象T1の直下に表示されるようにする。つまり、表示部25は垂直置き型のディスプレイなので、検索対象T1の直下に、展開された詳細情報RI11を表示することで、ユーザが所望する情報を最も視認しやすい表示態様で提示することができる。
なお、複数の詳細情報が展開されている場合には、ユーザ操作により最後に展開された詳細情報が画面の垂直方向に検索対象T1の直下となるように表示制御すればよい。
Further, as shown in FIG. 7, the detailed information RI11 developed based on the user operation is displayed immediately below the search target T1. That is, since the
If a plurality of detailed information is expanded, display control may be performed so that the detailed information expanded last by a user operation is directly below the search target T1 in the vertical direction of the screen.
図7に示す検索結果画面D2において、ユーザにより項目情報「解説」RI1の選択操作(詳細情報を非表示する操作)が行われると、再度、図5のステップS106からS108の処理がなされ、図6に示す検索結果画面D1に遷移することとなる。 When the user performs an operation for selecting item information “explanation” RI1 (an operation for hiding detailed information) on the search result screen D2 shown in FIG. 7, the processing of steps S106 to S108 in FIG. 5 is performed again. 6 to the search result screen D1 shown in FIG.
ここで、詳細情報RI11を表示するとき(図6→図7)は、詳細情報RI11の表示(詳細表示領域)が項目情報RI1の背面(項目表示領域の背面)から現出するように展開され、すなわち、第2表示領域AR2の全体が検索対象T1の円周に沿って拡張されるアニメーションによる表示制御を行うのが望ましい。
また、詳細情報RI11を非表示とするとき(図7→図6)は、詳細情報RI11の表示(詳細表示領域)が項目情報RI1の背面(項目表示領域の背面)に収納されるように圧縮して、すなわち、第2表示領域AR2の全体が検索対象T1の円周に沿って縮小されるアニメーションによる表示制御を行うのが望ましい。これにより、検索結果画面を遷移する際の表示が視覚的に興趣に富んだものとなる。
Here, when displaying the detailed information RI11 (FIG. 6 → FIG. 7), the display (detail display area) of the detailed information RI11 is developed so as to appear from the back of the item information RI1 (the back of the item display area). That is, it is desirable to perform display control by animation in which the entire second display area AR2 is expanded along the circumference of the search target T1.
When the detailed information RI11 is not displayed (FIG. 7 → FIG. 6), the display (detail display area) of the detailed information RI11 is compressed so that it is stored on the back of the item information RI1 (the back of the item display area). In other words, it is desirable to perform display control by animation in which the entire second display area AR2 is reduced along the circumference of the search target T1. As a result, the display when the search result screen is transitioned is visually interesting.
上述したように、第1実施形態では、検索対象の周囲に検索結果(項目情報、詳細情報)をクライアント2の表示部25に表示する際に、検索対象の表示領域(第1表示領域)AR1を設定し(ステップS101)、この第1表示領域AR1に検索対象T1を配置する(ステップS102)。なお、この処理は、検索対象T1の位置を取得することに他ならない。
そして、検索対象T1の周囲に円弧帯状の表示領域(第2表示領域)AR2を設定し(ステップS103:表示領域設定ステップ)、さらに、検索結果の数に応じて円弧帯状の表示領域AR2を区分して、検索結果ごとの表示領域を形成する(ステップS103:区分ステップ)。そして、区分された表示領域に検索結果に対応する項目情報RI1〜RI5を表示する(ステップS104:項目表示ステップ)。
As described above, in the first embodiment, when a search result (item information, detailed information) is displayed around the search target on the
Then, an arc-band display area (second display area) AR2 is set around the search target T1 (step S103: display area setting step), and the arc-band display area AR2 is further classified according to the number of search results. Then, a display area for each search result is formed (step S103: classification step). Then, item information RI1 to RI5 corresponding to the search result is displayed in the divided display area (step S104: item display step).
さらに、区分された表示領域(項目情報が表示されている表示領域)の何れかがユーザ操作により選択された場合に、検索結果の詳細情報に応じて検索結果の表示領域AR2を円弧方向に拡大し、当該詳細情報を表示する(ステップS106,S107:詳細表示ステップ)。
また、区分された表示領域がユーザ操作により選択解除された場合に、拡大された表示領域AR2を縮小し、表示されていた詳細情報を非表示とする(ステップS106,S107:詳細非表示ステップ)。
これにより、検索対象に関連する関連情報(検索結果)をクライアント2の表示部25に表示する際のGUIを、視覚的に斬新で、利便性に優れたものとすることができる。
Further, when any of the divided display areas (display areas where item information is displayed) is selected by a user operation, the search result display area AR2 is expanded in the arc direction according to the detailed information of the search results. Then, the detailed information is displayed (steps S106 and S107: detailed display step).
When the selected display area is deselected by a user operation, the enlarged display area AR2 is reduced and the displayed detailed information is not displayed (steps S106 and S107: details non-display step). .
Thereby, the GUI when displaying the related information (search result) related to the search target on the
また、検索結果画面におけるユーザの操作に基づいて、関連情報(項目情報、詳細情報)の表示を展開又は圧縮するので、ユーザは検索結果の関連性を視覚的に認識できるとともに、所望の情報だけを表示させることができる。
また、第1実施形態に係る検索結果画面では、検索対象に関連する関連情報の内容を、ページ遷移することなく連続して閲覧できる。さらに、関連情報の表示により検索対象が覆われて隠れてしまうこともない。
In addition, since the display of the related information (item information, detailed information) is expanded or compressed based on the user's operation on the search result screen, the user can visually recognize the relevance of the search result and only the desired information. Can be displayed.
In the search result screen according to the first embodiment, the contents of related information related to the search target can be browsed continuously without page transition. Furthermore, the display of related information does not cover and hide the search target.
なお、第1実施形態では、ユーザの操作に基づいて詳細情報の表示/非表示を行うようにしているが、複数の詳細情報を表示させようとすると、表示領域が不足する可能性がある。このような場合は、先に展開された詳細情報については自動的に圧縮させることにより、表示領域上に提示する情報が重なり、表示される情報が煩雑となるのを防止するのが望ましい。 In the first embodiment, detailed information is displayed / hidden based on a user's operation. However, if a plurality of detailed information is to be displayed, the display area may be insufficient. In such a case, it is desirable to prevent the information to be displayed from becoming complicated by overlapping the information presented on the display area by automatically compressing the previously developed detailed information.
(第2実施形態)
第1実施形態では、パーソナルコンピュータ等のクライアント2において、インターネットを利用した一般的な検索が行われたときの検索結果画面を表示させる場合に、本発明を適用している。つまり、クライアント2においてユーザが入力したキーワードや選択した画像等の情報を検索対象としている。
第2実施形態では、現実世界に実在する物を検索対象とし、この検索対象に関連する関連情報(検索結果)を表示させる場合に、本発明を適用する。すなわち、現実に存在している検索対象の周囲に円弧帯状に検索結果を表示するようにしている。
(Second Embodiment)
In the first embodiment, the present invention is applied to a case where a
In the second embodiment, the present invention is applied to a case where an object existing in the real world is a search target and related information (search result) related to the search target is displayed. That is, the search result is displayed in the form of a circular arc around the search target that actually exists.
図8は、第2実施形態に係るテーブル3のハードウェア構成の概略を示すブロック図である。
第2実施形態において、テーブル3を情報検索装置として機能させるため、テーブルに載置される物(検索対象となりうる物)には、例えば、識別情報(識別コード)が登録されたICタグが備えられる。ICタグとは、識別に利用される微小な無線ICチップである。つまり、テーブル3は、ICタグから識別情報を取得することにより、載置されている物を認識することができる。
また、ユーザが関連情報を検索したい検索対象は、テーブル3の略中央に載置されるものとする。
FIG. 8 is a block diagram showing an outline of the hardware configuration of the table 3 according to the second embodiment.
In the second embodiment, in order for the table 3 to function as an information search device, an object placed on the table (an object that can be searched) includes, for example, an IC tag in which identification information (identification code) is registered. It is done. The IC tag is a minute wireless IC chip used for identification. That is, the table 3 can recognize the mounted object by acquiring the identification information from the IC tag.
In addition, the search target that the user wants to search for related information is placed in the approximate center of the table 3.
図8に示すように、テーブル3は、制御部31、液晶タッチパネル32、対象物検知部33,検索データベース34、記憶部35等を備えて構成され、各部はバスライン36により電気的に接続されている。
As shown in FIG. 8, the table 3 includes a
制御部31の構成は、第1実施形態のクライアント2の制御部21の構成とほぼ同様である(図3参照)。フラッシュROM313は、後述する操作部321からの検索指示に基づいて検索処理を行い、後述する表示部322に検索結果を表示するための検索プログラムを記憶している。
The configuration of the
液晶タッチパネル32は、テーブルの載置面を表示面とする水平置き型のディスプレイで構成され、中央に載置された物についてユーザが検索を指示するための操作部321として機能するとともに、検索結果を表示するための表示部322として機能する。
操作部321は、例えば、テーブル中央に載置された物の近傍においてユーザが検索開始記号(例えば、「?」)を描くと、液晶タッチパネル32がこの検索開始記号を検知し、テーブル中央に載置された物についての検索指示として制御部31に出力する。つまり、第2実施形態では、検索対象の近傍で「?」を描く操作が、検索対象による検索を指示するユーザ操作となる。また、表示部322は、制御部31による表示制御に従って、検索結果を表示する。
The liquid crystal touch panel 32 is configured by a horizontally placed display having a table mounting surface as a display surface, and functions as an
For example, when the user draws a search start symbol (for example, “?”) In the vicinity of an object placed in the center of the table, the liquid crystal touch panel 32 detects the search start symbol and places the
対象物検知部33は、テーブルに載置された物(例えば、皿等の食器)のICタグに登録されている識別情報を無線通信により取得するICタグリーダであり、例えば、テーブル3の載置面中央に設けられている。ユーザがテーブル中央に物を載置し、その近傍において「?」と描くと、対象物検知部33は中央に載置された物から識別情報を取得する。
検索データベース34は、第1実施形態の検索データベース14(図2参照)と同様の構成を有する。すなわち、検索対象(載置された物)が有しうる対象情報と、これに対応する関連情報が登録されている。
The
The
記憶部35は、例えば、不揮発性の半導体メモリで構成され、検索対象から取得される識別情報と、この識別情報が示す対象情報(すなわち、載置された物が有している対象情報)を予め対応付けて記憶している。例えば、第2実施形態では、料理を盛りつける食器を予め定め、食器ごとの識別情報と、盛りつけられる料理名を対応付けて記憶する。この場合、料理名が検索対象を特定する対象情報となる。
The
上述したように、第2実施形態に係る情報検索装置としてのテーブル3は、液晶タッチパネル32で構成される表示部322、操作部321を備える。また、液晶タッチパネル32に載置された物から対象情報を取得する対象情報取得部(対象物検知部33,記憶部35)、取得した対象情報に基づいて関連情報を検索する関連情報検索部(制御部31)を備える。そして、制御部31は、表示部322に検索結果を表示するときの制御を行う(表示制御部)。
As described above, the table 3 as the information search apparatus according to the second embodiment includes the
具体的には、情報検索装置としてのテーブル3において、CPU311は、例えば、ユーザによる検索操作に伴い、フラッシュROM313に記憶されている検索プログラムを実行し、対象物検知部33により検索対象のICタグに登録されている識別情報を取得する。次いで、この識別情報と記憶部35に記憶されている情報を照合することにより検索対象とされた物が有する対象情報(例えば、料理名)を取得する。そして、これに基づいて検索データベース34から関連情報を抽出し、表示部322に表示させる。
Specifically, in the table 3 as the information search device, the
この表示制御処理は、第1実施形態とほぼ同様に行われる。
第2実施形態では、テーブル3において検索処理が行われ、その検索結果を自身の表示部322に表示する点、検索対象が実在する物である点が第1実施形態と異なる。
第2実施形態では、テーブル3に載置された検索対象の周囲に円弧状に関連情報を表示するので、図5におけるステップS101、S102の代わりに、検索対象の位置が取得されることとなる。ここでは、検索対象とする物はテーブル中央に載置されるようにしているので、検索対象の位置はテーブル中央となる。なお、記憶部35において、識別情報に対応させて食器の大きさを登録しておくことで、食器(検索対象)が載置されている領域を正確に把握できる。
This display control process is performed in substantially the same manner as in the first embodiment.
The second embodiment is different from the first embodiment in that a search process is performed in the table 3 and the search result is displayed on its
In the second embodiment, since the related information is displayed in a circular arc around the search target placed on the table 3, the position of the search target is acquired instead of steps S101 and S102 in FIG. . Here, since the object to be searched is placed in the center of the table, the position of the search target is the center of the table. In the
図9は、第2実施形態に係るテーブル3において、検索対象による検索が行われたときの検索結果画面の一例を示す説明図である。
図9は、わらび餅が盛りつけられた食器RT1を検索対象とした場合、すなわち、わらび餅が盛りつけられた食器RT1がテーブル中央に載置され、その近傍において、ユーザが「?」を描く操作を行った場合について示している。
図9に示すように、テーブル3において、「わらび餅」という対象情報を有する食器RT1が検索対象とされると、これに関連する関連情報を表示するための表示領域が、検索対象RT1の周囲に円弧帯状に設定される。そして、当該表示領域に、対象情報「わらび餅」に基づいて抽出された関連情報が表示される。
FIG. 9 is an explanatory diagram illustrating an example of a search result screen when a search by a search target is performed in the table 3 according to the second embodiment.
FIG. 9 shows a case where tableware RT1 with bracken rice is set as a search target, that is, tableware RT1 with bracken rice is placed in the center of the table, and the user draws “?” In the vicinity thereof. The case where it went is shown.
As shown in FIG. 9, in table 3, when tableware RT1 having the target information “warabimochi” is set as a search target, a display area for displaying related information related thereto is displayed around the search target RT1. Is set in the shape of an arc belt. Then, related information extracted based on the target information “warabimochi” is displayed in the display area.
また、テーブル3において、載置される食器そのものに関する情報(例えば、有田焼など)を、対象情報として当該食器の識別情報に対応付けて登録しておけば、この情報についてもユーザに提示することができる。 Further, if information related to the tableware itself (for example, Arita ware) is registered in the table 3 in association with the identification information of the tableware as target information, this information can also be presented to the user. it can.
この関連情報の表示は、ユーザ操作に基づいて、検索対象RT1を囲繞する円周上を回動して表示されるようにする。例えば、ユーザが関連情報の一部を押下して、そのまま円弧状にスライドさせる操作を行うと、スライド方向に関連情報の表示が回動するように表示制御を行う。テーブル3の表示部322は水平置き型なので、ユーザはテーブル上方のあらゆる方向から情報を視認することができる。
そこで、所望するユーザに対して関連情報が適切な表示態様で提示できるようにしている。なお、初期の表示態様は、ユーザによる検索操作が行われた位置を基準に設定されるようにすればよい。
The display of the related information is rotated and displayed on the circumference surrounding the search target RT1 based on a user operation. For example, when the user depresses a part of the related information and performs an operation of sliding the arc as it is, display control is performed so that the display of the related information rotates in the sliding direction. Since the
Therefore, related information can be presented in an appropriate display mode to a desired user. The initial display mode may be set based on the position where the search operation by the user is performed.
上述したように、第2実施形態に係るテーブル3によれば、現実の検索対象RT1に関連する関連情報(検索結果)を表示部322に表示する際のGUIを、視覚的に斬新で、利便性に優れたものとすることができる。
As described above, according to the table 3 according to the second embodiment, the GUI when displaying the related information (search result) related to the actual search target RT1 on the
以上、本発明者によってなされた発明を実施形態に基づいて具体的に説明したが、本発明は上記実施形態に限定されるものではなく、その要旨を逸脱しない範囲で変更可能である。 As mentioned above, although the invention made by this inventor was concretely demonstrated based on embodiment, this invention is not limited to the said embodiment, It can change in the range which does not deviate from the summary.
例えば、上記実施形態では、検索対象が一つの対象情報を有している場合について説明したが、検索対象が複数の対象情報を有している場合にも適用できる。
図10は、第1実施形態におけるクライアント2において検索対象による検索が行われたときの検索結果画面の一例を示す説明図である。
図10では、例えば、クライアント2において、ユーザにより抹茶が入った有田焼の画像が検索対象として指定され、当該画像から「抹茶」「有田焼」という2つの対象情報が取得された場合について示している。例えば、画像近傍に「抹茶」「有田焼」というテキストが配置されていると、「抹茶」「有田焼」という2つの対象情報が取得される。
For example, in the above-described embodiment, the case where the search target has one piece of target information has been described. However, the present invention can also be applied to a case where the search target has a plurality of pieces of target information.
FIG. 10 is an explanatory diagram illustrating an example of a search result screen when a search by a search target is performed in the
FIG. 10 shows a case where, for example, the
この場合は、図10に示すように、検索対象T2の周囲に円弧帯状に形成された第2表示領域AR2には、対象情報TI2、TI3が配置され、それぞれの表示に隣接して関連情報RI6〜RI9が配置される。図10では、対象情報「抹茶」に対応する関連情報は圧縮され非表示となっており、対象情報「有田焼」に対応する関連情報RI6〜RI9のみが展開され表示されている。 In this case, as shown in FIG. 10, target information TI2 and TI3 are arranged in the second display area AR2 formed in the shape of a circular arc around the search target T2, and the related information RI6 is adjacent to each display. ~ RI9 is arranged. In FIG. 10, the related information corresponding to the target information “Matcha” is compressed and hidden, and only the related information RI6 to RI9 corresponding to the target information “Arita ware” is expanded and displayed.
図10に示す検索結果画面において、対象情報「抹茶」TI2の選択操作が行われると、「抹茶」に対応する関連情報が展開されて表示されることとなる。このとき、他方の対象情報「有田焼」に対応する関連情報RI6〜RI9については自動的に対象情報TI3の背面に収納され、非表示とされるようにしてもよい。また、関連情報を構成する詳細情報(例えば、詳細情報RI61)については、第1実施形態と同様の表示制御が行われるようにすればよい。 When the target information “matcha” TI2 is selected on the search result screen shown in FIG. 10, related information corresponding to “matcha” is expanded and displayed. At this time, the related information RI6 to RI9 corresponding to the other target information “Arita ware” may be automatically stored behind the target information TI3 and not displayed. Further, for the detailed information (for example, detailed information RI61) constituting the related information, display control similar to that in the first embodiment may be performed.
また、検索結果画面において、ユーザ操作により検索結果の表示領域の大きさを変更可能としてもよい。例えば、第1実施形態(図6参照)において、第2表示領域AR2の円弧方向端部がドラッグされると、第2表示領域AR2が円弧方向に拡大/縮小されるようにする。 In the search result screen, the size of the search result display area may be changed by a user operation. For example, in the first embodiment (see FIG. 6), when the arc direction end of the second display area AR2 is dragged, the second display area AR2 is enlarged / reduced in the arc direction.
また、検索結果画面において、ユーザ操作により検索対象の位置が変更された場合は、変更後の検索対象の位置に応じて検索結果の表示を更新するようにしてもよい。
例えば、第1実施形態(図6参照)において、ユーザのドラッグアンドドロップ等の操作により検索対象T1の位置(検索対象T1の表示領域AR1)が変更されると、変更後の検索対象T1の位置を検出する。そして、変更後の検索対象T1の周囲に円弧帯状の表示領域AR2を設定して、検索結果を表示するようにする。
また例えば、第2実施形態(図9参照)において、検索対象RT1の位置が変更されると、液晶タッチパネル32(操作部321)により検索対象RT1の位置を検出し、その周囲に円弧帯状の表示領域を設定して、検索結果を表示するようにする。
In addition, when the position of the search target is changed by a user operation on the search result screen, the display of the search result may be updated according to the changed position of the search target.
For example, in the first embodiment (see FIG. 6), when the position of the search target T1 (display area AR1 of the search target T1) is changed by the user's operation such as drag and drop, the position of the search target T1 after the change Is detected. Then, an arc-shaped display area AR2 is set around the search target T1 after the change, and the search result is displayed.
In addition, for example, in the second embodiment (see FIG. 9), when the position of the search target RT1 is changed, the position of the search target RT1 is detected by the liquid crystal touch panel 32 (operation unit 321), and an arc-shaped display is displayed around the position. Set the area to display the search results.
今回開示された実施の形態はすべての点で例示であって制限的なものではないと考えられるべきである。本発明の範囲は上記した説明ではなくて特許請求の範囲によって示され、特許請求の範囲と均等の意味および範囲内でのすべての変更が含まれることが意図される。 The embodiment disclosed this time should be considered as illustrative in all points and not restrictive. The scope of the present invention is defined by the terms of the claims, rather than the description above, and is intended to include any modifications within the scope and meaning equivalent to the terms of the claims.
D2 検索結果画面
AR1 第1表示領域
AR2 第2表示領域
T1 検索対象
TI1 対象情報
RI1〜RI5 項目情報(関連情報)
RI11 詳細情報(関連情報)
D2 Search result screen AR1 First display area AR2 Second display area T1 Search target TI1 Target information RI1 to RI5 Item information (related information)
RI11 Detailed information (related information)
Claims (5)
前記検索対象の周囲に円弧帯状の表示領域を設定する表示領域設定ステップと、
前記検索結果の数に応じて前記円弧帯状の表示領域を区分して、検索結果ごとの表示領域を形成する区分ステップと、
前記区分された表示領域に前記検索結果に対応する項目情報を表示する項目表示ステップと、
前記区分された表示領域の何れかがユーザ操作により選択された場合に、前記検索結果の詳細情報に応じて当該検索結果の表示領域を前記円弧方向に拡大し、当該詳細情報を表示する詳細表示ステップと、
前記区分された表示領域がユーザ操作により選択解除された場合に、前記拡大された表示領域を縮小し、表示されていた詳細情報を非表示とする詳細非表示ステップと、
を含むことを特徴とする表示制御方法。 A display control method that displays search results around the search target,
A display area setting step for setting an arc-shaped display area around the search target;
A step of dividing the arc-shaped display area according to the number of the search results to form a display area for each search result;
An item display step for displaying item information corresponding to the search result in the partitioned display area;
Detailed display that displays the detailed information by expanding the display area of the search result in the arc direction according to the detailed information of the search result when any of the divided display areas is selected by a user operation Steps,
A detail non-display step of reducing the enlarged display area when the selected display area is deselected by a user operation, and hiding the displayed detailed information;
A display control method comprising:
前記詳細表示ステップでは、ユーザ操作に基づいて、前記項目表示領域から前記詳細表示領域を前記円弧方向に展開し、
前記詳細非表示ステップでは、ユーザ操作に基づいて、前記展開された詳細表示領域を前記項目表示領域の方向に圧縮することを特徴とする請求項1に記載の表示制御方法。 The search result display area includes an item display area for displaying the item information, and a detailed display area for displaying the detailed information.
In the detail display step, the detail display area is expanded in the arc direction from the item display area based on a user operation,
The display control method according to claim 1, wherein, in the detail non-display step, the expanded detail display area is compressed in the direction of the item display area based on a user operation.
前記詳細表示ステップでは、ユーザ操作により最後に表示された詳細情報を、前記画面に表示された前記検索対象の直下に位置させることを特徴とする請求項1又は2に記載の表示制御方法。 When displaying the search results on a vertical screen,
3. The display control method according to claim 1, wherein, in the detail display step, detailed information displayed last by a user operation is positioned immediately below the search target displayed on the screen.
前記検索対象の周囲に円弧帯状の表示領域を設定する表示領域設定ステップと、
前記検索結果の数に応じて前記円弧帯状の表示領域を区分して、検索結果ごとの表示領域を形成する区分ステップと、
前記区分された表示領域に前記検索結果に対応する項目情報を表示する項目表示ステップと、
前記区分された表示領域の何れかがユーザ操作により選択された場合に、前記検索結果の詳細情報に応じて当該検索結果の表示領域を前記円弧方向に拡大し、当該詳細情報を表示する詳細表示ステップと、
前記区分された表示領域がユーザ操作により選択解除された場合に、前記拡大された表示領域を縮小し、表示されていた詳細情報を非表示とする詳細非表示ステップと、
をコンピュータに実行させることを特徴とするプログラム。 A program for displaying search results around the search target.
A display area setting step for setting an arc-shaped display area around the search target;
A step of dividing the arc-shaped display area according to the number of the search results to form a display area for each search result;
An item display step for displaying item information corresponding to the search result in the partitioned display area;
Detailed display that displays the detailed information by expanding the display area of the search result in the arc direction according to the detailed information of the search result when any of the divided display areas is selected by a user operation Steps,
A detail non-display step of reducing the enlarged display area when the selected display area is deselected by a user operation, and hiding the displayed detailed information;
A program that causes a computer to execute.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2008137428A JP4783813B2 (en) | 2008-05-27 | 2008-05-27 | Display control method and program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2008137428A JP4783813B2 (en) | 2008-05-27 | 2008-05-27 | Display control method and program |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2009288830A JP2009288830A (en) | 2009-12-10 |
JP4783813B2 true JP4783813B2 (en) | 2011-09-28 |
Family
ID=41458024
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2008137428A Expired - Fee Related JP4783813B2 (en) | 2008-05-27 | 2008-05-27 | Display control method and program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP4783813B2 (en) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5565033B2 (en) * | 2010-03-29 | 2014-08-06 | ソニー株式会社 | Information processing apparatus, content display method, and computer program |
KR101196475B1 (en) | 2010-09-10 | 2012-11-01 | 주식회사 다음커뮤니케이션 | Device and method providing search service |
CN103886044A (en) * | 2014-03-11 | 2014-06-25 | 百度在线网络技术(北京)有限公司 | Method and device for providing search results |
JP6726936B2 (en) * | 2015-05-29 | 2020-07-22 | キヤノンメディカルシステムズ株式会社 | Medical image diagnostic system, server device and medical image display device |
-
2008
- 2008-05-27 JP JP2008137428A patent/JP4783813B2/en not_active Expired - Fee Related
Also Published As
Publication number | Publication date |
---|---|
JP2009288830A (en) | 2009-12-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9652556B2 (en) | Search suggestions based on viewport content | |
US20140380229A1 (en) | System, method and user interface for designing customizable products from a mobile device | |
US20100146012A1 (en) | Previewing search results for suggested refinement terms and vertical searches | |
EP3155507B1 (en) | Storage system user interface with floating file collection | |
CA2861616C (en) | Method and system to provide a scroll map | |
US20110197116A1 (en) | Method and apparatus for selecting hyperlinks | |
RU2503057C2 (en) | Information processing device, information processing method, program and information processing system | |
CN102591907A (en) | Persistent user interface for providing navigational functionality | |
JP2009140058A (en) | Information provision program, information provision device, and information provision method | |
JP5580924B1 (en) | Distribution device, terminal device, distribution method, and distribution program | |
US20140082550A1 (en) | Systems and methods for integrated query and navigation of an information resource | |
JP4783813B2 (en) | Display control method and program | |
JP5897720B2 (en) | User interface device, search method and program | |
US20140281952A1 (en) | Interactively viewing multi documents on display screen | |
US20130055114A1 (en) | Enhanced and Extended Browsing Via Companion Mobile Device | |
JP2009266188A (en) | Display control method and program | |
US20140115525A1 (en) | Systems and methods for integrated query and navigation of an information resource | |
KR20060134290A (en) | Portal-site linking system and portal-site linking method | |
JP7147215B2 (en) | Information processing device, information processing method and program | |
JP6592467B2 (en) | Program, terminal device, and terminal control method | |
US8898135B2 (en) | Information processing device, information processing method, information processing method, information processing program and recording medium | |
JP6838594B2 (en) | Information processing equipment, information processing methods and programs | |
JP5923141B2 (en) | Distribution device, terminal device, distribution method, distribution program, and server device | |
JP2015156181A (en) | Search system, client terminal, and program for searching newly-arrived information | |
JP5719813B2 (en) | Information processing apparatus and control method thereof |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20110617 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20110628 |
|
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20110711 |
|
FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20140715 Year of fee payment: 3 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 4783813 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
S531 | Written request for registration of change of domicile |
Free format text: JAPANESE INTERMEDIATE CODE: R313531 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
S533 | Written request for registration of change of name |
Free format text: JAPANESE INTERMEDIATE CODE: R313533 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
S111 | Request for change of ownership or part of ownership |
Free format text: JAPANESE INTERMEDIATE CODE: R313111 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
LAPS | Cancellation because of no payment of annual fees | ||
S111 | Request for change of ownership or part of ownership |
Free format text: JAPANESE INTERMEDIATE CODE: R313111 |
|
R371 | Transfer withdrawn |
Free format text: JAPANESE INTERMEDIATE CODE: R371 |