Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
JP7702525B2 - Information display device, information display method, and program - Google Patents
[go: Go Back, main page]

JP7702525B2 - Information display device, information display method, and program - Google Patents

Information display device, information display method, and program Download PDF

Info

Publication number
JP7702525B2
JP7702525B2 JP2024060547A JP2024060547A JP7702525B2 JP 7702525 B2 JP7702525 B2 JP 7702525B2 JP 2024060547 A JP2024060547 A JP 2024060547A JP 2024060547 A JP2024060547 A JP 2024060547A JP 7702525 B2 JP7702525 B2 JP 7702525B2
Authority
JP
Japan
Prior art keywords
display
display area
image
icon
input operation
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.)
Active
Application number
JP2024060547A
Other languages
Japanese (ja)
Other versions
JP2024096776A (en
Inventor
貴行 嶋田
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Pioneer Corp
Original Assignee
Pioneer Corp
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Pioneer Corp filed Critical Pioneer Corp
Priority to JP2024060547A priority Critical patent/JP7702525B2/en
Publication of JP2024096776A publication Critical patent/JP2024096776A/en
Priority to JP2025105679A priority patent/JP2025123498A/en
Application granted granted Critical
Publication of JP7702525B2 publication Critical patent/JP7702525B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Fittings On The Vehicle Exterior For Carrying Loads, And Devices For Holding Or Mounting Articles (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Description

本発明は、情報を表示する情報表示装置、情報表示方法及びプログラムに関する。 The present invention relates to an information display device, an information display method, and a program.

例えば、経路を案内する経路案内装置において、地図情報と共に3次元的に表現された交差点画像を表示することが行われている。 For example, in route guidance devices that provide route guidance, three-dimensional intersection images are displayed together with map information.

このような経路案内装置としては、例えば、交差点の複雑度を判定し、その判定結果に応じて地図情報と共に3次元的に表現された交差点画像を表示する表示装置が特許文献1に開示されている。 As an example of such a route guidance device, Patent Literature 1 discloses a display device that determines the complexity of an intersection and displays a three-dimensional image of the intersection together with map information according to the result of the determination.

特開2018-146271号公報JP 2018-146271 A

しかしながら、特許文献1の表示装置は、既定サイズの交差点画像を地図情報と共に表示するのみである。また、複数の情報が表示される場合、適切な表示サイズで表示することができないことが課題の一例として挙げられる。 However, the display device in Patent Document 1 only displays a preset-size intersection image together with map information. In addition, when multiple pieces of information are displayed, one example of the problem is that they cannot be displayed at an appropriate size.

本発明は上記した点に鑑みてなされたものであり、ユーザが所望する情報を適切なサイズで容易に表示することが可能な情報表示装置を提供すること課題の1つとする。 The present invention has been made in consideration of the above points, and one of its objectives is to provide an information display device that can easily display the information desired by the user in an appropriate size.

本願請求項1に記載の情報表示装置は、コンテンツ画像を表示画面上の第1表示領域に表示させる第1表示制御部と、前記表示画面上の第2表示領域に地図画像を複数のアイコン画像と共に表示させる第2表示制御部と、前記第1表示領域を拡大または縮小するための第1入力操作及び前記地図画像に対するユーザからの第2入力操作を受け付ける入力操作受付部と、前記第1入力操作に基づき、前記複数のアイコン画像のうち、前記第2入力操作を受け付けるための第1アイコン画像に対しては、前記アイコン画像の表示形態を変更するための第1表示形態処理を行わず、前記第2入力操作を受け付けるためのものではない第2アイコン画像に対しては、前記第1表示形態処理を行う、表示形態処理部と、を有し、前記表示形態処理部は、前記コンテンツ画像が前記第1表示領域に表示されかつ前記地図画像が前記第1アイコン画像及び前記第2アイコン画像と共に前記第2表示領域に表示されたときにおける前記第1入力操作に応じて、前記第2アイコン画像に対して前記第1表示形態処理を行うと同時に、表示位置を変更するための表示形態処理を前記第1アイコン画像に対して行うことを特徴とする。 An information display device according to claim 1 of the present application includes a first display control unit that displays a content image in a first display area on a display screen; a second display control unit that displays a map image together with a plurality of icon images in a second display area on the display screen; an input operation receiving unit that receives a first input operation for enlarging or reducing the first display area and a second input operation from a user on the map image; and a display form processing unit that, based on the first input operation, does not perform a first display form processing for changing a display form of a first icon image among the plurality of icon images that is for receiving the second input operation, and performs the first display form processing on a second icon image that is not for receiving the second input operation, wherein the display form processing unit performs the first display form processing on the second icon image and simultaneously performs a display form processing on the first icon image for changing a display position, in response to the first input operation when the content image is displayed in the first display area and the map image is displayed in the second display area together with the first icon image and the second icon image.

本願請求項10に記載の情報表示方法は、コンピュータによって実行される情報表示方法であって、コンテンツ画像を表示画面上の第1表示領域に表示させるステップと、前記表示画面上の第2表示領域に地図画像を複数のアイコン画像と共に表示させるステップと、前記第1表示領域を拡大または縮小するための第1入力操作及び前記地図画像に対するユーザからの第2入力操作を受け付けるステップと、前記第1入力操作に基づき、前記複数のアイコン画像のうち、前記第2入力操作を受け付けるための第1アイコン画像に対しては、前記アイコン画像の表示形態を変更するための第1表示形態処理を行わず、前記第2入力操作を受け付けるためのものではない第2アイコン画像に対しては、前記第1表示形態処理を行うステップと、前記コンテンツ画像が前記第1表示領域に表示されかつ前記地図画像が前記第1アイコン画像及び前記第2アイコン画像と共に前記第2表示領域に表示されたときにおける前記第1入力操作に応じて、前記第2アイコン画像に対して前記第1表示形態処理を行うステップと同時に、表示位置を変更するための表示形態処理を前記第1アイコン画像に対して行うステップと、を有することを特徴とする。 An information display method according to claim 10 of the present application is an information display method executed by a computer, comprising the steps of: displaying a content image in a first display area on a display screen; displaying a map image together with a plurality of icon images in a second display area on the display screen; accepting a first input operation for enlarging or reducing the first display area and a second input operation on the map image from a user; not performing a first display form process for changing a display form of a first icon image among the plurality of icon images for accepting the second input operation based on the first input operation, and performing the first display form process on a second icon image not for accepting the second input operation; and performing a display form process for the first icon image for changing a display position, simultaneously with the step of performing the first display form process on the second icon image, in response to the first input operation when the content image is displayed in the first display area and the map image is displayed in the second display area together with the first icon image and the second icon image.

本願請求項11に記載のプログラムは、コンピュータに、コンテンツ画像を表示画面上の第1表示領域に表示させるステップと、前記表示画面上の第2表示領域に地図画像を複数のアイコン画像と共に表示させるステップと、前記第1表示領域を拡大または縮小するための第1入力操作及び前記地図画像に対するユーザからの第2入力操作を受け付けるステップと、前記第1入力操作に基づき、前記複数のアイコン画像のうち、前記第2入力操作を受け付けるための第1アイコン画像に対しては、前記アイコン画像の表示形態を変更するための第1表示形態処理を行わず、前記第2入力操作を受け付けるためのものではない第2アイコン画像に対しては、前記第1表示形態処理を行うステップと、前記コンテンツ画像が前記第1表示領域に表示されかつ前記地図画像が前記第1アイコン画像及び前記第2アイコン画像と共に前記第2表示領域に表示されたときにおける前記第1入力操作に応じて、前記第2アイコン画像に対して前記第1表示形態処理を行うステップと同時に、表示位置を変更するための表示形態処理を前記第1アイコン画像に対して行うステップと、を実行させる。 The program according to claim 11 of the present application causes a computer to execute the following steps: displaying a content image in a first display area on a display screen; displaying a map image together with a plurality of icon images in a second display area on the display screen; accepting a first input operation for enlarging or reducing the first display area and a second input operation on the map image from a user; not performing a first display form process for changing a display form of a first icon image among the plurality of icon images, which is for accepting the second input operation, based on the first input operation, and performing the first display form process on a second icon image which is not for accepting the second input operation; and performing a display form process for the first icon image for changing a display position, simultaneously with the step of performing the first display form process on the second icon image, in response to the first input operation when the content image is displayed in the first display area and the map image is displayed in the second display area together with the first icon image and the second icon image.

本願請求項12に記載の記憶媒体は、コンピュータに、コンテンツ画像を表示画面上の第1表示領域に表示させるステップと、前記表示画面上の第2表示領域に地図画像を複数のアイコン画像と共に表示させるステップと、前記第1表示領域を拡大または縮小するための第1入力操作及び前記地図画像に対するユーザからの第2入力操作を受け付けるステップと、前記第1入力操作に基づき、前記複数のアイコン画像のうち、前記第2入力操作を受け付けるための第1アイコン画像に対しては、前記アイコン画像の表示形態を変更するための第1表示形態処理を行わず、前記第2入力操作を受け付けるためのものではない第2アイコン画像に対しては、前記第1表示形態処理を行うステップと、前記コンテンツ画像が前記第1表示領域に表示されかつ前記地図画像が前記第1アイコン画像及び前記第2アイコン画像と共に前記第2表示領域に表示されたときにおける前記第1入力操作に応じて、前記第2アイコン画像に対して前記第1表示形態処理を行うステップと同時に、表示位置を変更するための表示形態処理を前記第1アイコン画像に対して行うステップと、を実行させるためのプログラムを記憶する。 A storage medium according to claim 12 of the present application stores a program for causing a computer to execute the following steps: displaying a content image in a first display area on a display screen; displaying a map image together with a plurality of icon images in a second display area on the display screen; accepting a first input operation for enlarging or reducing the first display area and a second input operation on the map image from a user; not performing a first display form process for changing a display form of a first icon image among the plurality of icon images, which is for accepting the second input operation, based on the first input operation, and performing the first display form process on a second icon image which is not for accepting the second input operation; and performing a display form process for the first icon image for changing a display position, simultaneously with the step of performing the first display form process on the second icon image , in response to the first input operation when the content image is displayed in the first display area and the map image is displayed in the second display area together with the first icon image and the second icon image.

自動車の運転席から見た自動車の前方を示す図である。FIG. 1 is a diagram showing the front of a vehicle as seen from the driver's seat of the vehicle. 情報表示装置の機能ブロックを示すブロック図である。FIG. 2 is a block diagram showing functional blocks of the information display device. 図1のタッチパネルの画面における表示態様の一例を示す図である。2 is a diagram showing an example of a display mode on a screen of the touch panel of FIG. 1 . 図1のタッチパネルの画面における表示態様の一例を示す図である。2 is a diagram showing an example of a display mode on a screen of the touch panel of FIG. 1 . 図1のタッチパネルの画面における表示態様の一例を示す図である。2 is a diagram showing an example of a display mode on a screen of the touch panel of FIG. 1 . コンテンツ画像がユーザのタッチ操作によって拡大又は縮小される態様の一例を説明する図である。11A and 11B are diagrams illustrating an example of a manner in which a content image is enlarged or reduced by a touch operation by a user. 実施例1に係る経路探索装置による情報表示処理を示すフローチャートである。4 is a flowchart showing an information display process performed by the route search device according to the first embodiment. 図7に示されるサブルーチンを示すフローチャートである。8 is a flowchart showing a subroutine shown in FIG. 7 . 実施例2に係る経路探索装置による情報表示処理を示すフローチャートである。10 is a flowchart showing an information display process performed by a route search device according to a second embodiment. 図1のタッチパネルの画面における表示態様の一例を示す図である。2 is a diagram showing an example of a display mode on a screen of the touch panel of FIG. 1 . 図1のタッチパネルの画面における表示態様の一例を示す図である。2 is a diagram showing an example of a display mode on a screen of the touch panel of FIG. 1 . 図1のタッチパネルの画面における表示態様の一例を示す図である。2 is a diagram showing an example of a display mode on a screen of the touch panel of FIG. 1 . 図1のタッチパネルの画面における表示態様の一例を示す図である。2 is a diagram showing an example of a display mode on a screen of the touch panel of FIG. 1 . 実施例3に係る経路探索装置による情報表示処理を示すフローチャートである。13 is a flowchart showing an information display process performed by the route search device according to the third embodiment. 図14に示されるサブルーチンを示すフローチャートである。15 is a flowchart showing a subroutine shown in FIG. 14.

本発明の実施例1の情報表示装置について説明する。以下の説明では、情報表示装置が現在地から目的地までの経路を探索する経路探索装置としての機能を有する場合を説明する。 An information display device according to a first embodiment of the present invention will be described. In the following description, a case will be described in which the information display device has a function as a route search device that searches for a route from a current location to a destination.

図1は、自動車Mの前席付近を示している。図1に示すように、情報表示装置10は、自動車Mに搭載されている。尚、自動車Mは、移動体の一例である。移動体は、自転車、オートバイ、飛行機、船舶、移動する人が所持する携帯端末等、自動車以外の移動体であっても良い。 Figure 1 shows the vicinity of the front seat of an automobile M. As shown in Figure 1, the information display device 10 is mounted on the automobile M. Note that the automobile M is an example of a mobile body. The mobile body may be a mobile body other than an automobile, such as a bicycle, a motorcycle, an airplane, a ship, or a mobile terminal carried by a moving person.

情報表示装置10は、例えば、自動車MのダッシュボードDSの内部に搭載されている装置である。情報表示装置10は、自動車MのダッシュボードDSに設けられているタッチパネル20に地図情報や経路案内情報等の表示を表示させる。 The information display device 10 is, for example, a device mounted inside the dashboard DS of the automobile M. The information display device 10 displays map information, route guidance information, and the like on a touch panel 20 provided on the dashboard DS of the automobile M.

タッチパネル20は、例えば、矩形状に形成されている表示画面としての画面20aを有する。タッチパネル20は、ユーザに対して表示を行う表示機能と、ユーザからの入力操作を受け付ける入力機能とを有している表示入力装置である。タッチパネル20には、例えば、液晶タッチパネルなどが用いられる。 The touch panel 20 has a screen 20a, which is a display screen formed, for example, in a rectangular shape. The touch panel 20 is a display input device that has a display function for displaying information to the user and an input function for receiving input operations from the user. For example, a liquid crystal touch panel is used as the touch panel 20.

タッチパネル20は、例えば、ユーザの指によって行われるタップ、スワイプなどのタッチ操作を受け付けるインターフェースであるNUI(Natural User Interface)を有する。 The touch panel 20 has a NUI (Natural User Interface), which is an interface that accepts touch operations such as taps and swipes performed by the user's finger.

尚、タップは、ユーザの指先がタッチパネル20の画面20aを1回叩くタッチ操作である。また、スワイプは、ユーザの指がタッチパネル20の画面20aに触れ、その指先を画面20a上でスライドさせるタッチ操作である。ここで、タッチ操作は、ユーザの指がタッチパネル20の画面20aに触れてから当該ユーザの指が画面から離れるまでのユーザによる操作として説明する。また、タッチ操作は、タッチパネル20の画面20aの表示態様を変化させる1のタッチ操作であるものとして説明する。 A tap is a touch operation in which the user's fingertip hits the screen 20a of the touch panel 20 once. A swipe is a touch operation in which the user's finger touches the screen 20a of the touch panel 20 and slides the fingertip across the screen 20a. Here, the touch operation is described as an operation by the user from when the user's finger touches the screen 20a of the touch panel 20 until the user's finger is removed from the screen. The touch operation is described as one touch operation that changes the display mode of the screen 20a of the touch panel 20.

ここで、自動車MのフロントガラスFGから見てタッチパネル20の近位側をタッチパネル20の画面20aの上側とし、自動車MのフロントガラスFGから見てタッチパネル20の遠位側をタッチパネル20の画面20aの下側として説明する。また、図1において、運転席側をタッチパネル20の画面20aの右側とし、助手席側をタッチパネル20の画面20aの左側として説明する。 Here, the proximal side of the touch panel 20 as viewed from the windshield FG of the automobile M will be described as the upper side of the screen 20a of the touch panel 20, and the distal side of the touch panel 20 as viewed from the windshield FG of the automobile M will be described as the lower side of the screen 20a of the touch panel 20. Also, in FIG. 1, the driver's seat side will be described as the right side of the screen 20a of the touch panel 20, and the passenger seat side will be described as the left side of the screen 20a of the touch panel 20.

図2は、情報表示装置10の機能ブロックを示している。図2に示すように、情報表示装置10において、入出力部11、通信部12、記憶部13及び制御部14の各々は、システムバス15を介して互いに接続されている。 Figure 2 shows the functional blocks of the information display device 10. As shown in Figure 2, in the information display device 10, the input/output unit 11, the communication unit 12, the storage unit 13, and the control unit 14 are each connected to each other via a system bus 15.

上述のように、タッチパネル20は、地図情報や経路案内情報等の表示をその画面20aに表示する。入出力部11は、タッチパネル20に接続されているインターフェース部である。従って、情報表示装置10は、入出力部11を介してタッチパネル20の画面20aに情報を表示させることが可能である。また、情報表示装置10は、入出力部11を介してタッチパネル20の画面20aに入力された入力情報を受け付けることが可能である。 As described above, the touch panel 20 displays map information, route guidance information, and the like on its screen 20a. The input/output unit 11 is an interface unit connected to the touch panel 20. Therefore, the information display device 10 is capable of displaying information on the screen 20a of the touch panel 20 via the input/output unit 11. In addition, the information display device 10 is capable of receiving input information input to the screen 20a of the touch panel 20 via the input/output unit 11.

通信部12は、インターネット等ネットワーク(図示せず)を介してサーバ装置等の外部機器(図示せず)に接続するためのインターフェース部である。情報表示装置10は、通信部12を介してサーバ装置とデータ通信可能に接続されている。例えば、情報表示装置10は、通信部12を介してサーバ装置が保有するデータを自装置に送信することを要求し、当該要求したデータを受信することが可能である。 The communication unit 12 is an interface unit for connecting to an external device (not shown) such as a server device via a network (not shown) such as the Internet. The information display device 10 is connected to the server device via the communication unit 12 so as to be able to communicate data with the server device. For example, the information display device 10 can request, via the communication unit 12, that data held by the server device be sent to the information display device 10, and receive the requested data.

記憶部13は、例えばハードディスク装置やSSD(Solid State Drive)、フラッシュメモリなどにより構成されている。記憶部13は、BIOS(Basic Input Output System)、OS(Operation System)、アプリケーションソフトウェア等の各種プログラムを記憶する。 The storage unit 13 is composed of, for example, a hard disk device, a solid state drive (SSD), a flash memory, etc. The storage unit 13 stores various programs such as a basic input output system (BIOS), an operating system (OS), and application software.

記憶部13は、コンテンツとしてのアプリケーションプログラム13A及びコンテンツとしてのアプリケーションプログラム13Bを保持している。また、記憶部13は、自動車Mが走行する道路の地図情報を記憶した地図DB(Data base)13Cを保持している。 The storage unit 13 holds an application program 13A as content and an application program 13B as content. The storage unit 13 also holds a map DB (database) 13C that stores map information of the roads on which the automobile M travels.

アプリケーションプログラム13Aは、例えば、ストリーミング等によって配信されている動画、音楽等のAV(Audio Visual)の鑑賞を行うことが可能なプログラムである。 Application program 13A is a program that allows users to view AV (Audio Visual) content such as videos and music that are distributed by streaming, etc.

アプリケーションプログラム13Bは、例えば、インスタントメッセンジャーを代表とするSNS(Social Network Service)のメッセージ等を画面表示することが可能なプログラムである。 Application program 13B is a program capable of displaying messages on a screen, such as those of a social network service (SNS), such as an instant messenger.

尚、これらのアプリケーションプログラム13A及びアプリケーションプログラム13Bは、例示であり、記憶部13に格納されるアプリケーションプログラムを適宜変更してもよい。例えば、記憶部13には、駐車場の混雑状況をリアルタイムに表示することが可能なアプリケーションプログラムが格納されるようにしてもよい。 Note that application program 13A and application program 13B are merely examples, and the application programs stored in memory unit 13 may be changed as appropriate. For example, memory unit 13 may store an application program capable of displaying the congestion status of a parking lot in real time.

制御部14は、演算処理装置としてのCPU(Central Processing Unit)14aと、主記憶装置としてのROM(Read Only Memory)14bと、RAM(Random Access Memory)14cと、を有するコンピュータによって実現される。CPU14aは、ROM14bや記憶部13から処理内容に応じたプログラムを読み出してRAM14cに展開し、展開したプログラムと協働して、各種機能を実現する。 The control unit 14 is realized by a computer having a CPU (Central Processing Unit) 14a as an arithmetic processing device, a ROM (Read Only Memory) 14b as a main memory device, and a RAM (Random Access Memory) 14c. The CPU 14a reads out a program corresponding to the processing content from the ROM 14b or the memory unit 13, loads it into the RAM 14c, and works with the loaded program to realize various functions.

制御部14は、記憶部13から地図DB13Cから地図情報を読み出して、当該地図情報に基づいてタッチパネル20の画面20aに地図画像を表示することが可能である。また、タッチパネル20から入力された目的地までの経路情報を生成し、生成した経路情報をタッチパネル20の画面20aに表示することが可能である。 The control unit 14 is capable of reading map information from the map DB 13C in the memory unit 13 and displaying a map image on the screen 20a of the touch panel 20 based on the map information. It is also capable of generating route information to a destination input from the touch panel 20 and displaying the generated route information on the screen 20a of the touch panel 20.

制御部14は、記憶部13からアプリケーションプログラム13A及びアプリケーションプログラム13Bを実行して、複数のコンテンツ画像を生成することが可能である。言い換えれば、複数のコンテンツ画像の各々は、複数のアプリケーションプログラム13A及びアプリケーションプログラム13Bの各々が実行されることによって生成される。 The control unit 14 is capable of executing the application program 13A and the application program 13B from the storage unit 13 to generate a plurality of content images. In other words, each of the plurality of content images is generated by executing each of the plurality of application programs 13A and 13B.

制御部14は、タッチパネル20の画面20aに対してなされるユーザのタッチ操作を受け付けることが可能である。従って、制御部14は、画面20aの第1表示領域であるコンテンツ表示領域を拡大又は縮小するためのタッチ操作(第1入力操作)を受け付ける入力操作受付部として機能する。 The control unit 14 is capable of accepting a user's touch operation on the screen 20a of the touch panel 20. Therefore, the control unit 14 functions as an input operation accepting unit that accepts a touch operation (first input operation) for enlarging or reducing the content display area, which is the first display area of the screen 20a.

尚、制御部14は、例えばタッチパネル20からの入力信号に基づいて、ユーザの指がタッチパネル20の画面20aに触れたこと及び指がタッチパネル20の画面20aから離れたことを検知することが可能である。また、制御部14は、例えばタッチパネル20からの入力信号に基づいて、ユーザによるタッチ操作のスライド方向を検知することが可能である。 The control unit 14 can detect, for example, based on an input signal from the touch panel 20, that the user's finger has touched the screen 20a of the touch panel 20 and that the finger has been removed from the screen 20a of the touch panel 20. The control unit 14 can also detect, for example, based on an input signal from the touch panel 20, the sliding direction of the touch operation by the user.

制御部14は、上記した地図画像及び複数のコンテンツ画像を画面20aに同時に表示させることが可能である。具体的には、複数のコンテンツ画像を表示するコンテンツ表示領域と第2表示領域である地図画像を表示する地図表示領域を含む表示をタッチパネル20の画面20aに表示させることが可能である。従って、制御部14は、複数のアプリケーションプログラムに夫々対応するコンテンツ画像を画面20a上のコンテンツ表示領域に選択的に表示させる第1表示制御部として機能する。また、制御部14は、ユーザのタッチ操作に応じて、画面20a内におけるコンテンツ表示領域を複数の既定のサイズの間で拡大又は縮小させることが可能である。 The control unit 14 is capable of simultaneously displaying the map image and multiple content images on the screen 20a. Specifically, it is capable of displaying on the screen 20a of the touch panel 20 a display including a content display area that displays multiple content images and a map display area that displays a map image as a second display area. Therefore, the control unit 14 functions as a first display control unit that selectively displays content images corresponding to multiple application programs in the content display area on the screen 20a. In addition, the control unit 14 is capable of enlarging or reducing the content display area in the screen 20a between multiple preset sizes in response to a user's touch operation.

制御部14は、画面20aのコンテンツ表示領域を拡大又は縮小するためのタッチ操作に基づき、コンテンツ画像の表示形態を変更するための第2表示形態処理を行うことが可能である。制御部14は、画面20aのコンテンツ表示領域を拡大又は縮小するためのタッチ操作に基づき、地図画像の表示形態を変更するための第3表示形態処理を行うことが可能である。従って、制御部14は、表示形態処理部として機能する。 The control unit 14 is capable of performing a second display form process for changing the display form of the content image based on a touch operation for enlarging or reducing the content display area of the screen 20a. The control unit 14 is capable of performing a third display form process for changing the display form of the map image based on a touch operation for enlarging or reducing the content display area of the screen 20a. Thus, the control unit 14 functions as a display form processing unit.

図3は、タッチパネル20の画面20aの表示態様の一例を示している。図3には、タッチパネル20に加えてタッチパネル20を操作するユーザの指PFが示されている。図中の矢印は、ユーザの指PFのスライド方向を示している。 Figure 3 shows an example of the display state of the screen 20a of the touch panel 20. In addition to the touch panel 20, Figure 3 also shows the user's finger PF operating the touch panel 20. The arrow in the figure indicates the sliding direction of the user's finger PF.

図3に示すように、画面20aの左側には、アプリケーションプログラム13A及びアプリケーションプログラム13Bが実行されることによって生成されたコンテンツ画像を表示するコンテンツ表示領域16が配されている。すなわち、画面20aに表示される表示は、複数のコンテンツ画像が表示される第1表示領域としてのコンテンツ表示領域16を含む。 As shown in FIG. 3, a content display area 16 is arranged on the left side of screen 20a, which displays content images generated by executing application program 13A and application program 13B. That is, the display displayed on screen 20a includes content display area 16 as a first display area in which multiple content images are displayed.

画面20aの右側には、コンテンツ表示領域16に隣接する他の表示領域としての地図表示領域17が配されている。すなわち、画面20aには、境界BOを境に左側にコンテンツ表示領域16が表示され右側に地図表示領域17が表示されている。 On the right side of the screen 20a, a map display area 17 is arranged as another display area adjacent to the content display area 16. That is, on the screen 20a, the content display area 16 is displayed on the left side of the border BO, and the map display area 17 is displayed on the right side.

地図表示領域17には、地図画像が表示されている。また、地図表示領域17には、現在地から目的地までの経路が表示されていてもよい。尚、タッチパネル20の画面20aには、コンテンツ表示領域16を含む表示がなされていればよく、例えば、コンテンツ表示領域16のみが表示されるようにしてもよい。 A map image is displayed in the map display area 17. The map display area 17 may also display a route from the current location to the destination. Note that it is sufficient that the screen 20a of the touch panel 20 displays the content display area 16 as well, and for example, only the content display area 16 may be displayed.

コンテンツ表示領域16には、配列された2つの表示枠16a、16bが表示されている。2つの表示枠16a、16bは、上下に並んで配されている。すなわち、2つの表示枠16a、16bはタッチパネル20の画面20aの上側から下側に向かって列状に配列されている。 Two display frames 16a, 16b are displayed in the content display area 16. The two display frames 16a, 16b are arranged vertically next to each other. In other words, the two display frames 16a, 16b are arranged in a row from the top to the bottom of the screen 20a of the touch panel 20.

表示枠16a及び表示枠16bには、互いに異なるコンテンツ画像が表示され得る。例えば、図3の例のように、上側の表示枠16aには、アプリケーションプログラム13Aが実行されることによって生成されたコンテンツ画像が表示され得る。また、下側の表示枠16bには、アプリケーションプログラム13Bが実行されることによって生成されたコンテンツ画像が表示され得る。 Different content images may be displayed in display frame 16a and display frame 16b. For example, as shown in the example of FIG. 3, a content image generated by executing application program 13A may be displayed in upper display frame 16a. Also, a content image generated by executing application program 13B may be displayed in lower display frame 16b.

図3の例において、コンテンツ表示領域16は、第1の既定サイズで表示されている。例えば、第1の既定サイズである場合において、コンテンツ表示領域16は、画面20aの幅の1/3のであるW1の幅を有する。尚、第1の既定サイズは、実施態様に応じて自由に設定することができる。 In the example of FIG. 3, the content display area 16 is displayed in a first default size. For example, in the first default size, the content display area 16 has a width W1, which is 1/3 of the width of the screen 20a. Note that the first default size can be freely set depending on the implementation.

本実施例の情報表示装置10においては、タッチパネル20に対するユーザの指PFによるタッチ操作によって、境界BOが左右方向に移動することでコンテンツ表示領域16の大きさが変化する。具体的には、例えば、ユーザの指PFによる図中矢印の方向、すなわち左右方向のスワイプ操作に応じて、境界BOが左右方向に移動することでコンテンツ表示領域16の大きさが変化する。コンテンツ表示領域16の大きさは、スワイプ操作における指PFの移動に追従して逐次変化する。 In the information display device 10 of this embodiment, the size of the content display area 16 changes as the border BO moves left and right in response to a touch operation on the touch panel 20 by the user's finger PF. Specifically, for example, the size of the content display area 16 changes as the border BO moves left and right in response to a swipe operation by the user's finger PF in the direction of the arrow in the figure, i.e., in the left and right direction. The size of the content display area 16 changes sequentially in response to the movement of the finger PF during the swipe operation.

尚、コンテンツ表示領域16の大きさを変化させるためのタッチ操作において、ユーザの指PFのタッチ位置は、境界BO上であってもよいし、コンテンツ表示領域16内の任意の位置であってもよい。 In addition, in a touch operation to change the size of the content display area 16, the touch position of the user's finger PF may be on the border BO or may be any position within the content display area 16.

本実施例においては、画面20aの左側にコンテンツ表示領域16があるので、例えば、ユーザが右方向に向かって指PFをスワイプするタッチ操作を行うと、境界BOが右に移動してコンテンツ表示領域16が拡大される。具体的には、例えば、ユーザがコンテンツ表示領域16と地図表示領域17との境界を跨ぐように右方向に指PFをスワイプすると、コンテンツ表示領域16が拡大させられる。 In this embodiment, since the content display area 16 is located on the left side of the screen 20a, for example, when the user performs a touch operation of swiping the finger PF to the right, the border BO moves to the right and the content display area 16 is enlarged. Specifically, for example, when the user swipes the finger PF to the right so as to straddle the border between the content display area 16 and the map display area 17, the content display area 16 is enlarged.

また、ユーザが左方向に向かって指PFをスワイプするタッチ操作を行うと、境界BOが右に移動してコンテンツ表示領域16が縮小される。具体的には、例えば、ユーザがコンテンツ表示領域16と地図表示領域17との境界を跨ぐように左方向に指PFをスワイプすると、コンテンツ表示領域16が縮小させられる。すなわち、ユーザが左右方向に向かって指PFをスワイプするタッチ操作は、コンテンツ表示領域を拡大又は縮小するための第1入力操作である。 Furthermore, when the user performs a touch operation of swiping the finger PF in the left direction, the border BO moves to the right and the content display area 16 is reduced. Specifically, for example, when the user swipes the finger PF in the left direction so as to straddle the border between the content display area 16 and the map display area 17, the content display area 16 is reduced. In other words, a touch operation in which the user swipes the finger PF in the left/right direction is a first input operation for enlarging or reducing the content display area.

2つの表示枠16a,16bのサイズは、コンテンツ表示領域16の拡大又は縮小に伴って画面20aの左右方向に拡大又は縮小される。また、2つの表示枠16a,16bに表示されているコンテンツ画像は、表示枠16a,16bの拡大又は縮小に伴って、そのサイズが拡大又は縮小される。尚、表示枠16a、16bの拡大又は縮小に伴って、コンテンツ画像の表示態様が変化させられてもよい。また、地図表示領域17のサイズも、コンテンツ表示領域16の拡大又は縮小に伴って画面20aの左右方向に拡大又は縮小される。 The size of the two display frames 16a, 16b is enlarged or reduced in the left-right direction of the screen 20a as the content display area 16 is enlarged or reduced. The size of the content images displayed in the two display frames 16a, 16b is enlarged or reduced as the display frames 16a, 16b are enlarged or reduced. The display mode of the content images may be changed as the display frames 16a, 16b are enlarged or reduced. The size of the map display area 17 is also enlarged or reduced in the left-right direction of the screen 20a as the content display area 16 is enlarged or reduced.

図4は、タッチパネル20の画面20aの表示態様の一例を示している。図4に示すように、コンテンツ表示領域16は、上記第1の既定サイズよりも大きい第2の既定サイズで表示されている。例えば、第2の既定サイズのコンテンツ表示領域16は、画面20aの1/2の幅であるW2の幅を有する。本実施例において、第2の既定サイズは、画面20aの左端から幅W2を有している。 Figure 4 shows an example of the display state of the screen 20a of the touch panel 20. As shown in Figure 4, the content display area 16 is displayed in a second default size that is larger than the first default size. For example, the content display area 16 of the second default size has a width W2 that is half the width of the screen 20a. In this embodiment, the second default size has a width W2 from the left end of the screen 20a.

例えば、表示態様の図3の態様から図4の態様への変化、すなわちコンテンツ表示領域16の第1の既定サイズから第2の既定サイズへの変化は、指PFの右方向へのスワイプ操作によって生起させられる。また、その逆の変化は、例えば、指PFの左方向へのスワイプ操作によって生起させられる。 For example, a change in the display mode from that shown in FIG. 3 to that shown in FIG. 4, i.e., a change in the content display area 16 from the first default size to the second default size, is caused by a rightward swipe operation of the finger PF. The opposite change is caused, for example, by a leftward swipe operation of the finger PF.

図5は、タッチパネル20の画面20aの表示態様の一例を示している。図5においては、コンテンツ表示領域16が画面20aに表示されないクローズ表示が示されている。従って、画面20aには、地図表示領域17のみが表示されている。 Figure 5 shows an example of the display state of the screen 20a of the touch panel 20. In Figure 5, a closed display is shown in which the content display area 16 is not displayed on the screen 20a. Therefore, only the map display area 17 is displayed on the screen 20a.

例えば、表示態様の図3の態様から図5の態様への変化、すなわちコンテンツ表示領域16の第1の既定サイズからクローズ表示への変化は、指PFの左方向へのスワイプ操作によって生起させられる。また、その逆の変化は、例えば、指PFの右方向へのスワイプ操作によって生起させられる。 For example, a change in the display mode from that shown in FIG. 3 to that shown in FIG. 5, i.e., a change from the first default size of the content display area 16 to a closed display, is caused by a leftward swipe operation of the finger PF. The opposite change is caused, for example, by a rightward swipe operation of the finger PF.

コンテンツ表示領域16は、指PFによる操作中を除き、図3において示した第1の既定サイズ、図4において示した第2の既定サイズ及び図5において示したクローズ表示の3つの態様でタッチパネル20の画面20aに表示される。同様に、地図表示領域17も、図3、図4及び図5において示した3つの態様でタッチパネル20の画面20aに表示される。 Except when being operated with a finger PF, the content display area 16 is displayed on the screen 20a of the touch panel 20 in three modes: the first default size shown in FIG. 3, the second default size shown in FIG. 4, and the closed display shown in FIG. 5. Similarly, the map display area 17 is displayed on the screen 20a of the touch panel 20 in the three modes shown in FIG. 3, FIG. 4, and FIG. 5.

すなわち、コンテンツ表示領域16は、指PFによる操作中を除き、予め決められた3つの表示態様のみで表示される。言い換えれば、境界BOは、指PFによる操作中を除き、図3、図4及び図5において示した3つの位置のいずれかにある。 That is, the content display area 16 is displayed in only three predetermined display modes, except during operation with the finger PF. In other words, the border BO is in one of the three positions shown in FIG. 3, FIG. 4, and FIG. 5, except during operation with the finger PF.

コンテンツ表示領域16がどの既定の表示態様で表示されるかは、タッチ操作が終了した際のコンテンツ表示領域16の大きさに応じて行われる。言い換えれば、境界BOは、タッチ操作の終了後、タッチ操作が終了した際の境界BOの位置によって決まる既定の位置に持ち来され、それによってコンテンツ表示領域16が既定の表示態様になされる。 Which default display mode the content display area 16 is displayed in depends on the size of the content display area 16 when the touch operation ends. In other words, after the touch operation ends, the border BO is brought to a default position determined by the position of the border BO when the touch operation ends, and the content display area 16 is thereby displayed in the default mode.

図6を用いてタッチ操作の終了後の既定の表示態様がどのように決まるかについての例を説明する。図6には、コンテンツ表示領域16が第1の既定サイズの状態を示している。また、図6には、コンテンツ表示領域16がどの既定のサイズになるかの基準となるボーダーラインBR1及びBR2が示されている。この例においては、ボーダーラインBR1は、コンテンツ表示領域16が第1の既定サイズの110%のサイズである際の境界BOの位置にある。また、ボーダーラインBR2は、コンテンツ表示領域16が第1の既定サイズの90%のサイズである際の境界BOの位置にある。 Using FIG. 6, an example of how the default display mode after the end of a touch operation is determined will be described. FIG. 6 shows the content display area 16 in a state of a first default size. FIG. 6 also shows borderlines BR1 and BR2 that serve as the basis for determining the default size of the content display area 16. In this example, borderline BR1 is located at the position of the border BO when the content display area 16 is 110% of the first default size. Furthermore, borderline BR2 is located at the position of the border BO when the content display area 16 is 90% of the first default size.

上述したように、指PFをスライドさせるタッチ操作(以下、スライド操作とする)によって境界BOが移動する。本実施例の情報表示装置10では、スライド操作の終了時に、すなわち指PFが画面から離れた際に、境界BOがボーダーラインBR1及びBR2に対してどの位置にあるかによって、コンテンツ表示領域16がどの既定の表示態様になるかが決まる。 As described above, the border BO moves due to a touch operation of sliding the finger PF (hereinafter referred to as a slide operation). In the information display device 10 of this embodiment, when the slide operation ends, i.e., when the finger PF is removed from the screen, the position of the border BO relative to the border lines BR1 and BR2 determines which default display mode the content display area 16 will be in.

例えば、スライド操作の終了時に境界BOがボーダーラインBR1よりも右にある場合、コンテンツ表示領域16の表示態様は第2の既定サイズに決まる。 For example, if the border BO is to the right of the border line BR1 when the slide operation ends, the display mode of the content display area 16 is determined to be the second default size.

例えば、スライド操作の終了時に境界BOがボーダーラインBR1とボーダーラインBR2の間にある場合、コンテンツ表示領域16の表示態様は第1の既定サイズに決まる。 For example, if the border BO is between border line BR1 and border line BR2 when the slide operation ends, the display mode of the content display area 16 is determined to be the first default size.

例えば、スライド操作の終了時に境界BOがボーダーラインBR2よりも左にある場合、コンテンツ表示領域16の表示態様はクローズ表示に決まる。 For example, if the border BO is to the left of the border line BR2 when the slide operation ends, the display mode of the content display area 16 is determined to be a closed display.

このように、スライド操作の最中にコンテンツ表示領域16が拡大又は縮小され、スライド操作の終了時の境界BOの位置に応じてコンテンツ表示領域16が既定のサイズに変更される。このスライド操作の最中のコンテンツ表示領域16の拡大又は縮小の変化単位は、既定の大きさの各々の間の変化単位よりも小さい。 In this way, the content display area 16 is enlarged or reduced during the slide operation, and the content display area 16 is changed to a default size depending on the position of the border BO at the end of the slide operation. The change unit of the enlargement or reduction of the content display area 16 during this slide operation is smaller than the change unit between each of the default sizes.

以上のように、ユーザのタッチ操作が終了した際のコンテンツ表示領域16の大きさに基づいてコンテンツ表示領域16が拡大又は縮小されることによって、ユーザによって行われたタッチ操作の意図を反映させた表示態様で表示させることが可能となる。 As described above, the content display area 16 is enlarged or reduced based on the size of the content display area 16 when the user's touch operation is completed, making it possible to display the content in a display mode that reflects the intention of the touch operation performed by the user.

図7は、情報表示装置10による情報表示処理R1を示している。図7に示すように、アプリケーションプログラム13A及びアプリケーションプログラム13Bが実行されると、制御部14は、各アプリケーションプログラム13A及びアプリケーションプログラム13Bを起動する(ステップS101)。 Figure 7 shows information display processing R1 by the information display device 10. As shown in Figure 7, when application program 13A and application program 13B are executed, the control unit 14 starts each application program 13A and application program 13B (step S101).

制御部14は、スッテプS101において起動された各アプリケーションプログラム13A及びアプリケーションプログラム13Bが実行されることによって生成されたコンテンツ画像を表示枠16a、16bに表示させる。また、制御部14は、地図表示領域17に地図画像を表示させる。すなわち、制御部14は、表示をタッチパネル20の画面20aに表示させる(ステップS102)。従って、制御部14は、複数のコンテンツを表示するコンテンツ表示領域16を含む表示を画面20aに表示させる第1表示制御部として機能する。 The control unit 14 causes the display frames 16a and 16b to display the content images generated by executing the application programs 13A and 13B launched in step S101. The control unit 14 also causes the map image to be displayed in the map display area 17. That is, the control unit 14 causes the display to be displayed on the screen 20a of the touch panel 20 (step S102). Thus, the control unit 14 functions as a first display control unit that causes the screen 20a to display a display including the content display area 16 that displays multiple contents.

画面20aのコンテンツ表示領域16において、ユーザのスワイプするタッチ操作が行われると、制御部14は、コンテンツ表示領域16に表示されるコンテンツ画像のサイズを変更する(ステップS103)。すなわち、コンテンツ表示領域16は、ユーザのタッチ操作に伴って拡大又は縮小されることが可能である。 When the user performs a swipe touch operation in the content display area 16 of the screen 20a, the control unit 14 changes the size of the content image displayed in the content display area 16 (step S103). That is, the content display area 16 can be enlarged or reduced in response to the user's touch operation.

従って、制御部14は、画面20aのコンテンツ表示領域を拡大又は縮小するためのタッチ操作に基づき、コンテンツ画像の表示形態を変更するための第2表示形態処理を行う表示形態処理部として機能する。また、画面20aのコンテンツ表示領域の拡大又は縮小に伴って、地図画像も拡大又は縮小される。すなわち、制御部14は、画面20aのコンテンツ表示領域を拡大又は縮小するためのタッチ操作に基づき、地図画像の表示形態を変更するための第3表示形態処理を行う表示形態処理部として機能する。 The control unit 14 therefore functions as a display form processing unit that performs second display form processing to change the display form of the content image based on a touch operation to enlarge or reduce the content display area of the screen 20a. In addition, the map image is also enlarged or reduced in accordance with the enlargement or reduction of the content display area of the screen 20a. In other words, the control unit 14 functions as a display form processing unit that performs third display form processing to change the display form of the map image based on a touch operation to enlarge or reduce the content display area of the screen 20a.

制御部14は、自動車Mのエンジンが停止したかを判定する(ステップS104)。制御部14は、ステップS104の判定において自動車Mのエンジンが停止していないと判定した場合(ステップS104:N)、ステップS103のコンテンツ画像サイズ変更処理に戻る。 The control unit 14 determines whether the engine of the automobile M has stopped (step S104). If the control unit 14 determines in step S104 that the engine of the automobile M has not stopped (step S104: N), the control unit 14 returns to the content image resize process in step S103.

制御部14は、ステップS104の判定において自動車Mのエンジンが停止したと判定した場合(ステップS104:Y)、画面20aにおける表示を終了し(ステップS105)、各アプリケーションプログラム13A及びアプリケーションプログラム13Bを終了する(ステップS106)。 If the control unit 14 determines in step S104 that the engine of the automobile M has stopped (step S104: Y), it ends the display on the screen 20a (step S105) and ends each application program 13A and application program 13B (step S106).

図8は、ステップS103のコンテンツ画像のサイズを変更するサブルーチンR2を示している。図8に示すように、制御部14は、ユーザによるスライド操作があったか否かを判定する(ステップS201)。ステップS201の判定において、制御部14は、コンテンツ表示領域16を拡大又は縮小させるためのタッチ操作、すなわち、左右方向にスライド操作がなされたか否かを判定する。 Figure 8 shows the subroutine R2 for changing the size of the content image in step S103. As shown in Figure 8, the control unit 14 determines whether or not a slide operation has been performed by the user (step S201). In the determination in step S201, the control unit 14 determines whether or not a touch operation for enlarging or reducing the content display area 16, i.e., a slide operation in the left/right direction, has been performed.

制御部14は、ステップS201の判定において、ユーザによるスライド操作がなかったと判定した場合(ステップS201:N)、処理を終了する。 If the control unit 14 determines in step S201 that the user has not performed a slide operation (step S201: N), the control unit 14 ends the process.

制御部14は、ステップS201の判定において、ユーザによるスライド操作があったと判定した場合(ステップS201:Y)、当該スライド操作を受け付ける。その際、制御部14は、スライド操作に追従してコンテンツ表示領域16及び地図表示領域17を拡大又は縮小させる。このように、制御部14は、画面20aに対してなされるタッチ操作を受け付ける入力操作受付部として機能する。 When the control unit 14 determines in step S201 that a slide operation has been performed by the user (step S201: Y), the control unit 14 accepts the slide operation. At that time, the control unit 14 enlarges or reduces the content display area 16 and the map display area 17 in accordance with the slide operation. In this way, the control unit 14 functions as an input operation accepting unit that accepts touch operations performed on the screen 20a.

制御部14は、受け付けたスライド操作が終了したか否かを判定する(ステップS202)。例えば、制御部14は、ユーザの指PFが画面20aから離れたことに基づいて、スライド操作が終了したことを判定する。尚、制御部14は、ステップS202の判定において受け付けたスライド操作が終了していないと判定した場合(ステップS202:N)、受け付けたスライド操作が終了するまで、ステップS202の判定を行う。 The control unit 14 determines whether the accepted sliding operation has ended (step S202). For example, the control unit 14 determines that the sliding operation has ended based on the user's finger PF being removed from the screen 20a. Note that, if the control unit 14 determines in the determination of step S202 that the accepted sliding operation has not ended (step S202: N), it repeats the determination of step S202 until the accepted sliding operation ends.

制御部14は、ステップS202の判定において受け付けたスライド操作が終了したと判定した場合(ステップS202:Y)、タッチ操作の最中のコンテンツ表示領域16を拡大又は縮小が終了する。 When the control unit 14 determines in step S202 that the received slide operation has ended (step S202: Y), the enlargement or reduction of the content display area 16 during the touch operation ends.

スライド操作が終了した際の境界BOの位置、すなわち、タッチ操作の最後の画面20a上の境界BOの位置がボーダーラインBR1よりも右であるか否かを判定する(ステップS203)。 It is determined whether the position of the border BO when the slide operation ends, i.e., the position of the border BO on the screen 20a at the end of the touch operation, is to the right of the border line BR1 (step S203).

制御部14は、ステップS203において、境界BOの位置がボーダーラインBR1よりも右であると判定した場合(ステップS203:Y)、コンテンツ表示領域16を第2の既定サイズにさせる(ステップS204)。従って、制御部14は、第2表示形態処理及び第3表示形態処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S203 that the position of the boundary BO is to the right of the border line BR1 (step S203: Y), the control unit 14 sets the content display area 16 to the second default size (step S204). Therefore, the control unit 14 functions as a display form processing unit that performs the second display form processing and the third display form processing.

制御部14は、ステップS203において、境界BOの位置がボーダーラインBR1よりも左であると判定した場合(ステップS203:N)、スライド操作が終了した際の境界BOの位置、すなわち、タッチ操作の最後の画面20a上の境界BOの位置がボーダーラインBR2よりも左であるか否かを判定する(ステップS205)。 If the control unit 14 determines in step S203 that the position of the border BO is to the left of the border line BR1 (step S203: N), it determines whether the position of the border BO when the slide operation ends, i.e., the position of the border BO on the screen 20a at the end of the touch operation, is to the left of the border line BR2 (step S205).

制御部14は、ステップS205において、境界BOの位置がボーダーラインBR2よりも左であると判定した場合(ステップS205:Y)、コンテンツ表示領域16をクローズ表示にさせる(ステップS206)。従って、制御部14は、第2表示形態処理及び第3表示形態処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S205 that the position of the boundary BO is to the left of the border line BR2 (step S205: Y), it causes the content display area 16 to be displayed in a closed state (step S206). Therefore, the control unit 14 functions as a display form processing unit that performs the second display form processing and the third display form processing.

制御部14は、ステップS205において、境界BOの位置がボーダーラインBR2よりも右であると判定した場合(ステップS205:N)、コンテンツ表示領域16を第1の既定サイズにさせる(ステップS207)。従って、制御部14は、第2表示形態処理及び第3表示形態処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S205 that the position of the border BO is to the right of the border line BR2 (step S205: N), it sets the content display area 16 to the first default size (step S207). Therefore, the control unit 14 functions as a display form processing unit that performs the second display form processing and the third display form processing.

このように、制御部14は、コンテンツ表示領域16を拡大又は縮小させるためのスライド操作が終了した際の境界BOの位置、すなわちコンテンツ表示領域16の大きさに応じてコンテンツ表示領域16の大きさ及び地図表示領域17の大きさを予め定めた既定の大きさにする。 In this way, the control unit 14 sets the size of the content display area 16 and the size of the map display area 17 to a predetermined default size depending on the position of the border BO when the slide operation for enlarging or reducing the content display area 16 is completed, i.e., the size of the content display area 16.

尚、本実施例においては、コンテンツ表示領域16は、第1の既定サイズ、第2の既定サイズ及びクローズ表示の3つの表示サイズでタッチパネル20の画面20aで表示されることを説明した。しかし、コンテンツ表示領域16は、3つの表示態様に限定されない。例えば、第1の既定サイズ及び第2の既定サイズの間に既定のサイズを設けて表示態様を増加して実施してもよい。 In this embodiment, it has been described that the content display area 16 is displayed on the screen 20a of the touch panel 20 in three display sizes: a first default size, a second default size, and a closed display. However, the content display area 16 is not limited to three display modes. For example, a default size may be set between the first default size and the second default size, and the number of display modes may be increased.

また、本実施例においては、コンテンツ表示領域16がどの既定の表示態様で表示されるかは、タッチ操作が終了した際の境界BOの位置によって決めた。しかし、コンテンツ表示領域16がどの既定の表示態様で表示されるかは、自由に設定することが可能である。例えば、ユーザのスライド操作のスライド量に応じて、コンテンツ表示領域16がどの既定の表示態様で表示されるかを決めてもよい。 In addition, in this embodiment, the default display mode in which the content display area 16 is displayed is determined based on the position of the border BO when the touch operation is ended. However, the default display mode in which the content display area 16 is displayed can be freely set. For example, the default display mode in which the content display area 16 is displayed may be determined based on the amount of sliding of the user's sliding operation.

以上のように、本実施例による情報表示装置10は、コンテンツ表示領域16がタッチパネル20の画面20aで拡大又は縮小される際に、ユーザのスライド操作が終了した際のコンテンツ表示領域16の大きさに基づいてコンテンツ表示領域16の拡大又は縮小を行う。 As described above, when the content display area 16 is enlarged or reduced on the screen 20a of the touch panel 20, the information display device 10 according to this embodiment enlarges or reduces the content display area 16 based on the size of the content display area 16 when the user's sliding operation ends.

したがって、コンテンツ表示領域16が拡大又は縮小されることにより、ユーザが所望する情報を適切なサイズで容易に表示することが可能となる。特に、情報表示装置10が自動車等の移動体に搭載される場合、ユーザは、運転操作にも注意を払わなければならないため、タッチパネル20の画面20aを注視することが困難である。 Therefore, by enlarging or reducing the content display area 16, the information desired by the user can be easily displayed at an appropriate size. In particular, when the information display device 10 is mounted on a moving object such as an automobile, the user must also pay attention to driving operations, making it difficult for the user to focus on the screen 20a of the touch panel 20.

このように、ユーザのスライド操作が終了した際のコンテンツ表示領域16の大きさに基づいてコンテンツ表示領域16が拡大又は縮小されることによって、ユーザによって行われたタッチ操作の意図を反映させた表示を拡大又は縮小することが可能となる。 In this way, the content display area 16 is enlarged or reduced based on the size of the content display area 16 when the user's slide operation is completed, making it possible to enlarge or reduce the display to reflect the intention of the touch operation performed by the user.

それ故、本実施例に係る情報表示装置10によれば、ユーザは、タッチパネル20の画面20aを注視することなく、容易にコンテンツ表示領域16を拡大又は縮小させる操作を行うことが可能となる。 Therefore, with the information display device 10 according to this embodiment, the user can easily perform operations to enlarge or reduce the content display area 16 without gazing at the screen 20a of the touch panel 20.

実施例2に係る情報表示装置10について説明する。実施例2に係る情報表示装置10は、情報表示処理におけるコンテンツ画像のサイズを変更するサブルーチンが異なる。具体的には、実施例2に係る情報表示装置10は、ユーザがタッチ操作を終了した時点での指PFの位置によってコンテンツ表示領域16がどの既定の表示態様になるかが決まる点で、実施例1に係る情報表示装置10とは異なる。その余の点は、実施例1に係る情報表示装置10と同一であるので、説明を省略する。 The information display device 10 according to Example 2 will be described. The information display device 10 according to Example 2 differs in a subroutine for changing the size of a content image in the information display process. Specifically, the information display device 10 according to Example 2 differs from the information display device 10 according to Example 1 in that the default display mode of the content display area 16 is determined by the position of the finger PF at the time when the user ends the touch operation. Other points are the same as those of the information display device 10 according to Example 1, so description thereof will be omitted.

また、コンテンツ表示領域16は、スライド操作が終了する直前のタッチ操作のスライド方向によってコンテンツ表示領域16がどの既定の表示態様になるかが決まる。例えば、ユーザがタッチ操作を開始してから一定の期間までは右方向にスワイプするタッチ操作を行い、当該一定期間経過後からタッチ操作の終了までの期間は、左方向にスワイプするタッチ操作を行った場合、コンテンツ表示領域16は縮小される。 The default display mode of the content display area 16 is determined by the sliding direction of the touch operation immediately before the end of the sliding operation. For example, if the user performs a right-swiping touch operation for a certain period of time after starting the touch operation, and then performs a left-swiping touch operation for the period after the certain period has elapsed until the end of the touch operation, the content display area 16 is reduced.

図9は、実施例2に係るステップS103のコンテンツ画像のサイズを変更するサブルーチンR2を示している。図9に示すように、制御部14は、ユーザによるスライド操作があったか否かを判定する(ステップS301)。例えば、制御部14は、ユーザの指PFが画面20aに触れたことに基づいてタッチ操作があったことを判定する。また、本実施例においては、制御部14は、コンテンツ表示領域16を拡大又は縮小させるためのタッチ操作、すなわち、左右方向になされたスライド操作がなされたか否かを判定する。 Figure 9 shows subroutine R2 for changing the size of the content image in step S103 according to the second embodiment. As shown in Figure 9, the control unit 14 determines whether or not a slide operation has been performed by the user (step S301). For example, the control unit 14 determines that a touch operation has been performed based on the user's finger PF touching the screen 20a. In addition, in this embodiment, the control unit 14 determines whether or not a touch operation for enlarging or reducing the content display area 16, i.e., a slide operation performed in the left-right direction, has been performed.

制御部14は、ステップS301の判定において、ユーザによるスライド操作がなかったと判定した場合(ステップS301:N)、処理を終了する。 If the control unit 14 determines in step S301 that the user has not performed a slide operation (step S301: N), the control unit 14 ends the process.

制御部14は、ステップS301の判定において、ユーザによるスライド操作があったと判定した場合(ステップS301:Y)、当該タッチ操作を受け付ける。その際、制御部14は、タッチ操作に応じてコンテンツ表示領域16を拡大又は縮小させる。従って、制御部14は、画面に対してなされるタッチ操作を受け付ける入力操作受付部として機能する。 When the control unit 14 determines in step S301 that a slide operation has been performed by the user (step S301: Y), the control unit 14 accepts the touch operation. At that time, the control unit 14 enlarges or reduces the content display area 16 in response to the touch operation. Therefore, the control unit 14 functions as an input operation accepting unit that accepts touch operations performed on the screen.

制御部14は、受け付けたスライド操作が終了したか否かを判定する(ステップS302)。例えば、制御部14は、ユーザの指PFが画面20aから離れたことに基づいて、スライド操作が終了したことを判定する。尚、制御部14は、ステップS302の判定において受け付けたスライド操作が終了していないと判定した場合(ステップS302:N)、受け付けたスライド操作が終了するまで、ステップS302の判定を行う。 The control unit 14 determines whether the accepted sliding operation has ended (step S302). For example, the control unit 14 determines that the sliding operation has ended based on the user's finger PF being removed from the screen 20a. Note that, if the control unit 14 determines in the determination of step S302 that the accepted sliding operation has not ended (step S302: N), it repeats the determination of step S302 until the accepted sliding operation ends.

制御部14は、ステップS302の判定において受け付けたスライド操作が終了したと判定した場合(ステップS302:Y)、スライド操作が終了する直前のタッチ操作のスライドの方向が右側に向かってなされたかを判定する(ステップS303)。すなわち、制御部14は、スライド操作が終了する直前のタッチ操作の移動方向に応じて、コンテンツ表示領域16を拡大又は縮小させるかを決定する。尚、制御部14は、タッチパネル20からの入力信号に基づいて、タッチ操作のスライドの方向を判定する。 When the control unit 14 determines in step S302 that the received slide operation has ended (step S302: Y), it determines whether the sliding direction of the touch operation immediately before the end of the slide operation was toward the right (step S303). That is, the control unit 14 determines whether to enlarge or reduce the content display area 16 depending on the movement direction of the touch operation immediately before the end of the slide operation. The control unit 14 determines the sliding direction of the touch operation based on an input signal from the touch panel 20.

制御部14は、ステップS303の判定において、タッチ操作のスライドの方向が右になされたと判定した場合(ステップS303:Y)、スライド操作が終了した際のユーザの指PFの位置、すなわち、タッチ操作の最後の画面20a上の指PFの位置がボーダーラインBR1よりも右であるか否かを判定する(ステップS304)。すなわち、制御部14は、タッチ操作の最後の画面20a上の指PFの位置に応じて、コンテンツ表示領域16を拡大させる既定のサイズを決定する。尚、制御部14は、タッチパネル20からの入力信号に基づいて、タッチ操作の最後の画面20a上の指PFの位置を判定する。 When the control unit 14 determines in step S303 that the sliding direction of the touch operation was to the right (step S303: Y), it determines whether the position of the user's finger PF when the sliding operation ended, i.e., the position of the finger PF on the screen 20a at the end of the touch operation, is to the right of the border line BR1 (step S304). That is, the control unit 14 determines the default size for enlarging the content display area 16 according to the position of the finger PF on the screen 20a at the end of the touch operation. The control unit 14 determines the position of the finger PF on the screen 20a at the end of the touch operation based on an input signal from the touch panel 20.

制御部14は、ステップS305において、ユーザの指PFの位置がボーダーラインBR1よりも右であると判定した場合(ステップS304:Y)、コンテンツ表示領域16を第2の既定サイズにさせる(ステップS305)。従って、制御部14は、第2表示形態処理及び第3表示形態処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S305 that the position of the user's finger PF is to the right of the border line BR1 (step S304: Y), it sets the content display area 16 to the second default size (step S305). Therefore, the control unit 14 functions as a display form processing unit that performs the second display form processing and the third display form processing.

制御部14は、ステップS304において、ユーザの指PFの位置がボーダーラインBR1よりも左であると判定した場合(ステップS304:N)、コンテンツ表示領域16を第1の既定サイズにさせる(ステップS306)。従って、制御部14は、第2表示形態処理及び第3表示形態処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S304 that the position of the user's finger PF is to the left of the border line BR1 (step S304: N), it sets the content display area 16 to the first default size (step S306). Therefore, the control unit 14 functions as a display form processing unit that performs the second display form processing and the third display form processing.

制御部14は、ステップS303の判定において、タッチ操作のスライドの方向が左になされたと判定した場合(ステップS303:N)、スライド操作が終了した際のユーザの指PFの位置、すなわち、タッチ操作の最後の画面20a上の指PFの位置がボーダーラインBR2よりも左であるか否かを判定する(ステップS307)。すなわち、制御部14は、タッチ操作の最後の画面20a上の指PFの位置に応じて、コンテンツ表示領域16を縮小させる既定のサイズを決定する。尚、制御部14は、タッチパネル20からの入力信号に基づいて、タッチ操作の最後の画面20a上の指PFの位置を判定する。 When the control unit 14 determines in step S303 that the sliding direction of the touch operation is to the left (step S303: N), it determines whether the position of the user's finger PF when the sliding operation is ended, i.e., the position of the finger PF on the screen 20a at the end of the touch operation, is to the left of the border line BR2 (step S307). That is, the control unit 14 determines the default size to reduce the content display area 16 according to the position of the finger PF on the screen 20a at the end of the touch operation. The control unit 14 determines the position of the finger PF on the screen 20a at the end of the touch operation based on the input signal from the touch panel 20.

制御部14は、ステップS307において、ユーザの指PFの位置がボーダーラインBR2よりも左であると判定した場合(ステップS307:Y)、コンテンツ表示領域16をクローズ表示にさせる(ステップS308)。従って、制御部14は、第2表示形態処理及び第3表示形態処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S307 that the position of the user's finger PF is to the left of the border line BR2 (step S307: Y), it causes the content display area 16 to be displayed in a closed state (step S308). Therefore, the control unit 14 functions as a display form processing unit that performs the second display form processing and the third display form processing.

制御部14は、ステップS307において、ユーザの指PFの位置がボーダーラインBR2よりも右であると判定した場合(ステップS307:N)、コンテンツ表示領域16を第1の既定サイズにさせる(ステップS309)。従って、制御部14は、第2表示形態処理及び第3表示形態処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S307 that the position of the user's finger PF is to the right of the border line BR2 (step S307: N), it sets the content display area 16 to the first default size (step S309). Therefore, the control unit 14 functions as a display form processing unit that performs the second display form processing and the third display form processing.

このように、制御部14は、タッチ操作が行われた最後の画面20a上の位置に基づいて、コンテンツ表示領域16を既定のサイズにさせる。 In this way, the control unit 14 sets the content display area 16 to a default size based on the last position on the screen 20a where a touch operation was performed.

以上のように、本実施例による情報表示装置10は、コンテンツ表示領域16がタッチパネル20の画面20aで拡大又は縮小される際に、ユーザのスライド操作が終了した際のコンテンツ表示領域16の大きさに基づいてコンテンツ表示領域16の拡大又は縮小を行う。 As described above, when the content display area 16 is enlarged or reduced on the screen 20a of the touch panel 20, the information display device 10 according to this embodiment enlarges or reduces the content display area 16 based on the size of the content display area 16 when the user's sliding operation ends.

したがって、コンテンツ表示領域16が拡大又は縮小されることにより、ユーザが所望する情報を適切なサイズで容易に表示することが可能となる。特に、情報表示装置10が自動車等の移動体に搭載される場合、ユーザは、運転操作にも注意を払わなければならないため、タッチパネル20の画面20aを注視することが困難である。 Therefore, by enlarging or reducing the content display area 16, the information desired by the user can be easily displayed at an appropriate size. In particular, when the information display device 10 is mounted on a moving object such as an automobile, the user must also pay attention to driving operations, making it difficult for the user to focus on the screen 20a of the touch panel 20.

このように、本実施例に係る情報表示装置10によれば、ユーザのタッチ操作の最後の画面20a上の指PFの位置に基づいてコンテンツ表示領域16が拡大又は縮小されることによって、ユーザによって行われたタッチ操作の意図をより反映させて表示を拡大又は縮小することが可能となる。 In this way, according to the information display device 10 of this embodiment, the content display area 16 is enlarged or reduced based on the position of the user's finger PF on the screen 20a at the end of the user's touch operation, making it possible to enlarge or reduce the display in a way that better reflects the intention of the touch operation performed by the user.

また、スライド操作が終了する直前のタッチ操作のスライド方向によってコンテンツ表示領域16が拡大又は縮小されることが決まることによって、ユーザによって行われたタッチ操作の意図をより反映させて表示を拡大又は縮小することが可能となる。 In addition, by determining whether the content display area 16 is enlarged or reduced depending on the sliding direction of the touch operation performed immediately before the end of the sliding operation, it becomes possible to enlarge or reduce the display in a way that better reflects the intention of the touch operation performed by the user.

実施例3に係る情報表示装置10について説明する。実施例3に係る情報表示装置10は、地図画像上にアイコン画像を表示する点で実施例1及び2に係る情報表示装置10とは異なる。その余の点は、実施例1及び2に係る情報表示装置10と同一であるので、説明を省略する。 The information display device 10 according to Example 3 will be described. The information display device 10 according to Example 3 differs from the information display device 10 according to Examples 1 and 2 in that it displays an icon image on a map image. Other points are the same as the information display device 10 according to Examples 1 and 2, and therefore description thereof will be omitted.

また、本実施例に係る情報表示装置10は、地図画像上に表示されているアイコン画像の表示形態を変更可能である点で、実施例1及び2に係る情報表示装置10とは異なる。 The information display device 10 according to this embodiment also differs from the information display device 10 according to embodiments 1 and 2 in that the display format of the icon image displayed on the map image can be changed.

ここで、アイコン画像とは、ユーザが地図画像に対して行う入力操作を受け付けるための画像である。アイコン画像には、地図画像に対して実行するための処理がアイコン画像ごとに予め割り振られている。例えば、「広域」と表示されたアイコン画像に対しユーザがタッチ操作を行うことで、地図画像を広域表示、すなわち、地図画像の地図の縮尺を縮小して表示させることが可能となる。 Here, an icon image is an image for accepting input operations performed by a user on a map image. A process to be executed on the map image is pre-assigned to each icon image. For example, when a user performs a touch operation on an icon image that displays "wide area," the map image can be displayed in a wide area, i.e., the map scale of the map image can be reduced.

図10は、タッチパネル20の画面20aの表示態様の一例を示している。図10に示すように、画面20aの左側には、アプリケーションプログラム13A及びアプリケーションプログラム13Bが実行されることによって生成されたコンテンツ画像を表示するコンテンツ表示領域16が配されている。 Figure 10 shows an example of the display state of the screen 20a of the touch panel 20. As shown in Figure 10, a content display area 16 is arranged on the left side of the screen 20a, which displays a content image generated by executing the application program 13A and the application program 13B.

コンテンツ表示領域16には、配列された2つの表示枠16a、16bが表示されている。2つの表示枠16a、16bは、上下に並んで配されている。すなわち、2つの表示枠16a、16bはタッチパネル20の画面20aの上側から下側に向かって列状に配列されている。 Two display frames 16a, 16b are displayed in the content display area 16. The two display frames 16a, 16b are arranged vertically next to each other. In other words, the two display frames 16a, 16b are arranged in a row from the top to the bottom of the screen 20a of the touch panel 20.

表示枠16a及び表示枠16bには、互いに異なるコンテンツ画像が表示され得る。例えば、図10の例のように、上側の表示枠16aには、アプリケーションプログラム13Aが実行されることによって生成されたコンテンツ画像が表示され得る。また、下側の表示枠16bには、アプリケーションプログラム13Bが実行されることによって生成されたコンテンツ画像が表示され得る。 Different content images may be displayed in display frame 16a and display frame 16b. For example, as shown in the example of FIG. 10, a content image generated by executing application program 13A may be displayed in upper display frame 16a. Also, a content image generated by executing application program 13B may be displayed in lower display frame 16b.

画面20aの右側には、コンテンツ表示領域16に隣接する地図表示領域17が配されている。すなわち、画面20aには、境界BOを境に左側にコンテンツ表示領域16が表示され右側に地図表示領域17が表示されている。 The map display area 17 is located on the right side of the screen 20a and is adjacent to the content display area 16. That is, on the screen 20a, the content display area 16 is displayed on the left side of the border BO, and the map display area 17 is displayed on the right side.

地図表示領域17には、地図画像が表示されている。また、地図表示領域17には、現在地から目的地までの経路が表示されていてもよい。 A map image is displayed in the map display area 17. The map display area 17 may also display a route from the current location to the destination.

地図表示領域17のコンテンツ表示領域16との境界BOの近傍には、地図画像の縮尺を低くする広域アイコン画像18a及び地図画像の縮尺を高くする詳細アイコン画像18bが表示されている。 A wide-area icon image 18a that reduces the scale of the map image and a detailed icon image 18b that increases the scale of the map image are displayed near the border BO between the map display area 17 and the content display area 16.

地図表示領域17のコンテンツ表示領域16の境界BOの近傍には、情報表示装置10の周辺で発生している事故や通行規制の内容などを示す文字情報を、地図表示領域17上に表示させる渋滞アイコン18cが表示されている。 A congestion icon 18c is displayed near the border BO of the content display area 16 of the map display area 17, which displays text information on the map display area 17 indicating accidents occurring in the vicinity of the information display device 10 and details of traffic restrictions.

ユーザは、これらのアイコン画像18a乃至18cを例えば、タップするタッチ操作を行うことにより、これらのアイコン画像18a乃至18cの機能を発揮させることができる。すなわち、これらのアイコン画像18a乃至18cは、地図画像に対するユーザからの入力操作を受け付ける第1アイコン画像18として機能する。また、制御部14は、地図画像に対するユーザからのタッチ操作、すなわち第2入力操作を受け付ける入力操作受付部として機能する。 The user can activate the functions of these icon images 18a to 18c by performing a touch operation, for example, tapping on these icon images 18a to 18c. That is, these icon images 18a to 18c function as first icon images 18 that accept an input operation from the user on the map image. Also, the control unit 14 functions as an input operation receiving unit that accepts a touch operation from the user on the map image, i.e., a second input operation.

地図表示領域17の下端側には、情報表示装置10の現在位置の広域地名を表示する地名表示アイコン画像19aが表示されている。地名表示アイコン画像19aは、地図画像に関連する関連情報を文字情報によって表示する。例えば、地名表示アイコン19aは、地図表示領域17上において「東京都〇〇区」のように広域地名を文字情報によって表示する。すなわち、地名表示アイコン画像19aは、地図画像に関連する広域地名を文字情報として表示する。 At the bottom of the map display area 17, a place name display icon image 19a is displayed, which displays the broad place name of the current location of the information display device 10. The place name display icon image 19a displays related information related to the map image using text information. For example, the place name display icon 19a displays a broad place name such as "XX ward, Tokyo" on the map display area 17 using text information. In other words, the place name display icon image 19a displays the broad place name related to the map image as text information.

本図において地名表示アイコン画像19aは、画面20aの左右方向に延びる帯状の形態を有している。地名表示アイコン画像19aは、画面20aの左右方向の長さが可変であり、本図においては第1の既定アイコンサイズで表示されている。 In this figure, the place name display icon image 19a has a strip shape extending in the left-right direction of the screen 20a. The length of the place name display icon image 19a in the left-right direction of the screen 20a is variable, and in this figure, it is displayed in the first default icon size.

地名表示アイコン画像19aは、第1アイコン画像18とは異なり、地図画像に対するユーザからのタッチ操作を受け付けない。例えば、ユーザは、地名表示アイコン画像19aにタップするタッチ操作を行っても、地図画像の表示態様が変更されない。 Unlike the first icon image 18, the place name display icon image 19a does not accept touch operations from the user on the map image. For example, even if the user performs a touch operation of tapping on the place name display icon image 19a, the display mode of the map image does not change.

地名表示アイコン画像19aのように、地図画像に対するユーザからのタッチ操作、すなわち第2入力操作を受け付けず、地図画像に関連する関連情報を表示するアイコン画像を第2アイコン画像19とする。 An icon image that does not accept a touch operation from the user on the map image, i.e., a second input operation, such as the place name display icon image 19a, and displays related information related to the map image, is referred to as the second icon image 19.

すなわち、制御部14は、地図表示領域17に地図画像を第1アイコン画像18及び第2アイコン画像19と共に表示する第2表示制御部として機能する。 In other words, the control unit 14 functions as a second display control unit that displays the map image together with the first icon image 18 and the second icon image 19 in the map display area 17.

本実施例の情報表示装置10においては、タッチパネル20に対するユーザによるタッチ操作によって、境界BOが左右方向に移動することでコンテンツ表示領域16の大きさが変化する。具体的には、例えば、ユーザの指による左右方向のスワイプ操作に応じて、境界BOが左右方向に移動することでコンテンツ表示領域16の大きさが変化する。コンテンツ表示領域16の大きさは、スワイプ操作に追従して逐次変化する。 In the information display device 10 of this embodiment, the size of the content display area 16 changes as the border BO moves left and right in response to a touch operation by the user on the touch panel 20. Specifically, for example, the size of the content display area 16 changes as the border BO moves left and right in response to a left and right swipe operation with the user's finger. The size of the content display area 16 changes sequentially in response to the swipe operation.

このユーザの指による左右方向のスワイプ操作に応じて地名表示アイコン画像19aの大きさが変化する。具体的には、地名表示アイコン画像19aの大きさは、コンテンツ表示領域16の大きさに応じて変更される。 The size of the place name display icon image 19a changes in response to this left/right swipe operation with the user's finger. Specifically, the size of the place name display icon image 19a changes in response to the size of the content display area 16.

本実施例においては、画面20aの左側にコンテンツ表示領域16があるので、例えば、ユーザが右方向に向かって指PFをスワイプするタッチ操作を行うと、境界BOが右に移動してコンテンツ表示領域16が拡大される。具体的には、例えば、ユーザがコンテンツ表示領域16と地図表示領域17との境界を跨ぐように右方向に指PFをスワイプすると、コンテンツ表示領域16が拡大させられる。言い換えれば、ユーザがコンテンツ表示領域16と地図表示領域17との境界を跨ぐように右方向に指PFをスワイプすると、地図表示領域17の大きさが縮小させられる。 In this embodiment, since the content display area 16 is located on the left side of the screen 20a, for example, when the user performs a touch operation of swiping the finger PF in a rightward direction, the border BO moves to the right and the content display area 16 is enlarged. Specifically, for example, when the user swipes the finger PF in a rightward direction so as to straddle the boundary between the content display area 16 and the map display area 17, the content display area 16 is enlarged. In other words, when the user swipes the finger PF in a rightward direction so as to straddle the boundary between the content display area 16 and the map display area 17, the size of the map display area 17 is reduced.

また、ユーザが左方向に向かって指PFをスワイプするタッチ操作を行うと、境界BOが右に移動してコンテンツ表示領域16が縮小される。具体的には、例えば、ユーザがコンテンツ表示領域16と地図表示領域17との境界を跨ぐように左方向に指PFをスワイプすると、コンテンツ表示領域16が縮小させられる。言い換えれば、ユーザがコンテンツ表示領域16と地図表示領域17との境界を跨ぐように左方向に指PFをスワイプすると、地図表示領域17の大きさが拡大させられる。すなわち、ユーザが左右方向に向かって指PFをスワイプするタッチ操作は、コンテンツ表示領域を拡大又は縮小するための第1入力操作である。 Furthermore, when the user performs a touch operation of swiping the finger PF in the left direction, the boundary BO moves to the right and the content display area 16 is reduced. Specifically, for example, when the user swipes the finger PF in the left direction so as to straddle the boundary between the content display area 16 and the map display area 17, the content display area 16 is reduced. In other words, when the user swipes the finger PF in the left direction so as to straddle the boundary between the content display area 16 and the map display area 17, the size of the map display area 17 is enlarged. In other words, a touch operation in which the user swipes the finger PF in the left/right direction is a first input operation for enlarging or reducing the content display area.

2つの表示枠16a,16bのサイズは、コンテンツ表示領域16の拡大又は縮小に伴って画面20aの左右方向に拡大又は縮小される。また、2つの表示枠16a,16bに表示されている地名表示アイコン画像19aは、表示枠16a,16bの拡大又は縮小に伴って、そのサイズが拡大又は縮小される。尚、表示枠16a、16bの拡大又は縮小に伴って、コンテンツ画像の表示態様が変化させられてもよい。 The size of the two display frames 16a, 16b is enlarged or reduced in the left-right direction of the screen 20a as the content display area 16 is enlarged or reduced. In addition, the place name display icon image 19a displayed in the two display frames 16a, 16b is enlarged or reduced in size as the display frames 16a, 16b are enlarged or reduced. The display mode of the content image may be changed as the display frames 16a, 16b are enlarged or reduced.

また、地図表示領域17のサイズも、コンテンツ表示領域16の拡大又は縮小に伴って画面20aの左右方向に拡大又は縮小される。さらに、コンテンツ表示領域16の拡大又は縮小に伴って地名表示アイコン画像19aのサイズも、コンテンツ表示領域16の拡大又は縮小に伴って画面20aの左右方向に拡大又は縮小される。 The size of the map display area 17 also expands or reduces in the left-right direction of the screen 20a in accordance with the expansion or reduction of the content display area 16. Furthermore, the size of the place name display icon image 19a also expands or reduces in the left-right direction of the screen 20a in accordance with the expansion or reduction of the content display area 16.

尚、第1アイコン画像18は、地図表示領域17のサイズの変更に追従して画面20a上の表示位置が変更されるが、コンテンツ表示領域16の拡大又は縮小に伴う画面20aの左右方向の拡大又は縮小はされない。 The display position of the first icon image 18 on the screen 20a changes in accordance with changes in the size of the map display area 17, but the screen 20a does not expand or shrink in the left-right direction in accordance with the expansion or contraction of the content display area 16.

図11は、タッチパネル20の画面20aの表示態様の一例を示している。図11に示すように、コンテンツ表示領域16は、上記第1の既定サイズよりも大きい第2の既定サイズで表示されている。 Figure 11 shows an example of the display state of the screen 20a of the touch panel 20. As shown in Figure 11, the content display area 16 is displayed in a second default size that is larger than the first default size.

例えば、表示態様の図10の態様から図11の態様への変化、すなわちコンテンツ表示領域16の第1の既定サイズから第2の既定サイズへの変化は、指PFの右方向へのスワイプ操作によって生起させられる。また、その逆の変化は、例えば、指PFの左方向へのスワイプ操作によって生起させられる。 For example, a change in the display mode from that shown in FIG. 10 to that shown in FIG. 11, i.e., a change in the content display area 16 from the first default size to the second default size, is caused by a rightward swipe operation of the finger PF. The opposite change is caused, for example, by a leftward swipe operation of the finger PF.

図11において、地名表示アイコン画像19aは、上記第1の既定アイコンサイズよりも画面20aの左右方向の長さが短い第2の既定アイコンサイズで表示されている。また、地名表示アイコン画像19aに表示されている地名は「東京都」のみとなっている。従って、第2の既定アイコンサイズにおいて表示されている関連情報の文字数は、第1の既定アイコンサイズに表示されている関連情報の文字数よりも少ない。すなわち、地名表示アイコン画像19aが縮小されることに伴って、地名表示アイコン画像19aに表示される関連情報の文字数が減少されるレイアウト変更がなされている。 In FIG. 11, the place name display icon image 19a is displayed in a second default icon size that is shorter in the left-right direction of the screen 20a than the first default icon size. The place name displayed in the place name display icon image 19a is only "Tokyo". Therefore, the number of characters of the related information displayed in the second default icon size is less than the number of characters of the related information displayed in the first default icon size. In other words, as the place name display icon image 19a is reduced, a layout change is made to reduce the number of characters of the related information displayed in the place name display icon image 19a.

図12は、タッチパネル20の画面20aの表示態様の一例を示している。図12においては、コンテンツ表示領域16が画面20aに表示されないクローズ表示が示されている。従って、画面20aには、地図表示領域17のみが表示されている。 Figure 12 shows an example of the display state of the screen 20a of the touch panel 20. In Figure 12, a closed display is shown in which the content display area 16 is not displayed on the screen 20a. Therefore, only the map display area 17 is displayed on the screen 20a.

例えば、表示態様の図10の態様から図12の態様への変化、すなわちコンテンツ表示領域16の第1の既定サイズからクローズ表示への変化は、指PFの左方向へのスワイプ操作によって生起させられる。また、その逆の変化は、例えば、指PFの右方向へのスワイプ操作によって生起させられる。 For example, a change in the display mode from that shown in FIG. 10 to that shown in FIG. 12, i.e., a change from the first default size of the content display area 16 to a closed display, is caused by a leftward swipe operation of the finger PF. The opposite change is caused, for example, by a rightward swipe operation of the finger PF.

コンテンツ表示領域16は、指PFによる操作中を除き、図10において示した第1の既定サイズ、図11において示した第2の既定サイズ及び図12において示したクローズ表示の3つの態様でタッチパネル20の画面20aに表示される。同様に、地図表示領域17も、図10、図11及び図12において示した3つの態様でタッチパネル20の画面20aに表示される。 Except when being operated with a finger PF, the content display area 16 is displayed on the screen 20a of the touch panel 20 in three modes: a first default size shown in FIG. 10, a second default size shown in FIG. 11, and a closed display shown in FIG. 12. Similarly, the map display area 17 is displayed on the screen 20a of the touch panel 20 in the three modes shown in FIG. 10, FIG. 11, and FIG. 12.

すなわち、コンテンツ表示領域16は、指PFによる操作中を除き、予め決められた3つの表示態様のみで表示される。言い換えれば、境界BOは、指PFによる操作中を除き、図10、図11及び図12において示した3つの位置のいずれかにある。 That is, the content display area 16 is displayed in only three predetermined display modes, except during operation with the finger PF. In other words, the border BO is in one of the three positions shown in FIG. 10, FIG. 11, and FIG. 12, except during operation with the finger PF.

コンテンツ表示領域16がどの既定の表示態様で表示されるかは、タッチ操作が終了した際のコンテンツ表示領域16の大きさに応じて行われる。言い換えれば、境界BOは、タッチ操作の終了後、タッチ操作が終了した際の境界BOの位置によって決まる既定の位置に持ち来され、それによってコンテンツ表示領域16が既定の表示態様になされる。 Which default display mode the content display area 16 is displayed in depends on the size of the content display area 16 when the touch operation ends. In other words, after the touch operation ends, the border BO is brought to a default position determined by the position of the border BO when the touch operation ends, and the content display area 16 is thereby displayed in the default mode.

また図12において、地名表示アイコン画像19aは、上記第1の既定アイコンサイズで表示されている。また、地名表示アイコン画像19aに表示されている地名は「東京都○○区」となっている。従って、第1の既定アイコンサイズにおいて表示されている関連情報の文字数は、第2の既定アイコンサイズに表示されている関連情報の文字数よりも多い。 In FIG. 12, the place name display icon image 19a is displayed in the first default icon size. The place name displayed in the place name display icon image 19a is "XX Ward, Tokyo." Therefore, the number of characters of the related information displayed in the first default icon size is greater than the number of characters of the related information displayed in the second default icon size.

例えば第2の既定アイコンサイズから第1の既定アイコンサイズに変更される場合は、地名表示アイコン画像19aが拡大される。すなわち、地名表示アイコン画像19aが拡大されることに伴って、地名表示アイコン画像19aに表示される関連情報の文字数が増加されるレイアウト変更がなされている。 For example, when changing from the second default icon size to the first default icon size, the place name display icon image 19a is enlarged. In other words, as the place name display icon image 19a is enlarged, a layout change is made in which the number of characters of related information displayed in the place name display icon image 19a is increased.

図13を用いてタッチ操作の終了後の既定の表示態様がどのように決まるかについての例を説明する。図13には、第2アイコン画像19すなわち地名表示アイコン画像19aが第1の既定アイコンサイズの状態を示している。また、図13には、地名表示アイコン画像19aがどの既定のサイズになるかの基準となるボーダーラインBR1及びBR2が示されている。 An example of how the default display mode after the end of a touch operation is determined will be described with reference to FIG. 13. FIG. 13 shows the state in which the second icon image 19, i.e., the place name display icon image 19a, is the first default icon size. FIG. 13 also shows border lines BR1 and BR2 that are the basis for determining which default size the place name display icon image 19a will be.

上述したように、指PFをスライドさせるタッチ操作(以下、スライド操作とする)によって境界BOが移動する。本実施例の情報表示装置10では、スライド操作の終了時に、すなわち指PFが画面から離れた際に、境界BOがボーダーラインBR1及びBR2に対してどの位置にあるかによって、コンテンツ表示領域16がどの既定の表示態様になるかが決まる。 As described above, the border BO moves due to a touch operation of sliding the finger PF (hereinafter referred to as a slide operation). In the information display device 10 of this embodiment, when the slide operation ends, i.e., when the finger PF is removed from the screen, the position of the border BO relative to the border lines BR1 and BR2 determines which default display mode the content display area 16 will be in.

例えば、スライド操作の終了時に境界BOがボーダーラインBR1よりも右にある場合、コンテンツ表示領域16の表示態様は第2の既定サイズに決まる。 For example, if the border BO is to the right of the border line BR1 when the slide operation ends, the display mode of the content display area 16 is determined to be the second default size.

例えば、スライド操作の終了時に境界BOがボーダーラインBR1とボーダーラインBR2の間にある場合、コンテンツ表示領域16の表示態様は第1の既定サイズに決まる。 For example, if the border BO is between border line BR1 and border line BR2 when the slide operation ends, the display mode of the content display area 16 is determined to be the first default size.

例えば、スライド操作の終了時に境界BOがボーダーラインBR2よりも左にある場合、コンテンツ表示領域16の表示態様はクローズ表示に決まる。 For example, if the border BO is to the left of the border line BR2 when the slide operation ends, the display mode of the content display area 16 is determined to be a closed display.

地名表示アイコン画像19aの大きさは、コンテンツ表示領域16の大きさに応じて変更される。すなわち、境界BOがボーダーラインBR1及びBR2に対してどの位置にあるかによって、地名表示アイコン画像19aがどの既定の表示態様になるかが決まる。 The size of the place name display icon image 19a changes depending on the size of the content display area 16. In other words, the default display mode of the place name display icon image 19a is determined by where the border BO is located relative to the border lines BR1 and BR2.

例えば、コンテンツ表示領域16が第1の既定サイズ及びクローズ表示である場合、地名表示アイコン画像19aの表示態様は、第1の既定アイコンサイズに決まる。また、コンテンツ表示領域16が第2の既定サイズである場合、地名表示アイコン画像19aの表示態様は、第2の既定アイコンサイズに決まる。 For example, when the content display area 16 is in the first default size and closed display, the display mode of the place name display icon image 19a is determined to be the first default icon size. Also, when the content display area 16 is in the second default size, the display mode of the place name display icon image 19a is determined to be the second default icon size.

従って、制御部14は、画面20aのコンテンツ表示領域を拡大又は縮小するためのタッチ操作に基づき、第2アイコン画像19の表示形態を変更するための第1表示形態処理を行う表示形態処理部として機能する。 The control unit 14 therefore functions as a display form processing unit that performs a first display form process to change the display form of the second icon image 19 based on a touch operation to enlarge or reduce the content display area of the screen 20a.

以上のように、ユーザのタッチ操作が終了した際のコンテンツ表示領域16の大きさに基づいて地名表示アイコン画像19aが拡大又は縮小されることによって、ユーザによって行われたタッチ操作の意図を反映させた表示態様で表示させることが可能となる。 As described above, the place name display icon image 19a is enlarged or reduced based on the size of the content display area 16 when the user's touch operation is completed, making it possible to display the place name display icon image 19a in a display mode that reflects the intention of the touch operation performed by the user.

また、地名表示アイコン画像19aの表示態様の変更は、上記で説明した態様に限られるものではない。 In addition, the change in the display mode of the place name display icon image 19a is not limited to the mode described above.

これらのいずれかの地名表示アイコン画像19aの表示態様は、予め設定されていてもよく、また、いずれかの表示態様をユーザが任意に選択するようにしてもよい。 The display mode of any of these place name display icon images 19a may be preset, or the user may select any of the display modes at their discretion.

図14は、情報表示装置10による情報表示処理R1を示している。図14に示すように、アプリケーションプログラム13A及びアプリケーションプログラム13Bが実行されると、制御部14は、各アプリケーションプログラム13A及びアプリケーションプログラム13Bを起動する(ステップS401)。 Figure 14 shows information display processing R1 by the information display device 10. As shown in Figure 14, when application program 13A and application program 13B are executed, the control unit 14 starts each application program 13A and application program 13B (step S401).

制御部14は、スッテプS401において起動された各アプリケーションプログラム13A及びアプリケーションプログラム13Bが実行されることによって生成されたコンテンツ画像を表示枠16a、16bに表示させる。また、制御部14は、地図表示領域17に地図画像並びに第1アイコン画像18及び第2アイコン画像19を表示させる(ステップS402)。従って、制御部14は、複数のコンテンツを表示するコンテンツ表示領域16を含む表示を画面20aに表示させる第1表示制御部として機能する。また、制御部14は、地図表示領域17に地図画像を複数のアイコン画像と共に表示する第2表示制御部として機能する。 The control unit 14 causes the display frames 16a and 16b to display the content images generated by executing the application programs 13A and 13B launched in step S401. The control unit 14 also causes the map image and the first and second icon images 18 and 19 to be displayed in the map display area 17 (step S402). Thus, the control unit 14 functions as a first display control unit that causes the screen 20a to display a display including the content display area 16 that displays multiple pieces of content. The control unit 14 also functions as a second display control unit that displays the map image together with multiple icon images in the map display area 17.

画面20aのコンテンツ表示領域16において、ユーザのスワイプするタッチ操作が行われると、制御部14は、地図表示領域17に表示される第2アイコン画像19のサイズを変更する(ステップS403)。すなわち、第2アイコン画像19は、ユーザのタッチ操作に伴って拡大又は縮小されることが可能である。従って、制御部14は、画面20aのコンテンツ表示領域を拡大又は縮小するためのタッチ操作に基づき、第2アイコン画像19の表示形態を変更するための第1表示形態処理を行う表示形態処理部として機能する。 When the user performs a swiping touch operation in the content display area 16 of the screen 20a, the control unit 14 changes the size of the second icon image 19 displayed in the map display area 17 (step S403). That is, the second icon image 19 can be enlarged or reduced in accordance with the user's touch operation. Therefore, the control unit 14 functions as a display form processing unit that performs a first display form process to change the display form of the second icon image 19 based on the touch operation to enlarge or reduce the content display area of the screen 20a.

制御部14は、自動車Mのエンジンが停止したかを判定する(ステップS404)。制御部14は、ステップS404の判定において自動車Mのエンジンが停止していないと判定した場合(ステップS404:N)、ステップS403のアイコン画像サイズ変更処理に戻る。 The control unit 14 determines whether the engine of the automobile M has stopped (step S404). If the control unit 14 determines in step S404 that the engine of the automobile M has not stopped (step S404: N), the control unit 14 returns to the icon image resize process of step S403.

制御部14は、ステップS404の判定において自動車Mのエンジンが停止したと判定した場合(ステップS404:Y)、画面20aにおける表示を終了し(ステップS405)、各アプリケーションプログラム13A及びアプリケーションプログラム13Bを終了する(ステップS406)。 If the control unit 14 determines in step S404 that the engine of the automobile M has stopped (step S404: Y), it ends the display on the screen 20a (step S405) and ends each application program 13A and application program 13B (step S406).

図15は、ステップS403の第2のコンテンツ画像のサイズを変更するサブルーチンR2を示している。図15に示すように、制御部14は、ユーザによるスライド操作があったか否かを判定する(ステップS501)。ステップS501の判定において、制御部14は、コンテンツ表示領域16を拡大又は縮小させるためのタッチ操作、すなわち、左右方向にスライド操作がなされたか否かを判定する。 Figure 15 shows the subroutine R2 for changing the size of the second content image in step S403. As shown in Figure 15, the control unit 14 determines whether or not a slide operation has been performed by the user (step S501). In the determination of step S501, the control unit 14 determines whether or not a touch operation for enlarging or reducing the content display area 16, i.e., a slide operation in the left/right direction, has been performed.

制御部14は、ステップS501の判定において、ユーザによるスライド操作がなかったと判定した場合(ステップS501:N)、処理を終了する。 If the control unit 14 determines in step S501 that the user has not performed a slide operation (step S501: N), the control unit 14 ends the process.

制御部14は、ステップS501の判定において、ユーザによるスライド操作があったと判定した場合(ステップS501:Y)、当該スライド操作を受け付ける。その際、制御部14は、スライド操作に追従してコンテンツ表示領域16及び地図表示領域17を拡大又は縮小させる。このように、制御部14は、画面20aに対してなされるタッチ操作を受け付ける入力操作受付部として機能する。 When the control unit 14 determines in step S501 that a slide operation has been performed by the user (step S501: Y), the control unit 14 accepts the slide operation. At that time, the control unit 14 enlarges or reduces the content display area 16 and the map display area 17 in accordance with the slide operation. In this way, the control unit 14 functions as an input operation accepting unit that accepts touch operations performed on the screen 20a.

制御部14は、受け付けたスライド操作が終了したか否かを判定する(ステップS502)。例えば、制御部14は、ユーザの指PFが画面20aから離れたことに基づいて、スライド操作が終了したことを判定する。尚、制御部14は、ステップS502の判定において受け付けたスライド操作が終了していないと判定した場合(ステップS502:N)、受け付けたスライド操作が終了するまで、ステップS502の判定を行う。 The control unit 14 determines whether the accepted sliding operation has ended (step S502). For example, the control unit 14 determines that the sliding operation has ended based on the user's finger PF being removed from the screen 20a. Note that, if the control unit 14 determines in the determination of step S502 that the accepted sliding operation has not ended (step S502: N), it repeats the determination of step S502 until the accepted sliding operation ends.

制御部14は、ステップS502の判定において受け付けたスライド操作が終了したと判定した場合(ステップS502:Y)、タッチ操作の最中のコンテンツ表示領域16の拡大又は縮小が終了する。 If the control unit 14 determines in step S502 that the received slide operation has ended (step S502: Y), the enlargement or reduction of the content display area 16 during the touch operation ends.

スライド操作が終了した際の境界BOの位置、すなわち、タッチ操作の最後の画面20a上の境界BOの位置がボーダーラインBR1よりも右であるか否かを判定する(ステップS503)。 It is determined whether the position of the border BO when the slide operation ends, i.e., the position of the border BO on the screen 20a at the end of the touch operation, is to the right of the border line BR1 (step S503).

制御部14は、ステップS503において、境界BOの位置がボーダーラインBR1よりも右であると判定した場合(ステップS503:Y)、アイコン画像を地図表示領域のサイズ変更に追従させつつ第2の既定アイコンサイズにさせる(ステップS504)。従って、制御部14は、第1表示形態処理としてアイコン画像の縮小処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S503 that the position of the boundary BO is to the right of the border line BR1 (step S503: Y), the control unit 14 changes the icon image to the second default icon size while following the resize of the map display area (step S504). Therefore, the control unit 14 functions as a display form processing unit that performs a reduction process of the icon image as the first display form process.

制御部14は、アイコン画像に示されている関連情報のレイアウトの変更を行う(ステップS505)。具体的には、制御部14は、アイコン画像に関連情報の文字情報の文字数を減少させる。例えば、制御部14は、地名表示アイコン画像19aの関連情報が「東京都○○区」である文字情報である場合、地名表示アイコン19aに表示させる文字情報を「東京都」に変更する。また、制御部14は、制御部14は、境界BOの移動に第1アイコン画像18の表示位置を追従させて変更する。すなわち、制御部14は、画面20aの左右方向に沿って第1アイコン画像18をスライド移動させる。 The control unit 14 changes the layout of the related information shown in the icon image (step S505). Specifically, the control unit 14 reduces the number of characters in the text information of the related information in the icon image. For example, when the related information of the place name display icon image 19a is the text information "XX ward, Tokyo", the control unit 14 changes the text information to be displayed on the place name display icon 19a to "Tokyo". The control unit 14 also changes the display position of the first icon image 18 to follow the movement of the boundary BO. In other words, the control unit 14 slides and moves the first icon image 18 along the left-right direction of the screen 20a.

制御部14は、ステップS503において、境界BOの位置がボーダーラインBR1よりも左であると判定した場合(ステップS503:N)、スライド操作が終了した際の境界BOの位置、すなわち、タッチ操作の最後の画面20a上の境界BOの位置がボーダーラインBR2よりも左であるか否かを判定する(ステップS506)。 If the control unit 14 determines in step S503 that the position of the border BO is to the left of the border line BR1 (step S503: N), it determines whether the position of the border BO when the slide operation ends, i.e., the position of the border BO on the screen 20a at the end of the touch operation, is to the left of the border line BR2 (step S506).

制御部14は、ステップS506において、境界BOの位置がボーダーラインBR2よりも左であると判定した場合(ステップS506:Y)、アイコン画像を地図表示領域のサイズ変更に追従させつつ第1の既定アイコンサイズにさせる(ステップS507)。従って、制御部14は、第1表示形態処理としてアイコン画像の縮小処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S506 that the position of the boundary BO is to the left of the border line BR2 (step S506: Y), the control unit 14 changes the icon image to the first default icon size while following the resize of the map display area (step S507). Therefore, the control unit 14 functions as a display form processing unit that performs a reduction process of the icon image as the first display form process.

制御部14は、アイコン画像に示されている関連情報のレイアウトの変更を行う(ステップS508)。具体的には、制御部14は、アイコン画像に関連情報の文字情報の文字数を増加させる。例えば、制御部14は、地名表示アイコン画像19aの関連情報が「東京都」である文字情報である場合、地名表示アイコン19aに表示させる文字情報を「東京都○○区」に変更する。また、制御部14は、制御部14は、境界BOの移動に第1アイコン画像18の表示位置を追従させて変更する。すなわち、制御部14は、画面20aの左右方向に沿って第1アイコン画像18をスライド移動させる。 The control unit 14 changes the layout of the related information shown in the icon image (step S508). Specifically, the control unit 14 increases the number of characters of the text information of the related information in the icon image. For example, when the related information of the place name display icon image 19a is the text information "Tokyo", the control unit 14 changes the text information to be displayed on the place name display icon 19a to "XX Ward, Tokyo". The control unit 14 also changes the display position of the first icon image 18 to follow the movement of the boundary BO. That is, the control unit 14 slides and moves the first icon image 18 along the left-right direction of the screen 20a.

制御部14は、ステップS506において、境界BOの位置がボーダーラインBR2よりも右であると判定した場合(ステップS506:N)、アイコン画像を地図表示領域のサイズ変更に追従させつつ第1の既定アイコンサイズにさせる(ステップS509)。従って、制御部14は、第1表示形態処理としてアイコン画像の縮小処理を行う表示形態処理部として機能する。 If the control unit 14 determines in step S506 that the position of the boundary BO is to the right of the border line BR2 (step S506: N), the control unit 14 changes the icon image to the first default icon size while following the resize of the map display area (step S509). Therefore, the control unit 14 functions as a display form processing unit that performs a reduction process of the icon image as the first display form process.

制御部14は、アイコン画像に示されている関連情報のレイアウトの変更を行う(ステップS510)。具体的には、制御部14は、アイコン画像に関連情報の文字情報の文字数を増加させる。例えば、制御部14は、地名表示アイコン画像19aの関連情報が「東京都」である文字情報である場合、地名表示アイコン19aに表示させる文字情報を「東京都○○区」に変更する。また、制御部14は、制御部14は、境界BOの移動に第1アイコン画像18の表示位置を追従させて変更する。すなわち、制御部14は、画面20aの左右方向に沿って第1アイコン画像18をスライド移動させる。 The control unit 14 changes the layout of the related information shown in the icon image (step S510). Specifically, the control unit 14 increases the number of characters of the text information of the related information in the icon image. For example, when the related information of the place name display icon image 19a is the text information "Tokyo", the control unit 14 changes the text information to be displayed on the place name display icon 19a to "XX Ward, Tokyo". The control unit 14 also changes the display position of the first icon image 18 to follow the movement of the boundary BO. That is, the control unit 14 slides and moves the first icon image 18 along the left-right direction of the screen 20a.

尚、本実施例においては、アイコン画像は、第1の既定アイコンサイズ及び第2の既定アイコンサイズの2つの表示サイズでタッチパネル20の画面20aで表示されることを説明した。しかし、アイコン画像は、2つの表示態様に限定されない。例えば、第1の既定アイコンサイズ及び第2の既定アイコンサイズの間に既定のアイコンサイズを設けて表示態様を増加して実施してもよい。 In this embodiment, it has been described that the icon image is displayed on the screen 20a of the touch panel 20 in two display sizes, a first default icon size and a second default icon size. However, the icon image is not limited to two display modes. For example, a default icon size may be set between the first default icon size and the second default icon size, thereby increasing the number of display modes.

また、本実施例においては、アイコン画像がどの既定の表示態様で表示されるかは、タッチ操作が終了した際の境界BOの位置によって決めた。しかし、アイコン画像がどの既定の表示態様で表示されるかは、自由に設定することが可能である。例えば、ユーザのスライド操作のスライド量に応じて、アイコン画像がどの既定の表示態様で表示されるかを決めてもよい。 In addition, in this embodiment, the default display mode in which the icon image is displayed is determined based on the position of the border BO when the touch operation is ended. However, the default display mode in which the icon image is displayed can be freely set. For example, the default display mode in which the icon image is displayed may be determined based on the amount of sliding of the user's sliding operation.

以上のように、本実施例による情報表示装置10は、コンテンツ表示領域16がタッチパネル20の画面20aで拡大又は縮小される際に、ユーザのスライド操作が終了した際のコンテンツ表示領域16の大きさに基づいて第2アイコン画像19の拡大又は縮小を行う。 As described above, when the content display area 16 is enlarged or reduced on the screen 20a of the touch panel 20, the information display device 10 according to this embodiment enlarges or reduces the second icon image 19 based on the size of the content display area 16 when the user's slide operation ends.

したがって、第2アイコン画像19が拡大又は縮小されることにより、ユーザが所望するアイコン画像を適切なサイズで容易に表示することが可能となる。特に、情報表示装置10が自動車等の移動体に搭載される場合、ユーザが地図情報の縮尺の変更等の第1アイコン画像18を操作する可能性は、第2アイコン画像19をユーザが注視する可能性よりも高い。このように、第2アイコン画像19のみを拡大又は縮小を行うことによって、情報表示装置10の操作性を維持しつつ、ユーザによって行われたタッチ操作の意図を反映させた表示を拡大又は縮小することが可能となる。 Therefore, by enlarging or reducing the second icon image 19, it becomes possible to easily display the icon image desired by the user at an appropriate size. In particular, when the information display device 10 is mounted on a moving body such as an automobile, the possibility that the user will operate the first icon image 18, such as to change the scale of the map information, is higher than the possibility that the user will focus on the second icon image 19. In this way, by enlarging or reducing only the second icon image 19, it becomes possible to enlarge or reduce the display that reflects the intention of the touch operation performed by the user while maintaining the operability of the information display device 10.

それ故、本実施例に係る情報表示装置10によれば、ユーザは、タッチパネル20の画面20aを注視することなく、容易に第2アイコン画像19を拡大又は縮小させる操作を行うことが可能となる。 Therefore, with the information display device 10 according to this embodiment, the user can easily perform an operation to enlarge or reduce the second icon image 19 without gazing at the screen 20a of the touch panel 20.

10 情報表示装置
14 制御部
16 コンテンツ表示領域
20 タッチパネル
20a 画面
10 Information display device 14 Control unit 16 Content display area 20 Touch panel 20a Screen

Claims (12)

コンテンツ画像を表示画面上の第1表示領域に表示させる第1表示制御部と、
前記表示画面上の第2表示領域に地図画像を複数のアイコン画像と共に表示させる第2表示制御部と、
前記第1表示領域を拡大または縮小するための第1入力操作及び前記地図画像に対するユーザからの第2入力操作を受け付ける入力操作受付部と、
前記第1入力操作に基づき、前記複数のアイコン画像のうち、
前記第2入力操作を受け付けるための第1アイコン画像に対しては、前記アイコン画像の表示形態を変更するための第1表示形態処理を行わず、
前記第2入力操作を受け付けるためのものではない第2アイコン画像に対しては、前記第1表示形態処理を行う、表示形態処理部と、
を有し、
前記表示形態処理部は、前記コンテンツ画像が前記第1表示領域に表示されかつ前記地図画像が前記第1アイコン画像及び前記第2アイコン画像と共に前記第2表示領域に表示されたときにおける前記第1入力操作に応じて、前記第2アイコン画像に対して前記第1表示形態処理を行うと同時に、表示位置を変更するための表示形態処理を前記第1アイコン画像に対して行うことを特徴とする情報表示装置。
a first display control unit that displays a content image in a first display area on a display screen;
a second display control unit that displays a map image together with a plurality of icon images in a second display area on the display screen;
an input operation receiving unit that receives a first input operation for enlarging or reducing the first display area and a second input operation from a user on the map image;
Based on the first input operation, among the plurality of icon images,
a first display form process for changing a display form of a first icon image for receiving the second input operation is not performed;
a display form processing unit that performs the first display form processing on a second icon image that is not for accepting the second input operation;
having
the display form processing unit performs the first display form processing on the second icon image and simultaneously performs display form processing on the first icon image to change its display position in response to the first input operation when the content image is displayed in the first display area and the map image is displayed in the second display area together with the first icon image and the second icon image.
前記第1表示形態処理は、前記第2アイコン画像を拡大または縮小するための処理であることを特徴とする請求項1に記載の情報表示装置。 The information display device according to claim 1, characterized in that the first display form process is a process for enlarging or reducing the second icon image. 前記第1表示形態処理は、前記第2アイコン画像の拡大または縮小に伴い、前記地図画像に関連する関連情報のレイアウトを変更することを特徴とする請求項2に記載の情報表示装置。 The information display device according to claim 2, characterized in that the first display form process changes the layout of related information related to the map image in response to the enlargement or reduction of the second icon image. 前記関連情報は文字情報であり、
前記第1表示形態処理は、前記第2アイコン画像上における前記文字情報の文字数を変更する処理であることを特徴とする請求項3に記載の情報表示装置。
the related information is character information,
4. The information display device according to claim 3, wherein the first display form process is a process for changing the number of characters of the character information on the second icon image.
前記表示形態処理部は、前記第1入力操作に基づき、前記コンテンツ画像の表示形態を変更するための第2表示形態処理を前記コンテンツ画像に対して行うことを特徴とする請求項1乃至4のいずれかに記載の情報表示装置。 The information display device according to any one of claims 1 to 4, characterized in that the display mode processing unit performs a second display mode process on the content image to change the display mode of the content image based on the first input operation. 前記表示形態処理部は、前記第1入力操作に基づき、前記地図画像の表示形態を変更するための第3表示形態処理を前記地図画像に対して行うことを特徴とする請求項1乃至5のいずれかに記載の情報表示装置。 The information display device according to any one of claims 1 to 5, characterized in that the display mode processing unit performs a third display mode process on the map image to change the display mode of the map image based on the first input operation. 前記第1表示形態処理は、前記第2アイコン画像を複数の規定サイズ間で拡大または縮小するための処理であることを特徴とする請求項2に記載の情報表示装置。 The information display device according to claim 2, characterized in that the first display form process is a process for enlarging or reducing the second icon image between a plurality of specified sizes. 前記表示画面上において前記第1表示領域と前記第2表示領域とは互いに隣接し、
前記第1入力操作は、前記表示画面上において前記第1表示領域と前記第2表示領域との境界を前記第1表示領域側または前記第2表示領域側に移動させるタッチ操作であることを特徴とする請求項1に記載の情報表示装置。
the first display area and the second display area are adjacent to each other on the display screen,
2. The information display device according to claim 1, characterized in that the first input operation is a touch operation that moves a boundary between the first display area and the second display area on the display screen toward the first display area or the second display area.
前記移動させるタッチ操作の終了直前の移動方向に応じて前記第1表示領域の拡大または縮小が決定されることを特徴とする請求項8に記載の情報表示装置。 The information display device according to claim 8, characterized in that the enlargement or reduction of the first display area is determined according to the direction of movement immediately before the end of the moving touch operation. コンピュータによって実行される情報表示方法であって、
コンテンツ画像を表示画面上の第1表示領域に表示させるステップと、
前記表示画面上の第2表示領域に地図画像を複数のアイコン画像と共に表示させるステップと、
前記第1表示領域を拡大または縮小するための第1入力操作及び前記地図画像に対するユーザからの第2入力操作を受け付けるステップと、
前記第1入力操作に基づき、前記複数のアイコン画像のうち、
前記第2入力操作を受け付けるための第1アイコン画像に対しては、前記アイコン画像の表示形態を変更するための第1表示形態処理を行わず、
前記第2入力操作を受け付けるためのものではない第2アイコン画像に対しては、前記第1表示形態処理を行うステップと、
前記コンテンツ画像が前記第1表示領域に表示されかつ前記地図画像が前記第1アイコン画像及び前記第2アイコン画像と共に前記第2表示領域に表示されたときにおける前記第1入力操作に応じて、前記第2アイコン画像に対して前記第1表示形態処理を行うステップと同時に、表示位置を変更するための表示形態処理を前記第1アイコン画像に対して行うステップと、
を有することを特徴とする情報表示方法。
1. A computer-implemented method for displaying information, comprising:
Displaying a content image in a first display area on a display screen;
displaying a map image together with a plurality of icon images in a second display area on the display screen;
receiving a first input operation for enlarging or reducing the first display area and a second input operation for the map image from a user;
Based on the first input operation, among the plurality of icon images,
a first display form process for changing a display form of a first icon image for receiving the second input operation is not performed;
performing the first display form processing on a second icon image that is not for accepting the second input operation;
a step of performing the first display form processing on the second icon image in response to the first input operation when the content image is displayed in the first display area and the map image is displayed in the second display area together with the first icon image and the second icon image, and simultaneously performing a display form processing on the first icon image for changing a display position;
13. An information display method comprising:
コンピュータに、
コンテンツ画像を表示画面上の第1表示領域に表示させるステップと、
前記表示画面上の第2表示領域に地図画像を複数のアイコン画像と共に表示させるステップと、
前記第1表示領域を拡大または縮小するための第1入力操作及び前記地図画像に対するユーザからの第2入力操作を受け付けるステップと、
前記第1入力操作に基づき、前記複数のアイコン画像のうち、
前記第2入力操作を受け付けるための第1アイコン画像に対しては、前記アイコン画像の表示形態を変更するための第1表示形態処理を行わず、
前記第2入力操作を受け付けるためのものではない第2アイコン画像に対しては、前記第1表示形態処理を行うステップと、
前記コンテンツ画像が前記第1表示領域に表示されかつ前記地図画像が前記第1アイコン画像及び前記第2アイコン画像と共に前記第2表示領域に表示されたときにおける前記第1入力操作に応じて、前記第2アイコン画像に対して前記第1表示形態処理を行うステップと同時に、表示位置を変更するための表示形態処理を前記第1アイコン画像に対して行うステップと、
を実行させるためのプログラム。
On the computer,
displaying a content image in a first display area on a display screen;
displaying a map image together with a plurality of icon images in a second display area on the display screen;
receiving a first input operation for enlarging or reducing the first display area and a second input operation for the map image from a user;
Based on the first input operation, among the plurality of icon images,
a first display form process for changing a display form of a first icon image for receiving the second input operation is not performed;
performing the first display form processing on a second icon image that is not for accepting the second input operation;
a step of performing the first display form processing on the second icon image in response to the first input operation when the content image is displayed in the first display area and the map image is displayed in the second display area together with the first icon image and the second icon image, and simultaneously performing a display form processing on the first icon image for changing a display position;
A program for executing.
コンピュータに、
コンテンツ画像を表示画面上の第1表示領域に表示させるステップと、
前記表示画面上の第2表示領域に地図画像を複数のアイコン画像と共に表示させるステップと、
前記第1表示領域を拡大または縮小するための第1入力操作及び前記地図画像に対するユーザからの第2入力操作を受け付けるステップと、
前記第1入力操作に基づき、前記複数のアイコン画像のうち、
前記第2入力操作を受け付けるための第1アイコン画像に対しては、前記アイコン画像の表示形態を変更するための第1表示形態処理を行わず、
前記第2入力操作を受け付けるためのものではない第2アイコン画像に対しては、前記第1表示形態処理を行うステップと、
前記コンテンツ画像が前記第1表示領域に表示されかつ前記地図画像が前記第1アイコン画像及び前記第2アイコン画像と共に前記第2表示領域に表示されたときにおける前記第1入力操作に応じて、前記第2アイコン画像に対して前記第1表示形態処理を行うステップと同時に、表示位置を変更するための表示形態処理を前記第1アイコン画像に対して行うステップと、
を実行させるためのプログラムを記憶した記憶媒体。
On the computer,
Displaying a content image in a first display area on a display screen;
displaying a map image together with a plurality of icon images in a second display area on the display screen;
receiving a first input operation for enlarging or reducing the first display area and a second input operation for the map image from a user;
Based on the first input operation, among the plurality of icon images,
a first display form process for changing a display form of a first icon image for receiving the second input operation is not performed;
performing the first display form processing on a second icon image that is not for accepting the second input operation;
a step of performing the first display form processing on the second icon image in response to the first input operation when the content image is displayed in the first display area and the map image is displayed in the second display area together with the first icon image and the second icon image, and simultaneously performing a display form processing on the first icon image for changing a display position;
A storage medium that stores a program for executing the above.
JP2024060547A 2019-02-22 2024-04-04 Information display device, information display method, and program Active JP7702525B2 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2024060547A JP7702525B2 (en) 2019-02-22 2024-04-04 Information display device, information display method, and program
JP2025105679A JP2025123498A (en) 2019-02-22 2025-06-23 information display device

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2019030534A JP2020135627A (en) 2019-02-22 2019-02-22 Information display device, information display method and program
JP2024060547A JP7702525B2 (en) 2019-02-22 2024-04-04 Information display device, information display method, and program

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2019030534A Division JP2020135627A (en) 2019-02-22 2019-02-22 Information display device, information display method and program

Related Child Applications (1)

Application Number Title Priority Date Filing Date
JP2025105679A Division JP2025123498A (en) 2019-02-22 2025-06-23 information display device

Publications (2)

Publication Number Publication Date
JP2024096776A JP2024096776A (en) 2024-07-17
JP7702525B2 true JP7702525B2 (en) 2025-07-03

Family

ID=72278814

Family Applications (3)

Application Number Title Priority Date Filing Date
JP2019030534A Pending JP2020135627A (en) 2019-02-22 2019-02-22 Information display device, information display method and program
JP2024060547A Active JP7702525B2 (en) 2019-02-22 2024-04-04 Information display device, information display method, and program
JP2025105679A Pending JP2025123498A (en) 2019-02-22 2025-06-23 information display device

Family Applications Before (1)

Application Number Title Priority Date Filing Date
JP2019030534A Pending JP2020135627A (en) 2019-02-22 2019-02-22 Information display device, information display method and program

Family Applications After (1)

Application Number Title Priority Date Filing Date
JP2025105679A Pending JP2025123498A (en) 2019-02-22 2025-06-23 information display device

Country Status (1)

Country Link
JP (3) JP2020135627A (en)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010067139A (en) 2008-09-12 2010-03-25 Fujitsu Ten Ltd Information processing device, image processing device, and image processing program
JP2011259175A (en) 2010-06-08 2011-12-22 Denso Corp Image producing device
JP2013029478A (en) 2011-07-29 2013-02-07 Panasonic Corp On-vehicle information device and on-vehicle navigation device
WO2017111075A1 (en) 2015-12-22 2017-06-29 クラリオン株式会社 On-board device, display area dividing method, program, and information control device
US20180321843A1 (en) 2015-11-13 2018-11-08 Harman International Industries, Incorporated User interface for in-vehicle system
JP2019028570A (en) 2017-07-26 2019-02-21 株式会社デンソーテン Display controller, display system, display control method and program

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010067139A (en) 2008-09-12 2010-03-25 Fujitsu Ten Ltd Information processing device, image processing device, and image processing program
JP2011259175A (en) 2010-06-08 2011-12-22 Denso Corp Image producing device
JP2013029478A (en) 2011-07-29 2013-02-07 Panasonic Corp On-vehicle information device and on-vehicle navigation device
US20180321843A1 (en) 2015-11-13 2018-11-08 Harman International Industries, Incorporated User interface for in-vehicle system
WO2017111075A1 (en) 2015-12-22 2017-06-29 クラリオン株式会社 On-board device, display area dividing method, program, and information control device
JP2019028570A (en) 2017-07-26 2019-02-21 株式会社デンソーテン Display controller, display system, display control method and program

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
サイバーナビを自動車誌編集部員が試す!(2) 検索もスマートループで,YouTube[online][video],モーターマガジンMovie,2012年12月28日,https://www.youtube.com/watch?v=tXZ65D7_DyQ,主に、1:29-2:01参照[検索日時:2024年12月27日11時25分]

Also Published As

Publication number Publication date
JP2020135627A (en) 2020-08-31
JP2025123498A (en) 2025-08-22
JP2024096776A (en) 2024-07-17

Similar Documents

Publication Publication Date Title
CN101517525B (en) Navigation system and operation guidance display method for the system
KR101998941B1 (en) User interface and method for adjusting a semantic scale of a tile
CN107077317A (en) Multimodal interface based on vehicle
KR20100048433A (en) Apparatus and method for displaying web contents effectively
KR20160045106A (en) Swipe toolbar to switch tabs
US9971470B2 (en) Navigation application with novel declutter mode
KR20150095540A (en) User terminal device and method for displaying thereof
CN104063167A (en) Graph display apparatus and graph display method
CN101784984A (en) Method and display device for displaying information in a motor vehicle with a variable scale
JP2009025972A (en) Information display device, information display method and information display program
JP7702525B2 (en) Information display device, information display method, and program
EP2290516A1 (en) Systems and methods for application management
JP6108995B2 (en) Vehicle information display control device
JP6463457B2 (en) Map display control apparatus and map scroll operation feeling control method
JP5814332B2 (en) Application control program, method, apparatus, and recording medium
KR100716337B1 (en) Navigation Map Screen Touch Area Zoom Display Method
JP6433347B2 (en) Map display control apparatus and map automatic scroll method
US10025485B2 (en) Non-transitory storage medium storing display program and display device
JP5323805B2 (en) Display device, method and program
CN115756353A (en) Content display method and device, vehicle-mounted equipment and storage medium
EP4687018A1 (en) Information processing apparatus and information processing method
JP6309926B2 (en) Application control program, method, apparatus, and recording medium
JP2025060900A (en) CONTENT DISPLAY CONTROL DEVICE, CONTENT DISPLAY CONTROL METHOD, AND PROGRAM
CN121153077A (en) Display methods, display devices, and display systems
JP5193969B2 (en) Map display apparatus and method for simultaneously displaying different maps

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20240404

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20241218

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20250114

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20250312

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: 20250527

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20250623

R150 Certificate of patent or registration of utility model

Ref document number: 7702525

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150