JP5236708B2 - Content display device, control method, portable terminal, program, and recording medium - Google Patents
Content display device, control method, portable terminal, program, and recording medium Download PDFInfo
- Publication number
- JP5236708B2 JP5236708B2 JP2010214512A JP2010214512A JP5236708B2 JP 5236708 B2 JP5236708 B2 JP 5236708B2 JP 2010214512 A JP2010214512 A JP 2010214512A JP 2010214512 A JP2010214512 A JP 2010214512A JP 5236708 B2 JP5236708 B2 JP 5236708B2
- Authority
- JP
- Japan
- Prior art keywords
- display
- screen
- movement
- content
- displayed
- 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
Links
Images
Abstract
Description
本発明はコンテンツ表示装置、制御方法、携帯端末、プログラム及び記録媒体に関し、特に、コンテンツを表すサムネイル画像を表示し、タッチパネル機能を有するコンテンツ表示装置及びその制御方法、携帯端末、ならびに当該コンテンツ表示装置の各手段を動作させるためのプログラム及び記録媒体に関するものである。 The present invention relates to a content display device, a control method, a mobile terminal, a program, and a recording medium, and in particular, displays a thumbnail image representing content and has a touch panel function, a control method for the content display device, a mobile terminal, and the content display device. The present invention relates to a program and a recording medium for operating these means.
複数のサムネイル画像を並べて表示するブラウザ機能を搭載した端末が知られている。これらの多くは、２次元平面上に複数のサムネイル画像を並べて表示するものである。 A terminal equipped with a browser function for displaying a plurality of thumbnail images side by side is known. Many of these display a plurality of thumbnail images side by side on a two-dimensional plane.
また、近年、ポータブル・デバイス又はハンドヘルド・デバイス等の様々なデバイスにおいて、タッチパネル機能を有するデバイスが開発されている。ユーザがデバイスのディスプレイに接触することにより、例えばスクロール等、ディスプレイ上に表示されるアニメーションを変化させ得る。 In recent years, devices having a touch panel function have been developed in various devices such as portable devices and handheld devices. When the user touches the display of the device, the animation displayed on the display, such as scrolling, can be changed.
スクロールは、スクリーン又はディスプレイ・ウィンドウにわたって、テキスト、図面又はイメージ等のコンテンツの方向を、水平又は垂直にスライドさせる動作である。このスクロール動作に関して、例えば特許文献１に開示されている。
Scrolling is the action of sliding the direction of content, such as text, drawings or images, horizontally or vertically across a screen or display window. This scroll operation is disclosed in, for example,
特許文献１には、ユーザ入力に対してスクロール動作させたとき、ユーザ入力が止まった後、ドラッグ操作によるユーザの入力速度に所定の減速率を適用することによりスクロールが停止するまで減速させている。
In
しかし、特許文献１では、スクロールを停止させる位置をユーザの入力速度と減速率とから求めており、停止する位置が不定である。そのため、ユーザが目的とするコンテンツに対応する画像を探すために画面をスクロールさせると、スクロールが停止した時点で画面上に表示される画像が欠けていることがある。この場合、ユーザは欠けている画像を確認するために、再び画面をスクロールさせて画像全体を表示させるという操作をしなくてはならず、煩わしさを感じることがある。
However, in
本発明は、上記の課題に鑑みてなされたものであり、その目的は、ユーザの操作性を向上させることができるコンテンツ表示装置を提供することにある。 The present invention has been made in view of the above problems, and an object of the present invention is to provide a content display device capable of improving user operability.
本発明に係るコンテンツ表示装置は、上記の課題を解決するために、コンテンツを表す画像を多角柱の各側面に複数配置した３次元オブジェクトの一部を表示する表示部と、上記表示部上に設置され、接触によるユーザ入力を受け付ける入力部と、上記ユーザ入力により接触された位置の動きを検出する接触検出手段と、ある画面の表示中に、上記接触検出手段が上記多角柱の長手方向への動きを検出した場合、上記３次元オブジェクトの表示領域を当該長手方向にスクロール移動させて、上記ある画面とは異なる他の画面を表示させる第１の表示制御手段と、ある画面の表示中に、上記接触検出手段が上記多角柱の長手方向と直交する方向への動きを検出した場合、当該多角柱の長手軸を回転軸として上記３次元オブジェクトを回転させるように表示領域を移動させて、上記ある画面とは異なる他の画面を表示させる第２の表示制御手段と、上記他の画面に表示される上記画像の一部が途切れないように、上記第１の表示制御手段及び上記第２の表示制御手段によって移動される表示領域の移動度を決定する移動度決定手段とを備えていることを特徴としている。 In order to solve the above problems, a content display device according to the present invention displays a part of a three-dimensional object in which a plurality of images representing content are arranged on each side of a polygonal column, and a display unit on the display unit. An input unit that is installed and receives a user input by contact; a contact detection unit that detects a movement of a position touched by the user input; and the contact detection unit in a longitudinal direction of the polygonal column during display of a certain screen. A first display control means for scrolling the display area of the three-dimensional object in the longitudinal direction to display another screen different from the certain screen, and during the display of the certain screen. When the contact detection means detects a movement in a direction orthogonal to the longitudinal direction of the polygonal column, the three-dimensional object is rotated with the longitudinal axis of the polygonal column as a rotation axis. The second display control means for moving the display area to display another screen different from the certain screen, and the first display so that a part of the image displayed on the other screen is not interrupted. The display control means and the mobility determination means for determining the mobility of the display area moved by the second display control means are provided.
本発明に係る制御方法は、上記の課題を解決するために、コンテンツを表す画像を多角柱の各側面に複数配置した３次元オブジェクトの一部を表示する表示部と、上記表示部上に設置され、接触によるユーザ入力を受け付ける入力部とを備えているコンテンツ表示装置の制御方法であって、上記ユーザ入力により接触された位置の動きを検出する接触検出ステップと、上記接触検出ステップにおいて、ある画面の表示中に上記多角柱の長手方向への動きが検出された場合、上記３次元オブジェクトの表示領域を当該長手方向にスクロール移動させて、上記ある画面とは異なる他の画面を表示させる第１の表示制御ステップと、上記接触検出ステップにおいて、ある画面の表示中に上記多角柱の長手方向と直交する方向への動きが検出された場合、当該多角柱の長手軸を回転軸として上記３次元オブジェクトを回転させるように表示領域を移動させて、上記ある画面とは異なる他の画面を表示させる第２の表示制御ステップと、上記他の画面に表示される上記画像の一部が途切れないように、上記第１の表示制御ステップ及び上記第２の表示制御ステップにおいて移動される表示領域の移動度を決定する移動度決定ステップとを包含していることを特徴としている。
In order to solve the above problems, a control method according to the present invention is provided on a display unit that displays a part of a three-dimensional object in which a plurality of images representing content are arranged on each side of a polygonal column, and the display unit is installed on the display unit. A content display apparatus control method comprising: an input unit that receives a user input by contact; and a contact detection step of detecting a movement of a position touched by the user input, and the contact detection step. When movement of the polygonal column in the longitudinal direction is detected during the display of the screen, the display area of the three-dimensional object is scrolled in the longitudinal direction to display another screen different from the certain screen. In the
上記の構成によれば、本発明のコンテンツ表示装置は、多角柱の仮想３次元オブジェクト及びその各側面に配置された複数の画像を画面に表示する。入力部に対しては接触によるユーザ入力がなされ、接触検出手段はユーザ入力により接触された位置の動きを検出する。 According to said structure, the content display apparatus of this invention displays on a screen the some image arrange | positioned on the virtual three-dimensional object of a polygonal column, and each side surface thereof. A user input by contact is made to the input unit, and the contact detection means detects the movement of the position touched by the user input.
コンテンツ表示装置では、ある画面の表示中に多角柱の長手方向（以下、縦方向ともいう）への動きが検出された場合、３次元オブジェクトの表示領域を長手方向にスクロールさせて他の画面を表示させる。ここでいう他の画面とは、スクロール前に表示対象になっている側面内における別の領域を指す。つまり、本発明において３次元オブジェクトはその全体が表示部に表示されず、その一部が表示される構成である。 In the content display device, when movement of a polygonal column in the longitudinal direction (hereinafter, also referred to as “vertical direction”) is detected during display of a certain screen, the display area of the three-dimensional object is scrolled in the longitudinal direction to display another screen. Display. The other screen here refers to another area in the side surface to be displayed before scrolling. That is, in the present invention, the entire three-dimensional object is not displayed on the display unit, but a part thereof is displayed.
また、ある画面の表示中に多角柱の長手軸と直行する方向への動きが検出された場合、３次元オブジェクトの長手軸を回転軸として表示領域を回転移動させて他の画面を表示させる。ここでいう他の画面とは、回転前に表示対象になっている側面とは異なる別の側面である。但し、回転後に再び元の側面に戻ることもあり得る。 Further, when a movement in a direction perpendicular to the longitudinal axis of the polygonal column is detected during display of a certain screen, the display area is rotated about the longitudinal axis of the three-dimensional object and another screen is displayed. The other screen here is a different side surface from the side surface that is the display target before the rotation. However, it may return to the original side again after rotation.
本明細において多角柱の中心軸とは、多角柱の底面の重心を通る、多角柱の底面と直交する軸のことを指す。 In this specification, the central axis of the polygonal column refers to an axis that passes through the center of gravity of the bottom surface of the polygonal column and is orthogonal to the bottom surface of the polygonal column.
このように、本発明ではその全体が画面上に表示されない３次元オブジェクトを仮想３次元空間内でスクロール又は回転させることによって、それまで表示されていなかった領域に配置されているコンテンツの画像を表示させることができる。 As described above, in the present invention, by scrolling or rotating a three-dimensional object that is not entirely displayed on the screen in the virtual three-dimensional space, an image of content arranged in an area that has not been displayed is displayed. Can be made.
また、多角柱のオブジェクトを回転させたり、その側面について眺める箇所を縦方向に変化させたりする動作は、本屋等に置かれている回転式書棚における動作を連想させる。そのため、コンテンツ表示装置に初めて接する人、又は機器の操作に不慣れな人であっても、操作方法を容易に理解することができる。 In addition, the operation of rotating the polygonal column object or changing the portion viewed from the side in the vertical direction is reminiscent of the operation of the rotary bookshelf placed in a bookstore or the like. Therefore, even a person who contacts the content display device for the first time or a person who is unfamiliar with the operation of the device can easily understand the operation method.
さらに、本発明では、３次元オブジェクトにおける表示領域を同じ側面内で縦方向にスクロール移動させたり、別の側面に回転移動させたりするとき、画面上に表示される画像が途切れないように移動させる。 Furthermore, according to the present invention, when the display area of the three-dimensional object is scrolled vertically within the same side surface or rotated to another side surface, the image displayed on the screen is moved without interruption. .
例えば、ユーザが画面を指で軽くはらうフリック操作により表示領域をスクロール移動させるとき、画面から指を放した後もある程度スクロール移動が継続される。このとき、スクロール移動が停止される位置によっては画面に表示されるコンテンツの画像が途切れることがある。これでは、ユーザが欠けている画像を確認するために、再び画面をスクロールさせて画像全体を表示させるという操作をしなくてはならず、煩わしさを感じることがある。 For example, when the user scrolls the display area by flicking the screen lightly with a finger, the scrolling movement is continued to some extent even after the finger is released from the screen. At this time, depending on the position where the scroll movement is stopped, the content image displayed on the screen may be interrupted. In this case, in order to confirm the missing image, the user must perform an operation of scrolling the screen again to display the entire image, which may be bothersome.
本発明によれば、移動後に画面上に表示される画像が途切れないようにスクロール又は回転の移動度を決定するため、画像が欠けることがなく、ユーザの操作性を向上させることができる。 According to the present invention, since the mobility of scrolling or rotation is determined so that the image displayed on the screen is not interrupted after movement, the image is not lost and the operability for the user can be improved.
また、本発明に係るコンテンツ表示装置において、上記表示部は、複数の上記画像が上記各側面の行列方向に配置されるように表示することが好ましい。 In the content display device according to the present invention, it is preferable that the display unit displays a plurality of the images so as to be arranged in a matrix direction of the side surfaces.
このように、３次元オブジェクトに配置される画像が行列方向に並んでいることにより、画面の範囲内に画像を途切れることなく表示させることが容易である。 As described above, since the images arranged in the three-dimensional object are arranged in the matrix direction, it is easy to display the image within the range of the screen without interruption.
また、本発明に係るコンテンツ表示装置において、上記接触検出手段は、上記動きの速さを検出しており、上記移動度決定手段は、上記接触検出手段によって検出された動きの速さに基づいて上記移動度を決定することが好ましい。 In the content display device according to the present invention, the contact detection unit detects the speed of the movement, and the mobility determination unit is based on the speed of the movement detected by the contact detection unit. It is preferable to determine the mobility.
上記の構成によれば、入力部へのユーザ入力の速度を変更することによって、表示領域をスクロール移動させたり回転移動させたりするときの距離を変更させることができる。そのため、１回の入力操作であっても、その速度に応じて例えば画像の列を１列分移動させたり、２列分移動させたりすることができる。よって、ユーザはより快適に操作することができる。 According to the above configuration, the distance when the display area is scrolled or rotated can be changed by changing the speed of the user input to the input unit. Therefore, even with a single input operation, for example, an image row can be moved by one row or moved by two rows according to the speed. Therefore, the user can operate more comfortably.
また、本発明に係るコンテンツ表示装置において、上記移動度決定手段は、上記動きの速さに基づいて上記表示領域の移動速度を決定することが好ましい。 In the content display device according to the present invention, it is preferable that the mobility determining means determines the moving speed of the display area based on the speed of the movement.
上記の構成によれば、入力部へのユーザ入力の速度を変更することによって、表示領域をスクロール移動させたり回転移動させたりする速度を変更させることができる。そのため、例えばユーザが予め目的とするコンテンツを早く見つけたい場合には接触速度を速くすることによって短時間で所望のコンテンツを表示させることが可能である。 According to the above configuration, the speed at which the display area is scrolled or rotated can be changed by changing the speed of the user input to the input unit. Therefore, for example, when the user wants to find the target content early, the desired content can be displayed in a short time by increasing the contact speed.
また、ユーザが閲覧したいコンテンツが特に決まっておらず、どのようなコンテンツがあるか探しながら表示させたい場合には、接触速度を遅くすることによってコンテンツを快適に検索することができる。 In addition, when the content that the user wants to browse is not particularly determined and it is desired to display the content while searching for it, the content can be comfortably searched by reducing the contact speed.
また、本発明に係るコンテンツ表示装置において、上記移動度決定手段は、上記動きの速さから上記第１の表示制御手段が上記表示領域をスクロール移動させるときの行の数を決定することが好ましい。 In the content display device according to the present invention, it is preferable that the mobility determination unit determines the number of rows when the first display control unit scrolls the display area based on the speed of movement. .
上記の構成によれば、コンテンツ表示装置では、３次元オブジェクトの長手方向に表示領域をスクロール移動させる場合、動きの速さに応じて表示領域を移動させる行の数を決定している。また、上述したように複数の画像は行列方向に配置されている。よって、表示領域を移動させても画面の範囲内に画像を途切れることなく表示させることができる。 According to the above configuration, in the content display device, when the display area is scrolled in the longitudinal direction of the three-dimensional object, the number of rows to be moved is determined according to the speed of movement. As described above, the plurality of images are arranged in the matrix direction. Therefore, even if the display area is moved, the image can be displayed within the range of the screen without interruption.
また、本発明に係るコンテンツ表示装置において、上記移動度決定手段は、上記動きの速さから上記第２の表示制御手段が上記表示領域を回転移動させるときの面の数を決定しており、上記第２の表示制御手段は、上記回転移動によって上記表示領域になる側面と上記表示部の表示面とが平行になるように上記他の画面を表示させることが好ましい。 In the content display device according to the present invention, the mobility determination means determines the number of surfaces when the second display control means rotates and moves the display area from the speed of the movement, Preferably, the second display control means displays the other screen such that a side surface that becomes the display area by the rotational movement is parallel to a display surface of the display unit.
上記の構成によれば、コンテンツ表示装置では、３次元オブジェクトの長手軸を回転軸として回転移動させる場合、動きの速さに応じて表示領域を移動させる面の数を決定している。つまり、ユーザにより３次元オブジェクトの長手方向と直交する方向への入力操作が行なわれたとき、回転移動を面単位で制御している。 According to the above configuration, in the content display device, when the three-dimensional object is rotated about the longitudinal axis of the three-dimensional object, the number of surfaces on which the display area is moved is determined according to the speed of movement. That is, when the user performs an input operation in a direction orthogonal to the longitudinal direction of the three-dimensional object, the rotational movement is controlled in units of planes.
また、回転移動によって表示領域になる側面は、表示部の表示面と平行になるように表示させている。つまり、表示対象になる側面が正面を向くように表示させる。よって、表示領域を移動させても画面の範囲内に画像を途切れることなく表示させることができる。 Further, the side surface that becomes the display area by the rotational movement is displayed so as to be parallel to the display surface of the display unit. That is, display is performed such that the side surface to be displayed faces the front. Therefore, even if the display area is moved, the image can be displayed within the range of the screen without interruption.
また、本発明に係るコンテンツ表示装置において、上記３次元オブジェクトは側面毎にコンテンツのカテゴリが規定されており、各側面に配置される画像は、当該側面に規定されたカテゴリに属するコンテンツの画像であることが好ましい。 In the content display device according to the present invention, a category of content is defined for each side of the three-dimensional object, and an image arranged on each side is an image of content belonging to the category defined for the side. Preferably there is.
上記の構成によれば、各側面には側面毎に共通のカテゴリに分類されるコンテンツが含まれている。そのため、コンテンツの管理がし易くなると共に、目的のコンテンツの探索がより容易になる。 According to the above configuration, each side includes content classified into a common category for each side. Therefore, it becomes easier to manage the content and search for the target content becomes easier.
また、本発明に係るコンテンツ表示装置において、上記コンテンツは電子書籍であり、上記画像は電子書籍のサムネイル画像であり得る。 In the content display device according to the present invention, the content may be an electronic book, and the image may be a thumbnail image of the electronic book.
上述したように、本発明のコンテンツ表示装置はスクロール又は回転によって複数の画像が配置された３次元オブジェクトの表示領域を変更することができるため、多くのコンテンツの画像を容易に見ることができる。この３次元オブジェクトに配置される画像が電子書籍に対応するものであれば、ユーザはさながら本屋にいるように様々な書籍を視覚的に検索することができる。 As described above, since the content display device of the present invention can change the display area of the three-dimensional object in which a plurality of images are arranged by scrolling or rotating, it is possible to easily view many content images. If the image arranged in the three-dimensional object corresponds to an electronic book, the user can visually search various books as if they were in a bookstore.
本発明に係る携帯端末は、上記の課題を解決するために、本発明のコンテンツ表示装置を備えていることを特徴としている。 In order to solve the above-described problems, a mobile terminal according to the present invention includes the content display device of the present invention.
上記の構成によれば、ユーザは様々な場所において、本屋にいるような感覚で様々な書籍を視覚的に検索することができる。 According to the above configuration, the user can visually search various books as if they were in a bookstore at various places.
なお、上記コンテンツ表示装置は、コンピュータによって実現してもよい。この場合、コンピュータを上記各手段として動作させるためのプログラム、及びそのプログラムを記録したコンピュータ読み取り可能な記録媒体も本発明の範疇に入る。 The content display apparatus may be realized by a computer. In this case, a program for causing a computer to operate as each of the above-described means and a computer-readable recording medium recording the program also fall within the scope of the present invention.
本発明のコンテンツ表示装置は、コンテンツを表す画像を多角柱の各側面に複数配置した３次元オブジェクトの一部を表示部に表示させ、ユーザ入力により接触された位置の動きを検出する接触検出手段と、ユーザ入力に基づいて表示領域をスクロール移動させる第１の表示制御手段と、３次元オブジェクトを回転移動させる第２の表示制御手段とを備えており、移動後の画面に表示させる画像が途切れることがないように表示領域の移動度を決定するため、ユーザの操作性を向上させることができる。 The content display device of the present invention displays a part of a three-dimensional object in which a plurality of images representing content are arranged on each side of a polygonal column on a display unit, and detects a movement of a position touched by a user input. And a first display control means for scrolling the display area based on user input and a second display control means for rotating the three-dimensional object, and the image displayed on the screen after the movement is interrupted. Since the mobility of the display area is determined so as not to occur, user operability can be improved.
以下、本発明に係るコンテンツ表示装置の一実施形態について、図１〜８に基づいて説明する。 Hereinafter, an embodiment of a content display device according to the present invention will be described with reference to FIGS.
〔コンテンツ表示装置の概要〕
まず、本実施形態に係るコンテンツ表示装置の概要について説明する。
[Outline of content display device]
First, an outline of the content display device according to the present embodiment will be described.
本実施形態のコンテンツ表示装置は、多角柱の３次元オブジェクトを仮想３次元空間内に配置し、当該３次元オブジェクトの一部を表示するように構成されている。３次元オブジェクトの各側面にはコンテンツを表す画像が行列方向に複数配置されており、３次元オブジェクトを回転させたり、多角柱の長手方向にスクロールさせたりするユーザの入力操作により、画面上に表示される表示領域を移動することができるようになっている。 The content display device according to the present embodiment is configured to arrange a polygonal three-dimensional object in a virtual three-dimensional space and display a part of the three-dimensional object. Multiple images representing content are arranged in the matrix direction on each side of the 3D object, and displayed on the screen by user input operations such as rotating the 3D object or scrolling in the longitudinal direction of the polygonal column. The displayed area can be moved.
このとき、ユーザの入力操作による表示領域の移動は、移動後の画面上に表示される画像が途切れることがないように制御されている。よって、ユーザが３次元オブジェクトに配置される複数のコンテンツの中から所望のコンテンツを探すとき、スクロール又は回転が停止した画面に表示される画像が欠けることがないため、目的の画像を容易に探索することができる。 At this time, the movement of the display area by the user's input operation is controlled so that the image displayed on the screen after the movement is not interrupted. Therefore, when a user searches for a desired content from among a plurality of contents arranged in a three-dimensional object, an image displayed on a screen where scrolling or rotation is stopped is not lost, and thus a target image can be easily searched. can do.
〔３次元オブジェクト〕
ここで、本実施形態に係るコンテンツ表示装置において表示させる３次元オブジェクトについて説明する。
[3D object]
Here, the three-dimensional object displayed in the content display device according to the present embodiment will be described.
図２は、３次元オブジェクト及びその一部を表示したコンテンツ表示装置の画面を示す図である。図中右側が３次元オブジェクト２００の外観を表しており、図中左側が３次元オブジェクト２００の一部を表示したコンテンツ表示装置の画面２０を表している。図２中、破線枠で示す表示領域１４が３次元オブジェクト２００において実際に画面２０に表示される領域である。
FIG. 2 is a diagram showing a screen of a content display device displaying a three-dimensional object and a part thereof. The right side in the figure represents the appearance of the three-
本実施形態において、３次元オブジェクト２００は４つの側面１１を持つ直方体であり、複数の電子書籍（コンテンツ）が各側面に配置された書棚の構造を有している。以下、３次元オブジェクトを書棚オブジェクトと称し、側面を棚面と称することもある。
In the present embodiment, the three-
図２に示すように、書棚オブジェクト２００は４つの棚面１１を有しており、各棚面１１には複数の棚１３が設けられている。各棚１３の上には複数の電子書籍の表紙を表すサムネイル画像（単に「画像」ともいう）１２が置かれるように表示されており、ユーザはいずれかのサムネイル画像１２に対して選択操作を行なうことにより、選択したサムネイル画像１２に対応する電子書籍の中身を閲覧することが可能になる。
As shown in FIG. 2, the
ユーザによる入力操作としては、表示画面上に直接接触する方法とコンテンツ表示装置に設けられた入力キー等からの操作とが挙げられる。つまり、本実施形態のコンテンツ表示装置はタッチパネルを備えており、ユーザはタッチパネル（画面）に接触して種々の操作が行なえるようになっている。 Examples of the input operation by the user include a method of directly touching the display screen and an operation from an input key or the like provided on the content display device. That is, the content display device of the present embodiment includes a touch panel, and the user can perform various operations by touching the touch panel (screen).
タッチパネルに対する入力操作方法としては、例えば、タップ操作、ドラッグ操作、フリック操作又はピンチ操作等が挙げられる。タップ操作とは、画面を指で軽く叩く動作を指し、例えばビューアの起動又は表示されているボタンの押下等を実行させる。ドラッグ操作とは、画面上で指をずらす動作を指し、例えば書棚オブジェクト２００の回転又はスクロール等を実行させる。フリック操作とは、画面を指で軽くはらう動作を指し、例えば書棚オブジェクト２００の回転又はスクロール等を実行させる。ピンチ操作とは、画面上を２本の指でつまむ動作を指し、例えば書棚オブジェクト２００の拡大縮小等を実行させる。
Examples of the input operation method for the touch panel include a tap operation, a drag operation, a flick operation, or a pinch operation. The tap operation refers to an operation of tapping the screen with a finger, for example, starting a viewer or pressing a displayed button. The drag operation refers to an operation of moving a finger on the screen, and for example, rotation or scrolling of the
このように、ユーザは画面に直接接触することにより、表示させる表示領域を上下にスクロール移動させたり、書棚オブジェクト２００を回転させたりして、画面２０に表示される画像１２を変更することができる。
Thus, the user can change the
なお、３次元オブジェクトの形状は直方体に限定されるものではなく、他の多角柱であってもよい。また、図２では４つの電子書籍が配置された棚１３が５段ある構成であるが、配置されるコンテンツの数も限定されるものではなく、製造者が適宜設定すればよい。書棚オブジェクト２００の表示例については後述する。
The shape of the three-dimensional object is not limited to a rectangular parallelepiped, and may be another polygonal column. In FIG. 2, there are five
次に、本実施形態に係るコンテンツ表示装置が備える各構成の詳細について説明する。 Next, the detail of each structure with which the content display apparatus which concerns on this embodiment is provided is demonstrated.
〔コンテンツ表示装置の各構成〕
図１は、本発明の一実施形態に係るコンテンツ表示装置の構成を示すブロック図である。図１に示すように、コンテンツ表示装置１００は、入力部１、接触検出部２（接触検出手段）、書籍表示処理部３、書籍データベース４、ネットワーク管理部５、移動度決定部６（移動度決定手段）、スクロール制御部７（第１の表示制御手段）、回転制御部８（第２の表示制御手段）、オブジェクト表示処理部９、出力処理部１０、及び表示部１９を備えている。
[Each component of the content display device]
FIG. 1 is a block diagram showing a configuration of a content display apparatus according to an embodiment of the present invention. As shown in FIG. 1, the
入力部１は、表示部１９の上に設置され、接触によるユーザ入力を受け付ける。つまり、本実施形態において入力部１及び表示部１９は一体化されたタッチパネルを構成している。
The
接触検出部２は、入力部１が受け付けたユーザ入力、すなわち接触から入力情報を検知する。接触検出部２が検出する入力情報は、例えば、接触の位置、速度又は距離等の動き情報であり、検出した入力情報を書籍表示処理部３又は移動度決定部６に送信する。
The
書籍表示処理部３は、書籍データベース４から表示すべき書籍データを取得し、取得した書籍の表紙を表示させる際のサムネイル画像１２を生成して出力処理部１０に送る。また、書籍表示処理部３は、表示されている書籍を書籍データベース４に送って書棚オブジェクト２００から削除することができる。書籍表示処理部３による書棚オブジェクト２００への書籍の配置及び削除は、入力部１に対するユーザ入力に従って行なってもよいし、予め設定された基準（例えば、表示期間等）に従って自動で行なってもよい。
The book
書籍データベース４は、ネットワーク管理部５によって取得された書籍データを記憶装置に記憶させると共に、取得した書籍データを管理する。また、書籍表示処理部３からの取得要求に応じて書籍データを書籍表示処理部３に送る。
The
ネットワーク管理部５は、図示しない通信手段を介してネットワーク上のサーバからコンテンツデータである書籍データを取得する。
The
移動度決定部６は、接触検出部２が検出した動き情報に基づいて、画面２０に表示させる書棚オブジェクト２００の表示領域を移動させるときの移動度を決定する。具体的には、接触検出部２が書棚オブジェクト２００の長手方向（縦方向）への動きを検出した場合、移動度決定部６はその動きの速さから、書棚オブジェクト２００の表示領域を縦方向にスクロール移動させるときの行の数（移動度）を決定し、決定した移動度の情報をスクロール制御部７に送信する。一方、接触検出部２が書棚オブジェクト２００の長手方向と直交する方向への動きを検出した場合、移動度決定部６はその動きの速さから、書棚オブジェクト２００を回転させるように表示領域を移動させるときの面の数（移動度）を決定し、決定した移動度の情報を回転制御部８に送信する。
The
このとき、移動度決定部６は、ある画面の表示中に表示領域が移動されることによって他の画面が表示されるとき、すなわち、書棚オブジェクト２００における表示領域が移動したとき、他の画面に表示される電子書籍の画像１２の一部が途切れないように移動度を決定する。このような移動度の決定は、特にフリック操作により接触されたときに行なう。
At this time, when the display area is moved during display of a certain screen and another screen is displayed, that is, when the display area in the
つまり、入力部１へのユーザ入力の速度を変更することによって、表示領域をスクロール移動させたり回転移動させたりするときの距離を変更させることができる。そのため、１回の入力操作であっても、その速度に応じて例えば画像の列を１列分移動させたり、２列分移動させたりすることができる。よって、ユーザはより快適に操作することができる。
That is, by changing the speed of the user input to the
移動度を決定する際の基準は特に限定されないが、例えば、予め用意した所定のパラメータを用いて移動度を算出すればよい。 The criteria for determining the mobility are not particularly limited. For example, the mobility may be calculated using a predetermined parameter prepared in advance.
また、移動度決定部６は、当該動きの速さに基づいて表示領域の移動速度を決定することが好ましい。例えば、フリック操作の速度が速い場合には移動速度を速くし、フリック操作の速度が遅い場合には移動速度を遅くするように決定する。
Moreover, it is preferable that the
これにより、例えばユーザが予め目的とするコンテンツを早く見つけたい場合には接触速度を速くすることによって短時間で所望のコンテンツを表示させることが可能である。また、ユーザが閲覧したいコンテンツが特に決まっておらず、どのようなコンテンツがあるか探しながら表示させたい場合には、接触速度を遅くすることによってコンテンツを快適に検索することができる。 Thereby, for example, when the user wants to find the target content in advance, it is possible to display the desired content in a short time by increasing the contact speed. In addition, when the content that the user wants to browse is not particularly determined and it is desired to display the content while searching for it, the content can be comfortably searched by reducing the contact speed.
スクロール制御部７は、移動度決定部６において決定された移動度に従って、書棚オブジェクト２００の表示領域を長手方向にスクロール移動させて他の画面を表示させるためのアニメーション情報を作成する。
The
ここでいう他の画面とは、スクロール前に表示対象になっている側面１１内における別の領域を指す。このスクロール移動は表示領域に指定されている棚面１１内における上下移動である。スクロール制御部７は、作成したアニメーション情報をオブジェクト表示処理部９に送信する。
The other screen here refers to another area in the
なお、本明細書においてアニメーションとは、仮想３次元空間内で書棚オブジェクト２００を回転させたり棚面１１を移動させたりして表示を変化させる機能を指す。
In this specification, animation refers to a function of changing the display by rotating the
回転制御部８は、移動度決定部６において決定された移動度に従って、書棚オブジェクト２００の表示領域を図２中「Ｘ」で示す直方体の中心軸（長手軸）を回転軸として、中心軸Ｘと直交する方向に回転移動させて他の画面を表示させるためのアニメーション情報を作成する。
The
ここでいう他の画面とは、回転前に表示対象になっている側面とは異なる別の側面である。但し、回転後に再び元の側面に戻ることもあり得る。なお、本明細において直方体の中心軸とは、直方体の底面の重心を通る、直方体の底面と直交する軸のことを指す。 The other screen here is a different side surface from the side surface that is the display target before the rotation. However, it may return to the original side again after rotation. In the present specification, the central axis of the rectangular parallelepiped refers to an axis that passes through the center of gravity of the bottom surface of the rectangular parallelepiped and is orthogonal to the bottom surface of the rectangular parallelepiped.
また、回転制御部８は、回転移動が止まるとき、画面２０に表示される棚面１１が正面を向くように移動させる。ここでいう正面とは、表示領域になる棚面１１と表示部１９の表示面とが平行になるように表示されたときの面である。回転制御部８は、作成したアニメーション情報をオブジェクト表示処理部９に送信する。
In addition, when the rotational movement stops, the
オブジェクト表示処理部９は、スクロール制御部７又は回転制御部８が作成したアニメーション情報から、表示部１９が表示すべき書棚オブジェクト２００の画像を生成し、出力処理部１０に送信する。
The object
オブジェクト表示処理部９が書棚オブジェクト２００の画像を生成する際に用いるアニメーション情報はスクロール移動又は回転移動に関するものに限らず、例えば、他の視覚効果が付加されるようなアニメーション情報を用いてもよい。他の視覚効果としては、例えば、棚面１１の拡大縮小、書棚オブジェクト２００の透明化、背景画像の変更等が挙げられる。
The animation information used when the object
出力処理部１０は、書籍表示処理部３が生成した書籍のサムネイル画像１２及びオブジェクト表示処理部９が生成した書棚オブジェクト２００の画像から、書棚オブジェクト２００の棚面１１にサムネイル画像１２が配置されるように合成し、合成した画像を表示部１９に表示させる。
The
なお、コンテンツ表示装置１００の画面２０上における上述した表示内容を理解した当業者によれば、ＯｐｅｎＧＬ（Open Graphics Library）などの公知の技術を適用することにより、書棚オブジェクト２００及び各棚面１１の表示、書棚オブジェクト２００の回転及びその表示、ならびに棚面１１のスクロール移動及びその表示などを実現できる。そのため、これらの表示を実現するための各処理部及び各管理部における具体的なデータの処理方法及び管理方法については、その説明を省略する。
A person skilled in the art who understands the above-described display contents on the
表示部１９は、液晶パネル等から構成することができる。
The
このように、本実施形態のコンテンツ表示装置１００では、画面２０に表示させる書棚オブジェクト２００内の表示領域を変更する場合、視点の位置を変えるのではなく、視点の位置はそのままで書棚オブジェクト２００を回転させたり、書棚オブジェクト２００の棚面１１を移動させたりする。これにより、仮想の視点から見える領域を変更し、画面２０に表示される表示領域１４の位置が変更されることになる。
As described above, in the
〔書棚オブジェクトの表示〕
次に、コンテンツ表示装置１００の画面２０における書棚オブジェクト２００の表示方法について説明する。図３は、コンテンツ表示装置１００における画面表示例を示す図である。
[Display of bookshelf objects]
Next, a display method of the
本実施形態では、４つの棚面１１に互いに異なるカテゴリが規定されており、棚面１１には各々規定されたカテゴリに属する電子書籍のサムネイル画像１２が配置されている。カテゴリに制限はないが、本実施形態では「未読・おすすめ」、「最近読んだ本」、「お気に入り」及び「定期購読」の４つに分類し、４つの棚面１１のカテゴリをそれぞれ規定している。
In the present embodiment, different categories are defined on the four
このように、側面１１毎に共通のカテゴリに分類されるコンテンツが含まれていることにより、コンテンツの管理がし易くなると共に、目的のコンテンツの探索がより容易になる。また、上述したように、コンテンツ表示装置１００はスクロール又は回転によって複数の画像１２が配置された書棚オブジェクト２００の表示領域１４を変更することができるため、多くのコンテンツの画像１２を見ることが容易である。よって、ユーザはさながら本屋にいるように様々な書籍を視覚的に検索することができる。
As described above, since the content classified into the common category for each
なお、上述したように、書棚オブジェクト２００の形状は直方体に限らず、他の多角柱であってもよい。そのため、棚面１１の数は４つに限らず、各棚面１１を規定するカテゴリの種類も４つに限定されない。
As described above, the shape of the
コンテンツ表示装置１００では、図３に示すようにユーザ操作による表示領域の移動が行なわれていないとき、画面２０には書棚オブジェクト２００の正面の部分が表示される。ここでは、画面２０には棚１３の上にサムネイル画像１２が置かれているように棚１３及び書籍のサムネイル画像１２が表示されている。
In the
画面２０の上部には、書棚オブジェクト２００の各棚面１１のカテゴリを示すインジケータが設けられており、現在表示されている棚面１１のカテゴリが分かるようになっている。
In the upper part of the
例えば、図３では「未読・おすすめ」のインジケータが点灯しており、現在表示されている棚面１１のカテゴリが「未読・おすすめ」であることを示している。このインジケータは棚面選択ボタン１７を兼ねており、表示させたいカテゴリのインジケータを選択することによって、表示される棚面１１が切り換わる。また、画面２０の下部には、コンテンツ表示装置１００の各機能を実行するための操作入力ボタン１８が表示されている。
For example, in FIG. 3, the “unread / recommended” indicator is lit, indicating that the category of the
また、画面２０では棚面１１をやや上方から見下ろして眺めた状態の表示になっている。そのため、棚面１１に設けられている棚１３の上面が見えるように画面２０に表示されている。また、現実世界において棚面１１をやや上方から見下ろしたとき、より下側に配置される棚１３ほど見える上面の割合が多くなるが、書棚オブジェクト２００においても同様に下側に配置される棚１３ほど上面の面積が大きくなるように表示されている。
In addition, the
ここで、書棚オブジェクト２００を仮想３次元空間内で動かすことによって画面２０の表示内容を変化させる方法について説明する。
Here, a method for changing the display content of the
（棚面のスクロール）
コンテンツ表示装置１００では、書棚オブジェクト２００の各棚面１１における長手方向の長さは、画面２０に一度に表示できる長さを超える。そのため、表示対象になる棚面１１において、画面２０に実際に表示されている領域は図２に示すように棚面１１の一部である。
(Shelves scroll)
In the
つまり、図２において破線枠で囲まれた表示領域１４が実際に画面２０に表示されている領域であり、その他の領域は画面２０に表示されていない。したがって、画面２０に表示されている棚面１１を長手方向に移動させて表示領域１４を変更し、それまで表示されていなかった領域を画面２０に表示させる。これにより、表示されていなかった領域に配置されている書籍の画像１２を見ることができる。
That is, in FIG. 2, the
コンテンツ表示装置１００では、ユーザがタッチパネル（入力部１）上で移動させたい方向にフリック操作を行なうことによって、フリックした方向と同じ方向に棚面１１をスクロール移動させて、それまで表示されていなかった領域を表示させるようになっている。このとき、フリックの速度に応じて棚面１１の移動距離（行の数）を決定し、その決定に基づいて棚面１１を移動させる。
In the
フリックの速度に対してどの程度棚面１１を移動させるかは、棚面１１の移動後に画面２０に表示される画像１２の一部が途切れないようにする限り限定されるものではなく、製造者が適宜決定すればよい。例えば、上述したように、予め用意した移動度を決定するためのパラメータを用いて、スクロール移動させる距離を求めればよい。
The extent to which the
図４は、書棚オブジェクト２００の表示領域１４を移動させるときの様子を説明するための図である。図４の（ａ）は移動前の棚面１１を表しており、ここで矢印Ａの方向にフリックが行なわれた場合、棚面１１を上方に移動させて、棚面１１のより下部に表示領域１４を移動させる（図４の（ｂ））。その後、表示領域１４の移動が棚面１１のより下部に停止し、別の画像１２が途切れないように表示される（図４の（ｃ））。
FIG. 4 is a diagram for explaining a state when the
なお、棚面１１の長手（縦）方向への移動は各棚面１１の範囲内で独立に制御されている。つまり、縦方向にスクロール移動させる棚面１１は、操作時に画面２０に表示されている棚面１１のみである。
The movement of the
例えば、各棚面１１の最上部が表示領域１４に指定されているとき、いずれかの棚面１１の表示中にフリック操作を行なって当該棚面１１における表示領域１４を下部に移動させる。このとき、表示領域１４が移動される棚面１１は操作している棚面１１のみであり、他の棚面１１では表示領域１４は移動されずに最上部のままである。そのため、表示領域１４を移動させた後に、書棚オブジェクト２００を回転させて別の棚面１１を表示させた場合であっても、別の棚面１１では前回その棚面１１を見たときの状態が保たれている。
For example, when the uppermost part of each
一例として、「お気に入り」のカテゴリに対応する棚面１１の最上部を表示させた状態で書棚オブジェクト２００を回転させて「未読・おすすめ」の棚面１１に移動し、スクロール操作によって棚面１１の下部を表示させたとする。このときに、再び書棚オブジェクト２００を回転させて「お気に入り」の棚面１１に戻ったとき、この棚面１１においても表示領域１４が移動されてしまうと、ユーザは再度スクロール操作を行なって表示領域１４を移動させる必要があり、ユーザにとって不便である。
As an example, the
しかし、コンテンツ表示装置１００では、書棚オブジェクト２００を回転させて他の棚面１１に移動したとき、以前見ていた棚面１１の状態が表示されるため、ユーザの手間をとらせない。
However, in the
（書棚オブジェクトの回転）
コンテンツ表示装置１００では、ユーザの入力操作によって書棚オブジェクト２００を画面２０内の仮想３次元空間内において、中心軸Ｘを回転軸として回転させることができる。書棚オブジェクト２００を回転させることによって、正面に表示される、すなわち表示対象になる棚面１１を変更することができる。
(Rotating bookcase objects)
In the
本実施形態のコンテンツ表示装置１００は、ユーザがタッチパネル（入力部１）上で回転軸と略直交する方向（画面２０において横方向）にフリック操作を行なうことによって、書棚オブジェクト２００を回転させるようになっている。このように書棚オブジェクト２００を回転させることにより、正面にくる、すなわち表示対象になる棚面１１を変更することができる。
The
具体的には、フリック操作によって書棚オブジェクト２００がフリックした方向と同じ方向に回転して、隣接する棚面１１又はさらにその隣接する棚面１１が正面にきて画面２０に表示されるようになっている。
Specifically, the
図５は、書棚オブジェクト２００を回転させるときの様子を説明するための図である。図５の（ａ）は回転前の書棚オブジェクト２００を表しており、ここで矢印Ｂの方向にフリック操作が行なわれた場合、棚面１１ａを右方向に回転させて（図５の（ｂ））、隣接する棚面１１ｂの正面を表示させる（図５の（ｃ））。これにより、あるカテゴリに属する書籍の画像１２ａから別のカテゴリに属する書籍の画像１２ｂを表示させるため、画像１２ｂを選択することができるようになる。この回転移動を図６に基づいてさらに説明する。
FIG. 5 is a diagram for explaining a state when the
図６は、説明のために書棚オブジェクト２００を展開した図である。但し、図６において上面と底面の図示は省略している。
FIG. 6 is a developed view of the
図６の（ａ）は、回転前の書棚オブジェクト２００を表しており、「未読・おすすめ」のカテゴリに対応する棚面１１ａの正面が画面２０に表示されている状態である。この状態において、棚面１１ａに隣接する「最近読んだ本」のカテゴリに対応する棚面１１ｂを表示させたいとき、棚面１１ａから見て棚面１１ｂとは反対方向（矢印Ｂの方向）にフリック操作する。これにより、棚面１１ａが矢印Ｂの方向に移動するように書棚オブジェクト２００が回転して棚面１１ｂが正面にくることによって表示領域１４が棚面１１ｂに移動し、棚面１１ｂが画面に表示されるようになる（図６の（ｂ））。
FIG. 6A shows the
なお、書棚オブジェクト２００の回転は１回転に限定されるものではなく、フリックの速度に応じて棚面１１の移動距離、すなわち回転数を決定し、その決定に基づいて棚面１１が回転させればよい。例えば、フリックの速度が遅い場合には１面分移動させて隣接する棚面１１を表示させるようにしてもよいし、フリック速度が速い場合は２つ隣りの棚面１１、すなわち回転させる前に表示されていた棚面１１の反対側に位置する棚面１１を表示させてもよい。
Note that the rotation of the
フリックの速度に対してどの程度棚面１１を回転させるかは、棚面１１の回転後に画面２０に表示される画像１２の一部が途切れず、回転移動によって表示対象になる棚面１１と表示面とが平行になる限り限定されるものではなく、製造者が適宜決定すればよい。例えば、上述したように、予め用意した移動度を決定するためのパラメータを用いて、回転移動させる面の数を求めればよい。
How much the
また、上述したスクロール移動又は回転移動の操作はフリック操作に限らず、例えばドラッグ操作を用いることができる。ドラッグ操作は、ユーザの指をタッチパネルに接触させたまま任意の方向に移動させる動作である。ドラッグ操作によって書棚オブジェクト２００を回転させたり棚面１１をスクロール移動させたりした後、所望の書籍の画像１２が画面に表示されたときに指をタッチパネルから放すことによって、表示させる棚面１１又は領域を変更することができる。
Further, the above-described scroll movement or rotation movement operation is not limited to the flick operation, and for example, a drag operation can be used. The drag operation is an operation of moving the user's finger in an arbitrary direction while keeping the finger touching the touch panel. The
例えば、隣接する棚面１１への回転の途中でドラッグ操作が終了した場合、その時点の書棚オブジェクト２００の回転角度に応じて、さらに回転を進めるか又は回転を戻すかを決定していずれか一方の棚面１１を表示させ得る。また、棚面１１内のスクロール移動中にドラッグ操作が終了したときの画面２０に表示されている画像１２の一部が途切れている場合、棚面１１を上下いずれかにスクロール移動させて画像１２が欠けないように表示させることができる。
For example, when the drag operation ends in the middle of the rotation to the
また、表示させる棚面１１の変更方法は他にも、いずれの棚面１１を表示させるかを直接指示可能な棚面選択ボタン１７の操作によって、表示させる棚面１１を変更することができる。棚面選択ボタン１７は、画面２０の上部にオブジェクトとして表示されており、タッチパネルによってボタン選択操作の入力を可能にしている。この場合においても、画面２０では選択した棚面１１が表示されるまで書棚オブジェクト２００が回転する状態が表示される。このときの回転方向は、それまでのユーザの操作、回転角度、及び製造者による設定等によって決定することができる。
In addition to the method of changing the
このように、画面２０に表示されている書棚オブジェクト２００及び棚面１１を操作する動作は、本屋などに置かれている回転式書棚における動作を連想させるものである。そのため、コンテンツ表示装置１００に初めて接する人や、機器の操作に不慣れな人であっても、コンテンツ表示装置１００の操作方法を容易に理解することができる。すなわち、ユーザにとって操作し易いユーザインターフェイスを有しているということができる。
As described above, the operation of operating the
なお、本屋などに置かれている回転式書棚と異なり、例えば棚面１１の下の方を見たいときに、眺めている棚面１１そのものを、その棚面１１のみ上方向に動かすことができる。さらに、この状態で書棚オブジェクト２００を回転させることができる。したがって、ある棚面１１の異なる高さ位置を見た後、書棚オブジェクト２００を回転させたときに、もとの高さ位置に視点を戻すといった作業無しに、他の棚面１１においてはもとの高さ位置を見ることができる。
Note that, unlike a rotary bookcase placed in a bookstore or the like, for example, when looking at the lower side of the
〔その他のアニメーション〕
本実施形態のコンテンツ表示装置１００では、書棚オブジェクト２００の回転又は棚面１１をスクロール移動させるアニメーションの他に、例えば、棚面１１の拡大縮小、又は書棚オブジェクト２００の透明化等が可能である。
[Other animations]
In the
（拡大縮小表示）
コンテンツ表示装置１００では、棚面１１を画面２０に表示している状態において棚面１１の大きさを調整して、画面２０に表示させる画像１２の数を変更可能に構成されている。
(Enlarged / reduced display)
The
図７は、画面２０に表示させるサムネイル画像１２の表示パターンの例を示す図である。図７の（ａ）は２０枚のサムネイル画像１２を表示している状態を示しており、図７の（ｂ）は２８枚のサムネイル画像１２を表示している状態を示している。
FIG. 7 is a diagram illustrating an example of a display pattern of the
棚面１１をより大きく表示させた場合、各サムネイル画像１２が見易くなるが、一度に画面２０に表示できるサムネイル画像１２の数（一度に表示できる棚１３の数と相関がある）は減少する。一方、棚面１１をより小さく表示させた場合、一度に多くのサムネイル画像１２を表示することが可能となる。このように、コンテンツ表示装置１００では、必要に応じて棚面１１の縮尺率を変更することが可能である。
When the
画面２０に表示させるサムネイル画像１２の数の変更は、ユーザの入力操作によって行なうことができる。具体的には、タッチパネル上でピンチアウト操作を行なうことによって、棚面１１を拡大表示させ、各サムネイル画像１２を大きく表示させる。一方、タッチパネル上でピンチイン操作を行なうことによって、棚面１１を縮小表示させ、各サムネイル画像１２を小さく表示させる。
The number of
ここでピンチアウト操作とは、ユーザの２本の指などを同時に操作面上に接触させて、そのままその２本の指を開く動作を行なう操作である。また、ピンチイン操作とは、ユーザの２本の指などを同時に操作面上に接触させて、そのままその２本の指を閉じる動作を行なう操作である。 Here, the pinch-out operation is an operation in which two fingers of the user are simultaneously brought into contact with the operation surface and the two fingers are opened as they are. The pinch-in operation is an operation in which two fingers of a user are simultaneously brought into contact with the operation surface and the two fingers are closed as they are.
（透明化処理）
コンテンツ表示装置では、書棚オブジェクト２００の回転及び棚面１１のスクロール移動を画面２０に表示する際に、棚面１１及びサムネイル画像１２の一部の半透明にする処理を行なうことができる。
(Transparency treatment)
In the content display device, when the rotation of the
例えば、表示されている棚面１１上にあるサムネイル画像１２の透明度が０％のとき、隣接する棚面１１ならびにこれらに貼り付けられているサムネイル画像１２は画面２０には表示されない。
For example, when the transparency of the
一方、棚面１１の透明度を上げた場合、ある棚面１１が正面にきていても隣接する棚面１１に配置されるサムネイル画像１２が透けて見える。さらに、サムネイル画像１２の透明度を上げた場合、隣接する棚面１１に配置される画像１２がより見えるようになる。
On the other hand, when the transparency of the
このように、棚面１１を一部半透明にしたり、その半透明の度合いを変化させたりすることにより、ユーザは３次元オブジェクトを操作している実感が得られる。また、隣接する棚面１１が表示されることにより、隣接する棚面１１がどのようなカテゴリによる棚面１１か、又はその棚面１１にどのような書籍（サムネイル画像）が置かれているかを知ることができ、目的の書籍をより簡単に探し出すことができる。
In this way, by making the
〔定期購読棚の表示〕
次に、図８を参照して、カテゴリが「定期購読」である棚面１１の表示方法を説明する。
[Display subscription shelf]
Next, a display method of the
図８は、カテゴリが「定期購読」である棚面１１を表示している画面２０の表示状態を示す図である。定期購読の棚面１１は、週刊誌又は月刊誌などの定期刊行物をバックナンバーと共に管理している棚面１１である。
FIG. 8 is a diagram illustrating a display state of the
図８の（ａ）に示すように、定期購読の棚面１１ではサムネイル画像１２が棚面１１左側に縦方向に一列に並べられている。これらは、それぞれ定期購読している各雑誌の最新号のサムネイル画像１２であり、マガジンラックにその最新号が置かれているような画像である。すなわち、現実の書棚において雑誌のマガジンラックが縦方向に並んでいる状態に似ている。
As shown in FIG. 8A, on the
サムネイル画像１２の横には、雑誌名及び最新号の号数など、定期購読している雑誌の情報１５がテキスト表示されている。さらにその横には、その雑誌のバックナンバーを表示させるための選択ボタン１６が設けられている構成となっている。
Next to the
図８の（ｂ）は、図８の（ａ）に示す画面２０においてある定期購読雑誌の選択ボタン１６を選択操作して、そのバックナンバーを一覧表示させたときの画面２０を示す図である。
FIG. 8B is a diagram showing the
バックナンバーを表示させるための選択ボタン１６に対して入力操作がなされると、選択されたマガジンラック以外のマガジンラックの表示がなくなり、選択されたマガジンラックの表示が画面２０の上部に移動すると共に、その下側に各バックナンバーのサムネイル画像１２’を配列してその雑誌のバックナンバーを一覧表示する状態へと遷移する。ユーザはこの中から目的のバックナンバーを選べばよい。
When an input operation is performed on the
これは、書棚のマガジンラックを開けて、各バックナンバーを取り出してその中から読みたいバックナンバーを選ぶ現実の動作に似ている。そのため、ユーザは、雑誌の総数が数百に及んだとしても、容易に目的の雑誌を選び出すことができる。 This is similar to the actual operation of opening the magazine rack of the bookshelf, taking out each back number, and selecting the back number you want to read from it. Therefore, even if the total number of magazines reaches several hundreds, the user can easily select a target magazine.
（プログラム及び記録媒体）
最後に、コンテンツ表示装置１００に含まれている各部は、ハードウェアロジックによって構成すればよい。また、次のように、ＣＰＵを用いてソフトウェアによって実現してもよい。
(Program and recording medium)
Finally, each unit included in the
すなわちコンテンツ表示装置１００は、各機能を実現するプログラムの命令を実行するＣＰＵ、このプログラムを格納したＲＯＭ、上記プログラムを実行可能な形式に展開するＲＡＭ、及び、上記プログラム及び各種データを格納するメモリ等の記憶装置（記録媒体）を備えている。この構成により、本発明の目的は所定の記録媒体によっても達成できる。
That is, the
この記録媒体は、上述した機能を実現するソフトウェアであるコンテンツ表示装置１００のプログラムのプログラムコード（実行形式プログラム、中間コードプログラム、ソースプログラム）をコンピュータで読み取り可能に記録していればよい。コンテンツ表示装置１００に、この記録媒体を供給する。これにより、コンピュータとしてのコンテンツ表示装置１００（又はＣＰＵやＭＰＵ）が、供給された記録媒体に記録されているプログラムコードを読み出し、実行すればよい。
The recording medium only needs to record the program code (execution format program, intermediate code program, source program) of the program of the
プログラムコードをコンテンツ表示装置１００に供給する記録媒体は、特定の構造又は種類のものに限定されない。すなわちこの記録媒体は、例えば、磁気テープやカセットテープ等のテープ系、フロッピー（登録商標）ディスク／ハードディスク等の磁気ディスク又はＣＤ−ＲＯＭ／ＭＯ／ＭＤ／ＤＶＤ／ＣＤ−Ｒ等の光ディスクを含むディスク系、ＩＣカード（メモリカードを含む）／光カード等のカード系、もしくはマスクＲＯＭ／ＥＰＲＯＭ／ＥＥＰＲＯＭ／フラッシュＲＯＭ等の半導体メモリ系などとすることができる。
The recording medium that supplies the program code to the
また、コンテンツ表示装置１００を通信ネットワークと接続可能に構成しても、本発明の目的を達成できる。この場合、上記のプログラムコードを、通信ネットワークを介してコンテンツ表示装置１００に供給する。この通信ネットワークはコンテンツ表示装置１００にプログラムコードを供給できるものであればよく、特定の種類又は形態に限定されない。例えばインターネット、イントラネット、エキストラネット、ＬＡＮ、ＩＳＤＮ、ＶＡＮ、ＣＡＴＶ通信網、仮想専用網（Ｖｉｒｔｕａｌ Ｐｒｉｖａｔｅ Ｎｅｔｗｏｒｋ）、電話回線網、移動体通信網、衛星通信網等であればよい。
Further, even if the
この通信ネットワークを構成する伝送媒体も、プログラムコードを伝送可能な任意の媒体であればよく、特定の構成又は種類のものに限定されない。例えばＩＥＥＥ１３９４、ＵＳＢ、電力線搬送、ケーブルＴＶ回線、電話線、ＡＤＳＬ（Ａｓｙｍｍｅｔｒｉｃ Ｄｉｇｉｔａｌ Ｓｕｂｓｃｒｉｂｅｒ Ｌｉｎｅ）回線等の有線でも、ＩｒＤＡやリモコンのような赤外線、Ｂｌｕｅｔｏｏｔｈ（登録商標）、８０２．１１無線、ＨＤＲ、携帯電話網、衛星回線、地上波デジタル網等の無線でも利用可能である。 The transmission medium constituting the communication network may be any medium that can transmit the program code, and is not limited to a specific configuration or type. For example, even with wired lines such as IEEE 1394, USB, power line carrier, cable TV line, telephone line, ADSL (Asymmetric Digital Subscriber Line) line, infrared rays such as IrDA and remote control, Bluetooth (registered trademark), 802.11 wireless, HDR, mobile phone It can also be used by radio such as a telephone network, a satellite line, and a terrestrial digital network.
以下に示す実施例では、フリック操作によって表示領域が移動されるときの移動度を算出するためのパラメータを検討した。この検討は、複数パターンのパラメータから算出した移動度におけるフリック操作の快適さをユーザが評価することにより行なった。 In the following embodiment, parameters for calculating the mobility when the display area is moved by a flick operation are examined. This examination was performed by the user evaluating the comfort of the flick operation in the mobility calculated from the parameters of a plurality of patterns.
なお、以下の実施例において「強フリック」又は「弱フリック」と、フリックの強さを表す表現を用いるが、これらはフリック操作のときの速さを示すものである。すなわち、「強フリック」は速いフリックであり、「弱フリック」は遅いフリックを意味する。フリックの速さ（強さ）には、ＯｎＧｅｓｔｕｒｅＬｉｓｔｅｎｅｒインターフェースで呼ばれるｏｎＦｌｉｎｇメソッドの引数ｖｅｌｏｃｉｔｙＸの値を利用した。 In the following embodiments, “strong flick” or “weak flick” and expressions representing the strength of the flick are used, which indicate the speed at the time of the flick operation. That is, “strong flick” means a fast flick and “weak flick” means a slow flick. For the flicking speed (strength), the value of the argument velocityX of the onFling method called by the OnGuestListener interface was used.
〔実施例１：横フリックの評価実験〕
まず、書棚オブジェクトを回転させるために、横フリックに最適なパラメータを評価した。横フリックに最適なパラメータは、以下の３種類の実験から求めた。
[Example 1: Horizontal flick evaluation experiment]
First, in order to rotate the bookshelf object, the optimum parameters for the horizontal flick were evaluated. The optimum parameters for the horizontal flick were obtained from the following three types of experiments.
（実施例１−１：強フリックでの最大回転面数の調査）
実施例１−１では、書棚オブジェクトを回転させるとき、強フリックで何面回転させたときユーザが快適であると感じるかを調査した。
(Example 1-1: Investigation of the maximum number of rotating surfaces with a strong flick)
In Example 1-1, when rotating a bookshelf object, it was investigated how many strong flicks the user felt comfortable.
具体的には、書棚オブジェクトをフリック操作で回転させるとき、強フリック（３０００（pixel/sec）以上の速度）したときの回転面数を変化させて、操作の快適さについて７名の被験者により５段階評価及び順位付けを行なった。なお、５段階評価は、「５」が最も快適であるという評価であり、「１」に下がるにつれ評価が低くなる。 Specifically, when rotating a bookshelf object by a flick operation, the number of rotation surfaces when a strong flick (speed of 3000 (pixel / sec) or more) is changed, and the comfort of the operation is set to 5 by seven subjects. A grade and ranking was performed. The five-level evaluation is an evaluation that “5” is the most comfortable, and the evaluation becomes lower as the value decreases to “1”.
書棚オブジェクトは４つの側面を有する直方体であり、回転時間は評価に含めないようにした。フリック操作は端末を左手で持ち、右手の人差し指で行なった。回転面数を決めるパラメータは図９の（ａ）に示す４種類を用意し、フレームレートは３０ｆｐｓとした。図９の（ａ）は、強フリックをしたときの各パラメータにおける回転面数と回転時間を示す表である。 The bookcase object is a rectangular parallelepiped having four sides, and the rotation time is not included in the evaluation. The flicking operation was performed with the left hand of the terminal and the index finger of the right hand. Four parameters shown in FIG. 9A are prepared as parameters for determining the number of rotation surfaces, and the frame rate is set to 30 fps. (A) of FIG. 9 is a table | surface which shows the rotation surface number and rotation time in each parameter when carrying out a strong flick.
その結果、図９の（ｂ）及び図９の（ｃ）に示すように、強フリックで２面回転するパラメータ２が評価及び順位共に最も高く、被験者毎のバラつきも少なかった。図９の（ｂ）は、被験者による各パラメータでの５段階評価の平均値（左の塗りつぶしたバー）及び順位（右の斜線のバー）を示し、図９の（ｃ）は各パラメータでの被験者による５段階評価（左の塗りつぶしたバー）及び順位（右の斜線のバー）の分散値を示す。
As a result, as shown in FIG. 9B and FIG. 9C, the
（実施例１−２：強フリック及び弱フリックにおける速度の閾値の調査）
実施例１−２では、実施例１−１と同じ直方体の書棚オブジェクトを回転させるとき、強フリックと弱フリックとでユーザが快適であると感じる速度の閾値を調査した。
(Example 1-2: Investigation of speed threshold in strong flick and weak flick)
In Example 1-2, when the same rectangular parallelepiped bookshelf object as in Example 1-1 was rotated, the threshold of speed at which the user felt comfortable with strong flick and weak flick was investigated.
具体的には、書棚オブジェクトをフリック操作で回転させるとき、２面回転させる強フリック及び１面回転させる弱フリックを行なうときの速度の閾値を変化させて、操作の快適さについて６名の被験者により５段階評価及び順位付けを行なった。５段階評価は、「５」が最も快適であるという評価であり、「１」に下がるにつれ評価が低くなる。 Specifically, when rotating a bookshelf object by a flick operation, the threshold of the speed when performing a strong flick that rotates two faces and a weak flick that rotates one face is changed, and six subjects examine the comfort of operation. A five-step evaluation and ranking was performed. The five-level evaluation is an evaluation that “5” is the most comfortable, and the evaluation becomes lower as the value decreases to “1”.
なお、回転時間は評価に含めないようにした。フリック操作は端末を左手で持ち、右手の人差し指で行なった。強フリック及び弱フリックの速度の閾値（pixel/sec）を決めるパラメータは図１０の（ａ）に示す４種類を用意し、フレームレートは３０ｆｐｓ、回転時間は１面が０．６７（ｓ）、２面が１（ｓ）とした。図１０の（ａ）は、各パラメータにおける強フリック及び弱フリックの速度の閾値を示す表である。 The rotation time was not included in the evaluation. The flicking operation was performed with the left hand of the terminal and the index finger of the right hand. Four types of parameters shown in FIG. 10A are prepared for determining the threshold value (pixel / sec) of the strong flick and weak flick speeds, the frame rate is 30 fps, the rotation time is 0.67 (s) on one side, Two surfaces were set to 1 (s). (A) of FIG. 10 is a table | surface which shows the threshold value of the speed of the strong flick and weak flick in each parameter.
その結果、図１０の（ｂ）及び図１０の（ｃ）に示すように、強フリック及び弱フリックの速度の閾値はパラメータ２の評価が高かった。図１０の（ｂ）は、被験者による各パラメータでの５段階評価の平均値（左の塗りつぶしたバー）及び順位（右の斜線のバー）を示し、図１０の（ｃ）は各パラメータでの被験者による５段階評価（左の塗りつぶしたバー）及び順位（右の斜線のバー）の分散値を示す。
As a result, as shown in (b) of FIG. 10 and (c) of FIG. 10, the evaluation of
（実施例１−３：回転アニメーション時間の調査）
実施例１−３では、実施例１−１と同じ直方体の書棚オブジェクトを回転させるときに、ユーザが快適であると感じる回転アニメーション時間を調査した。
(Example 1-3: Investigation of rotation animation time)
In Example 1-3, the rotation animation time that the user feels comfortable when rotating the same cuboid bookcase object as in Example 1-1 was investigated.
具体的には、書棚オブジェクトをフリック操作で回転させるとき、アニメーション時間を変化させて、操作の快適さについて６名の被験者により５段階評価及び順位付けを行なった。５段階評価は、「５」が最も快適であるという評価であり、「１」に下がるにつれ評価が低くなる。 Specifically, when the bookshelf object was rotated by a flick operation, the animation time was changed, and six subjects evaluated and ranked the comfort of the operation. The five-level evaluation is an evaluation that “5” is the most comfortable, and the evaluation becomes lower as the value decreases to “1”.
なお、フリック操作は端末を左手で持ち、右手の人差し指で行なった。アニメーション時間を決めるパラメータは図１１の（ａ）に示す９種類を用意し、フレームレートは３０ｆｐｓ、強フリックで２面回転、強フリック及び弱フリックの速度の閾値は１９００（pixel/sec）とした。図１１の（ａ）は、アニメーション時間とパラメータ番号との関係を示す表である。 The flick operation was performed with the terminal held by the left hand and the index finger of the right hand. The nine parameters shown in FIG. 11A are prepared as parameters for determining the animation time, the frame rate is 30 fps, the two sides rotate with a strong flick, and the threshold of the speed of the strong flick and the weak flick is 1900 (pixel / sec). . (A) of FIG. 11 is a table | surface which shows the relationship between animation time and a parameter number.
その結果、図１１の（ｂ）及び図１１の（ｃ）に示すように、１面回転するときの時間及び２面回転するときの時間は、共に評価が高かったのは１秒であった。図１１の（ｂ）は、被験者による各パラメータでの５段階評価の平均値（左の塗りつぶしたバー）及び順位（右の斜線のバー）を示し、図１１の（ｃ）は１面の回転時間（ｓ）及び２面の回転時間（ｓ）の評価の平均値を示す図である。 As a result, as shown in FIG. 11 (b) and FIG. 11 (c), the time when rotating on one surface and the time when rotating on two surfaces were both highly evaluated for 1 second. . (B) of FIG. 11 shows the average value (left filled bar) and ranking (right hatched bar) of the five-step evaluation for each parameter by the test subject, and (c) of FIG. 11 shows the rotation of one surface. It is a figure which shows the average value of evaluation of time (s) and rotation time (s) of 2 surfaces.
（実施例１−４：回転アニメーション時間の調査）
実施例１−４では、実施例１−３よりもさらに詳細にユーザが快適であると感じる回転アニメーション時間を調査した。
(Example 1-4: Investigation of rotation animation time)
In Example 1-4, the rotation animation time at which the user feels more comfortable than in Example 1-3 was investigated.
具体的には、実施例１−３と同様に、書棚オブジェクトをフリック操作で回転させるとき、アニメーション時間を変化させて、操作の快適さについて７名の被験者により５段階評価及び順位付けを行なった。５段階評価は、「５」が最も快適であるという評価であり、「１」に下がるにつれ評価が低くなる。 Specifically, as in Example 1-3, when rotating a bookshelf object by a flick operation, the animation time was changed, and five subjects were evaluated and ranked with respect to the comfort of operation by seven subjects. . The five-level evaluation is an evaluation that “5” is the most comfortable, and the evaluation becomes lower as the value decreases to “1”.
なお、フリック操作は端末を左手で持ち、右手の人差し指で行なった。アニメーション時間を決めるパラメータは図１２の（ａ）に示す６種類を用意し、フレームレートは３０ｆｐｓ、強フリックで２面回転、強フリック及び弱フリックの速度の閾値は１９００（pixel/sec）とした。図１２の（ａ）は、アニメーション時間とパラメータ番号との関係を示す表である。 The flick operation was performed with the terminal held by the left hand and the index finger of the right hand. The parameters for determining the animation time are prepared in six types as shown in FIG. 12A, the frame rate is 30 fps, the strong flick is rotated in two planes, the threshold of the speed of the strong flick and the weak flick is 1900 (pixel / sec). . (A) of FIG. 12 is a table | surface which shows the relationship between animation time and a parameter number.
また、パラメータ５，６は、フリックの強さによって回転時間をリニアに変化させた。図１２の（ｂ）のグラフは、パラメータ５におけるフリックの強さと回転時間との関係を示し、線３２は１面回転のときの回転時間とフリックの強さとの関係を示し、線３３は２面回転のときの回転時間とフリックの強さとの関係を示す。
その結果、図１２の（ｃ）に示すように、１面回転するときの時間が１．０秒から０．５秒であり、２面回転するときの時間が１．０秒から０．７秒と、フリックの強さによってリニアに変化するパラメータ５の評価が高かった。図１２の（ｃ）は、被験者による各パラメータでの５段階評価の平均値（左の塗りつぶしたバー）及び分散値（右の斜線のバー）を示す。
As a result, as shown in FIG. 12C, the time for rotating one surface is 1.0 to 0.5 seconds, and the time for rotating two surfaces is 1.0 to 0.7. The evaluation of the
以上の結果から、横フリックにおいてユーザが快適であると感じるのは、強フリックにおいて最大２面回転であり、強フリック（２面回転）及び弱フリック（１面回転）の速度の閾値は１９００（pixel/sec）であり、フリックの強さによって回転時間がリニアに変化するパラメータであった。図１３はフリックの強さ、回転面数及び回転時間の関係を示すグラフである。図１３中、線３０は１面回転時のフリックの強さと回転時間との関係を表し、線３１は２面面回転時のフリックの強さと回転時間との関係を表し、線分Ｃは閾値を示す。
From the above results, the user feels comfortable in the horizontal flick is the maximum two-plane rotation in the strong flick, and the threshold value of the speed of the strong flick (two-plane rotation) and the weak flick (one-plane rotation) is 1900 ( pixel / sec), and the rotation time linearly changes depending on the flick strength. FIG. 13 is a graph showing the relationship between the flick strength, the number of rotation surfaces, and the rotation time. In FIG. 13, a
〔実施例２：縦フリック評価実験〕
次に、書棚オブジェクトの中から目的の書籍を快適に探すための縦フリックに最適なパラメータを評価した。縦フリックに最適なパラメータは、以下の４つの実験から求めた。
[Example 2: Vertical flick evaluation experiment]
Next, the optimum parameters for the vertical flick to find the target book comfortably from the bookcase objects were evaluated. The optimum parameters for the vertical flick were obtained from the following four experiments.
（実施例２−１）
実施例２−１では、縦フリックのための９つのパラメータを用意し、ユーザが快適であると感じるパラメータを実施例１と同様に５段階評価した。
(Example 2-1)
In Example 2-1, nine parameters for vertical flicks were prepared, and the parameters that the user felt comfortable were evaluated in five stages as in Example 1.
具体的には、書棚オブジェクトに１００個の書籍を配置し、フリック操作でスクロール移動させて目的の書籍を探す際の操作の快適さについて、７名の被験者により行なった。なお、画面に表示される本の配置は横３個、縦３個にして、フリック操作は端末を左手で持ち、右手の人差し指で行なった。 Specifically, seven subjects performed the comfort of operation when 100 books were placed on a bookcase object and scrolled by a flick operation to search for a target book. The arrangement of the books displayed on the screen was three horizontal and three vertical, and the flick operation was performed with the left hand of the terminal and the index finger of the right hand.
パラメータは初速及び減衰率に対して３つずつ用意した。初速は遅いものは０．００２５２ｖとし、中程度のものは０．００４２ｖとし、速いものは０．００５８８ｖとした。なお、「ｖ」はフリック速度（pixel/sec）である。減衰率は毎フレーム速度に減衰率をかけていくものとし、低いものは０．９、中程度のものは０．７、遅いものは０．５とした。なおフレームレートは一定ではない。 Three parameters were prepared for initial speed and damping rate. The initial speed was 0.00252v for the slow speed, 0.0042v for the medium speed, and 0.00588v for the fast speed. “V” is the flick speed (pixel / sec). The attenuation rate is determined by multiplying the frame rate by the attenuation rate. The low rate is 0.9, the medium rate is 0.7, and the slow rate is 0.5. The frame rate is not constant.
その結果、図１４に示すように、初速及び減衰率は共に中程度のものが最も評価が高かった。図１４の（ａ）は、被験者による各パラメータでの５段階評価の平均値を示した表であり、図１４の（ｂ）は被験者による各パラメータでの５段階評価の平均値を示した図である。 As a result, as shown in FIG. 14, the initial speed and the damping rate were the highest when both were moderate. (A) of FIG. 14 is a table showing the average value of the five-stage evaluation for each parameter by the subject, and (b) of FIG. 14 is a diagram showing the average value of the five-stage evaluation for each parameter by the subject. It is.
（実施例２−２）
実施例２−２では、実施例２−１と同じ９つのパラメータを用意し、ユーザが目的の書籍を見つけるまでの時間を計測し、快適であると感じるパラメータを５段階評価した。
(Example 2-2)
In Example 2-2, the same nine parameters as in Example 2-1 were prepared, the time until the user found the target book was measured, and the parameters that felt comfortable were evaluated in five levels.
具体的には、書棚オブジェクトに１００個の書籍を配置し、フリック操作でスクロール移動させて３４段中２０段目に配置される目的の書籍を探す時間、及び操作の快適さについて、７名の被験者により行なった。なお、画面に表示される本の配置は横３個、縦３個にして、フリック操作は端末を左手で持ち、右手の人差し指で行なった。フレームレートは一定ではない。 Specifically, about 100 books are placed on the bookshelf object and scrolled by flick operation to search for the target book to be placed on the 20th of the 34th row, and the comfort of the operation Performed by the subject. The arrangement of the books displayed on the screen was three horizontal and three vertical, and the flick operation was performed with the left hand of the terminal and the index finger of the right hand. The frame rate is not constant.
その結果、図１５に示すように、（初速、減衰率）が（中、中）、（遅、高）、（速、高）の３つのパラメータにおける評価が高かった。図１５の（ａ）は、被験者による各パラメータでの５段階評価の平均値を示した表であり、図１５の（ｂ）は、被験者が目的の書籍を見つけるまでにかかった時間をパラメータ毎に示した表であり、図１５の（ｃ）は、被験者による各パラメータでの５段階評価の平均値を示した図である。 As a result, as shown in FIG. 15, the evaluation was high in the three parameters of (initial speed, damping rate) (medium, medium), (slow, high), and (speed, high). (A) in FIG. 15 is a table showing the average value of the five-level evaluation for each parameter by the subject, and (b) in FIG. 15 shows the time taken for the subject to find the target book for each parameter. (C) of FIG. 15 is a diagram showing an average value of a five-step evaluation for each parameter by a subject.
（実施例２−３）
実施例２−３では、実施例２−２において評価の高かった３つのパラメータを用意し、ユーザが目的の書籍を見つけるまでの時間を計測し、快適であると感じるパラメータを５段階評価した。
(Example 2-3)
In Example 2-3, the three parameters that were highly evaluated in Example 2-2 were prepared, the time until the user found the target book was measured, and the parameters that felt comfortable were evaluated in five levels.
具体的には、書棚オブジェクトに１００個の書籍を配置し、フリック操作でスクロール移動させて３４段中２０段目に配置される目的の書籍を探す時間、及び操作の快適さについて、７名の被験者により行なった。なお、画面に表示される本の配置は横３個、縦３個にして、フリック操作は端末を左手で持ち、右手の人差し指で行なった。フレームレートは一定ではない。 Specifically, about 100 books are placed on the bookshelf object and scrolled by flick operation to search for the target book to be placed on the 20th of the 34th row, and the comfort of the operation Performed by the subject. The arrangement of the books displayed on the screen was three horizontal and three vertical, and the flick operation was performed with the left hand of the terminal and the index finger of the right hand. The frame rate is not constant.
パラメータの数値は、初速及び減衰率を移動段数及び移動にかかるフレーム数に変換した。変換方法は、実際のアニメーションを目視で評価し、最も近い値に設定した。具体的には、パラメータ１は移動段数が０．００２４５ｖ、移動にかかるフレーム数を１５＋０．００２ｖとした。パラメータ２は移動段数が０．０００６５ｖ、移動にかかるフレーム数を７＋０．００１ｖとした。パラメータ３は移動段数が０．００１４５ｖ、移動にかかるフレーム数を９＋０．００１ｖとした。なお、「ｖ」はフリック速度（pixel/sec）である。
The numerical values of the parameters were converted from the initial speed and attenuation rate into the number of moving steps and the number of frames required for moving. As the conversion method, the actual animation was visually evaluated and set to the closest value. Specifically, in
その結果、図１６に示すように、パラメータ１に対する被験者の評価が最も高く、書籍の探索時間も最も短かった。図１６の（ａ）は、目的の書籍を見つけるまでにかかった時間の平均値及び被験者による各パラメータでの５段階評価を示した表であり、図１６の（ｂ）は、目的の書籍を見つけるまでにかかった時間の平均値（左の塗りつぶしたバー）及び被験者による各パラメータでの５段階評価（右の斜線のバー）を示したグラフである。
As a result, as shown in FIG. 16, the evaluation of the subject with respect to the
（実施例２−４）
実施例２−４では、実施例２−３において用いた３つのパラメータのうち、移動にかかるフレーム数を移動にかかる時間に変換してユーザが目的の書籍を見つけるまでの時間を計測し、快適であると感じるパラメータを５段階評価した。
(Example 2-4)
In Example 2-4, among the three parameters used in Example 2-3, the number of frames required for movement is converted into the time required for movement, and the time until the user finds the target book is measured. The parameter which is felt to be 5 was evaluated.
具体的には、書棚オブジェクトに１００個の書籍を配置し、フリック操作でスクロール移動させて２５段中１８段目に配置される目的の書籍を探す時間、及び操作の快適さについて、７名の被験者により行なった。なお、画面に表示される本の配置は横４個、縦５個にして、フリック操作は端末を左手で持ち、右手の人差し指で行なった。フレームレートは３０ｆｐｓで行なった。 Specifically, about 100 books are placed on the bookshelf object and scrolled by flick operation to search for the target book to be placed on the 18th row out of 25 rows, and the comfort of the operation is 7 people. Performed by the subject. The arrangement of the books displayed on the screen was 4 horizontal and 5 vertical, and the flicking operation was performed by holding the terminal with the left hand and the index finger of the right hand. The frame rate was 30 fps.
パラメータの数値は、実施例２−３で用いたパラメータにおいて移動にかかるフレーム数を、フレームレートを３０ｆｐｓに固定することにより移動にかかる時間に変換した。具体的には、パラメータ１は移動段数が０．０００６５ｖ、移動にかかる時間（ｓ）を０．２３＋０．００００３３ｖとした。パラメータ２は移動段数が０．００２４５ｖ、移動にかかる時間（ｓ）を０．５＋０．００００６７ｖとした。パラメータ３は移動段数が０．００１４５ｖ、移動にかかる時間（ｓ）を０．３＋０．００００３３ｖとした。なお、「ｖ」はフリック速度（pixel/sec）である。
The numerical value of the parameter was converted to the time required for movement by fixing the number of frames required for movement in the parameters used in Example 2-3 to a frame rate of 30 fps. Specifically, in
その結果、図１７に示すように、パラメータ２に対する被験者の評価が最も高く、書籍の探索時間も最も短かった。図１７の（ａ）は、目的の書籍を見つけるまでにかかった時間の平均値及び被験者による各パラメータでの５段階評価を示した表であり、図１７の（ｂ）は、目的の書籍を見つけるまでにかかった時間の平均値（左の塗りつぶしたバー）及び被験者による各パラメータでの５段階評価（右の斜線のバー）を示したグラフである。また、図１７の（ｃ）は、パラメータ２のフリック速度による移動時間と移動段数との関係を示すグラフであり、図中、線３４は４０００（pixel/sec）、線３５は３０００（pixel/sec）、線３６は２０００（pixel/sec）、線３７は１０００（pixel/sec）、線３８は５００（pixel/sec）のフリック速度である。
As a result, as shown in FIG. 17, the test subject's evaluation for
本発明は上述した各実施形態に限定されるものではなく、請求項に示した範囲で種々の変更が可能であり、異なる実施形態にそれぞれ開示された技術的手段を適宜組み合わせて得られる実施形態についても本発明の技術的範囲に含まれる。 The present invention is not limited to the above-described embodiments, and various modifications are possible within the scope shown in the claims, and embodiments obtained by appropriately combining technical means disclosed in different embodiments. Is also included in the technical scope of the present invention.
本発明は、複数のコンテンツのサムネイル画像及びアイコン等を画面上に表示させる端末に利用することが可能であり、特に、携帯型電子書籍端末に好適に利用することができる。 The present invention can be used for a terminal that displays thumbnail images, icons, and the like of a plurality of contents on a screen, and can be particularly preferably used for a portable electronic book terminal.
１ 入力部
２ 接触検出部（接触検出手段）
３ 書籍表示処理部
４ 書籍データベース
５ ネットワーク管理部
６ 移動度決定部（移動度決定手段）
７ スクロール制御部（第１の表示制御手段）
８ 回転制御部（第２の表示制御手段）
９ オブジェクト表示処理部
１０ 出力処理部
１９ 表示部
１００ コンテンツ表示装置
２００ 書棚オブジェクト（３次元オブジェクト）
1
3 Book
7 Scroll control unit (first display control means)
8 Rotation control unit (second display control means)
DESCRIPTION OF
Claims (10)
上記表示部上に設置され、接触によるユーザ入力を受け付ける入力部と、
上記ユーザ入力により接触された位置の動きを検出する接触検出手段と、
ある画面の表示中に、上記接触検出手段が上記多角柱の長手方向への動きを検出した場合、上記３次元オブジェクトの表示領域を当該長手方向にスクロール移動させて、上記ある画面とは異なる他の画面を表示させる第１の表示制御手段と、
ある画面の表示中に、上記接触検出手段が上記多角柱の長手方向と直交する方向への動きを検出した場合、当該多角柱の長手軸を回転軸として上記３次元オブジェクトを回転させるように表示領域を移動させて、上記ある画面とは異なる他の画面を表示させる第２の表示制御手段と、
上記他の画面に表示される上記画像の一部が途切れないように、上記第１の表示制御手段及び上記第２の表示制御手段によって移動される表示領域の移動度を決定する移動度決定手段とを備えており、
上記接触検出手段は、上記動きの速さを検出しており、
上記移動度決定手段は、上記接触検出手段によって検出された動きの速さに基づいて上記移動度を決定すると共に、上記動きの速さが閾値よりも小さい場合には、上記第２の表示制御手段が上記表示領域を回転移動させるときの面の数を、１面に決定し、かつ、上記動きの速さが閾値以上の場合には、上記第２の表示制御手段が上記表示領域を回転移動させるときの面の数を、予め定めた２以上の面数に決定しており、
上記第２の表示制御手段は、上記回転移動によって上記表示領域になる側面と上記表示部の表示面とが平行になるように上記他の画面を表示させることを特徴とするコンテンツ表示装置。 A display unit for displaying a part of a three-dimensional object in which a plurality of images representing content are arranged on each side of a polygonal column;
An input unit installed on the display unit for receiving user input by contact;
Contact detection means for detecting movement of a position touched by the user input;
When the contact detection means detects the movement of the polygonal column in the longitudinal direction during the display of a certain screen, the display area of the three-dimensional object is scrolled in the longitudinal direction, which is different from the certain screen. First display control means for displaying the screen of
When the contact detection means detects a movement in a direction perpendicular to the longitudinal direction of the polygonal column during display of a certain screen, the display is performed so that the three-dimensional object is rotated about the longitudinal axis of the polygonal column as a rotation axis. A second display control means for moving an area and displaying another screen different from the certain screen;
Mobility determining means for determining the mobility of the display area moved by the first display control means and the second display control means so that a part of the image displayed on the other screen is not interrupted. And
The contact detection means detects the speed of the movement,
The mobility determination means determines the mobility based on the speed of movement detected by the contact detection means, and when the movement speed is smaller than a threshold value, the second display control When the number of surfaces when the means rotates the display area is determined to be one surface and the speed of movement is equal to or greater than a threshold value, the second display control means rotates the display area. The number of faces when moving is determined to be a predetermined number of faces of 2 or more ,
The content display apparatus, wherein the second display control means displays the other screen such that a side surface that becomes the display area by the rotational movement and a display surface of the display unit are parallel to each other.
上記ユーザ入力により接触された位置の動きを検出する接触検出ステップと、
上記接触検出ステップにおいて、ある画面の表示中に上記多角柱の長手方向への動きが検出された場合、上記３次元オブジェクトの表示領域を当該長手方向にスクロール移動させて、上記ある画面とは異なる他の画面を表示させる第１の表示制御ステップと、
上記接触検出ステップにおいて、ある画面の表示中に上記多角柱の長手方向と直交する方向への動きが検出された場合、当該多角柱の長手軸を回転軸として上記３次元オブジェクトを回転させるように表示領域を移動させて、上記ある画面とは異なる他の画面を表示させる第２の表示制御ステップと、
上記他の画面に表示される上記画像の一部が途切れないように、上記第１の表示制御ステップ及び上記第２の表示制御ステップにおいて移動される表示領域の移動度を決定する移動度決定ステップとを包含し、
上記接触検出ステップでは、上記動きの速さを検出しており、
上記移動度決定ステップでは、上記接触検出ステップにおいて検出された動きの速さに基づいて上記移動度を決定すると共に、上記動きの速さが閾値よりも小さい場合には、上記第２の表示制御ステップにおいて上記表示領域を回転移動させるときの面の数を、１面に決定し、かつ、上記動きの速さが閾値以上の場合には、上記第２の表示制御ステップにおいて上記表示領域を回転移動させるときの面の数を、予め定めた２以上の面数に決定しており、
上記第２の表示制御ステップでは、上記回転移動によって上記表示領域になる側面と上記表示部の表示面とが平行になるように上記他の画面を表示させることを特徴とする制御方法。 Content display comprising: a display unit that displays a part of a three-dimensional object in which a plurality of images representing content are arranged on each side of a polygonal column; and an input unit that is installed on the display unit and receives user input by contact An apparatus control method comprising:
A contact detection step of detecting movement of a position touched by the user input;
In the contact detection step, when a movement in the longitudinal direction of the polygonal column is detected during display of a certain screen, the display area of the three-dimensional object is scrolled in the longitudinal direction to be different from the certain screen. A first display control step for displaying another screen;
In the contact detection step, when a movement in a direction orthogonal to the longitudinal direction of the polygonal column is detected during display of a certain screen, the three-dimensional object is rotated with the longitudinal axis of the polygonal column as a rotation axis. A second display control step of moving the display area to display another screen different from the certain screen;
Mobility determination step for determining the mobility of the display area moved in the first display control step and the second display control step so that a part of the image displayed on the other screen is not interrupted. And
In the contact detection step, the speed of the movement is detected,
In the mobility determination step, the mobility is determined based on the speed of motion detected in the contact detection step, and when the speed of motion is smaller than a threshold value, the second display control is performed. If the number of surfaces when the display area is rotated in the step is determined as one surface and the speed of movement is equal to or greater than a threshold value, the display area is rotated in the second display control step. The number of faces when moving is determined to be a predetermined number of faces of 2 or more ,
In the second display control step, the other screen is displayed such that a side surface that becomes the display area by the rotational movement and a display surface of the display unit are parallel to each other.
Priority Applications (4)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2010214512A JP5236708B2 (en) | 2010-09-24 | 2010-09-24 | Content display device, control method, portable terminal, program, and recording medium |
| PCT/JP2011/071524 WO2012039441A1 (en) | 2010-09-24 | 2011-09-21 | Content display device, content display method, portable terminal, program, and recording medium |
| CN201180042156.0A CN103210364B (en) | 2010-09-24 | 2011-09-21 | Content display, content display method, portable terminal device, program and recording medium |
| US13/819,441 US9189070B2 (en) | 2010-09-24 | 2011-09-21 | Content display device, content display method, portable terminal, program, and recording medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2010214512A JP5236708B2 (en) | 2010-09-24 | 2010-09-24 | Content display device, control method, portable terminal, program, and recording medium |
Publications (3)
| Publication Number | Publication Date |
|---|---|
| JP2012069008A JP2012069008A (en) | 2012-04-05 |
| JP2012069008A5 JP2012069008A5 (en) | 2013-01-24 |
| JP5236708B2 true JP5236708B2 (en) | 2013-07-17 |
Family
ID=46166178
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2010214512A Active JP5236708B2 (en) | 2010-09-24 | 2010-09-24 | Content display device, control method, portable terminal, program, and recording medium |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP5236708B2 (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP6103807B2 (en) * | 2012-01-10 | 2017-03-29 | キヤノン株式会社 | Display control apparatus, control method thereof, and program |
| JP6019736B2 (en) * | 2012-05-15 | 2016-11-02 | 富士ゼロックス株式会社 | Display device and program |
| JP5692181B2 (en) * | 2012-07-26 | 2015-04-01 | カシオ計算機株式会社 | Network service system, wrist terminal, display method, and program |
| JP2014081733A (en) * | 2012-10-15 | 2014-05-08 | Ntt Docomo Inc | Portable electronic device |
| JP6106462B2 (en) * | 2013-02-27 | 2017-03-29 | 株式会社イトーキ | Moving shelf equipment |
| JP6133963B1 (en) * | 2015-12-07 | 2017-05-24 | 株式会社ドワンゴ | Display device, display method, and program |
Family Cites Families (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| DE69432199T2 (en) * | 1993-05-24 | 2004-01-08 | Sun Microsystems, Inc., Mountain View | Graphical user interface with methods for interfacing with remote control devices |
| JPH09134269A (en) * | 1995-11-10 | 1997-05-20 | Matsushita Electric Ind Co Ltd | Display controller |
| JPH1093880A (en) * | 1996-09-12 | 1998-04-10 | Hitachi Ltd | Three-dimensional display program guide generation device |
| WO1999057890A1 (en) * | 1998-05-07 | 1999-11-11 | Hitachi, Ltd. | Method for selecting information signal and device therefor, image information display having the device, and remote controller |
| WO2002071743A1 (en) * | 2001-03-05 | 2002-09-12 | Matsushita Electric Industrial Co., Ltd. | Epg display apparatus, epg display method, medium, and program |
| JP2006244402A (en) * | 2005-03-07 | 2006-09-14 | Denso Corp | Graphical user interface |
| JP4318047B2 (en) * | 2005-06-06 | 2009-08-19 | ソニー株式会社 | 3D object display device, 3D object switching display method, and 3D object display program |
-
2010
- 2010-09-24 JP JP2010214512A patent/JP5236708B2/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| JP2012069008A (en) | 2012-04-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11972164B2 (en) | User interfaces for devices with multiple displays | |
| WO2012039441A1 (en) | Content display device, content display method, portable terminal, program, and recording medium | |
| US20220374136A1 (en) | Adaptive video conference user interfaces | |
| KR102027612B1 (en) | Thumbnail-image selection of applications | |
| US9152173B2 (en) | Transparent display device | |
| JP5226051B2 (en) | Content display device, content display method, program, and recording medium | |
| JP4112377B2 (en) | How to display an opaque desktop with depth perception | |
| US8700999B2 (en) | Carousel user interface for document management | |
| EP2881849A1 (en) | Gesture-based screen-magnified touchscreen navigation | |
| WO2012141048A1 (en) | Content display device, content display method, program, and recording medium | |
| US20130047126A1 (en) | Switching back to a previously-interacted-with application | |
| JP5236708B2 (en) | Content display device, control method, portable terminal, program, and recording medium | |
| KR101919009B1 (en) | Method for controlling using eye action and device thereof | |
| EP2860734A1 (en) | Method and apparatus for media searching using a graphical user interface | |
| US9940014B2 (en) | Context visual organizer for multi-screen display | |
| JP3780976B2 (en) | Electronic content browsing apparatus and electronic content browsing method | |
| US9513770B1 (en) | Item selection | |
| WO2022142270A1 (en) | Video playback method and video playback apparatus | |
| JP2013250772A (en) | Program, information processing device, image display method and display system | |
| JP2013109775A (en) | Content display device, content display method, program, and recording medium | |
| AU2020257134B2 (en) | Devices and methods for navigating between user interfaces | |
| JP6327834B2 (en) | Operation display device, operation display method and program | |
| JP2014123402A (en) | Content display device, content display method, program, and recording medium | |
| US20230333724A1 (en) | Providing visual feedback during touch-based operations on user interface elements | |
| Fikkert et al. | Gestures in an intelligent user interface |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20121130 |
|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20121130 |
|
| A871 | Explanation of circumstances concerning accelerated examination |
Free format text: JAPANESE INTERMEDIATE CODE: A871 Effective date: 20121130 |
|
| A975 | Report on accelerated examination |
Free format text: JAPANESE INTERMEDIATE CODE: A971005 Effective date: 20121212 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20121225 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20130207 |
|
| 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: 20130226 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20130327 |
|
| R150 | Certificate of patent or registration of utility model |
Free format text: JAPANESE INTERMEDIATE CODE: R150 Ref document number: 5236708 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20160405 Year of fee payment: 3 |