JP2019021151A - Information display program, information display method, information display device, and distribution device - Google Patents

Abstract

To facilitate the operation of a terminal device.SOLUTION: An information display program causes a computer to execute: a detection procedure for detecting cancellation of a push-in operation of a screen or cancellation of a screen touch after the push-in operation; and a display change procedure for reducing the first content displayed on the screen when the cancellation is detected by the detection procedure.SELECTED DRAWING: Figure 1

Description

  The present invention relates to an information display program, an information display method, an information display device, and a distribution device.

  In recent years, a terminal device is provided with a touch panel, and a touch panel operation is possible. By using the touch panel operation, the user can easily operate the terminal device. For example, the user can easily reduce the content (for example, a map) displayed on the screen by performing pinch-in using two fingers, the thumb and the index finger.

JP 2007-286593 A

  In some cases, such as when the terminal device is held with one hand, the terminal device may be operated with only one finger (for example, the thumb). In this case, the operation of the terminal device such as content reduction may not be easy. For example, content reduction generally uses pinch-in, but pinch-in must use two fingers and is difficult with one finger.

  The present application has been made in view of the above, and an object thereof is to facilitate the operation of the terminal device.

  The information display program according to the present application includes a detection procedure for detecting that the pushing operation or the touch on the screen has been released after the pushing operation of the screen, and the first display displayed on the screen when the release is detected by the detection procedure. And causing the computer to execute a display change procedure for reducing one content.

  According to one aspect of the embodiment, the operation of the terminal device can be facilitated.

FIG. 1 is a diagram illustrating an example of the operation of the terminal device according to the embodiment. FIG. 2 is a diagram illustrating another example of the operation of the terminal device according to the embodiment. FIG. 3 is a diagram illustrating an example of the operation of the terminal device according to the embodiment. FIG. 4 is a diagram illustrating a state in which the viewpoint is launched obliquely above by the repulsive force. FIG. 5 is a diagram illustrating how the center of the display moves. FIG. 6 is a diagram illustrating a state in which the movement of the center of the display is stopped halfway. FIG. 7 is a diagram illustrating a configuration example of a distribution system according to the embodiment. FIG. 8 is a diagram illustrating a configuration example of the terminal device according to the embodiment. FIG. 9 is a diagram illustrating a configuration example of a distribution server according to the embodiment. FIG. 10 is a flowchart illustrating an example of the information display process. FIG. 11 is a diagram illustrating a state in which the first content changes in response to the pressing operation or the touch operation. FIG. 12 is a diagram illustrating a state in which the first content changes in response to the pressing operation and the moving operation. FIG. 13 is a diagram illustrating how the center of the display moves. FIG. 14 is a diagram illustrating how the center of the display moves. FIG. 15 is a diagram illustrating a state in which an animation of a jump base is displayed as the second content. FIG. 16 is a diagram illustrating a state in which an animation of a cannon cylinder is displayed as the second content. FIG. 17 is a diagram illustrating a state in which a content arrangement surface is displayed on the output unit. FIG. 18 is a diagram illustrating a state in which an arrangement surface having a plurality of tabs is displayed on the output unit. FIG. 19 is a hardware configuration diagram illustrating an example of a computer that realizes a function of a terminal device or a distribution server.

  Hereinafter, an embodiment for implementing an information display program, an information display method, an information display device, and a distribution device according to the present application (hereinafter referred to as “embodiment”) will be described in detail with reference to the drawings. Note that the information display program, the information display method, the information display device, and the distribution device according to the present application are not limited to the embodiment. In the following embodiments, the same portions are denoted by the same reference numerals, and redundant description is omitted.

[1. Information display processing)
First, an overview of information display processing realized by the information display program of this embodiment will be described. In the following description, the outline of the information display process will be described by taking the operation of the terminal device 10 which is an example of the information display device of the present embodiment as an example.

  FIG. 1 is a diagram illustrating an example of the operation of the terminal device 10 according to the embodiment. FIG. 2 is a diagram illustrating another example of the operation of the terminal device 10 according to the embodiment. In the example of FIGS. 1 and 2, a page on which the content C <b> 1 (first content) is arranged is displayed on the display surface (output unit 14) included in the terminal device 10. The content C1 is a map, for example. A page is a content arrangement surface. More specifically, a page is information in units of pages in which contents such as images (for example, still images and moving images) and text information (for example, news articles) are arranged. For example, the page is a web page. The page is not limited to a web page. For example, the page may be a page (for example, an application screen) created for the purpose of being displayed on the user interface screen. The page may be generated based on data (for example, map data) installed in advance in a storage device included in the terminal device 10. The description of “page” in the following description can be replaced with “placement surface”. Further, the operation of the terminal device 10 described below includes not only operations on the browser but also operations on a preinstalled program (for example, on an application).

  In the following description, an orthogonal coordinate system including the X axis, the Y axis, and the Z axis is used. In the figure, the direction indicated by the arrow is the plus direction. In the case of the present embodiment, the X axis and the Y axis have axial directions in a direction parallel to the screen. Specifically, the X axis has an axial direction in the horizontal direction of the screen, and the Y axis has an axial direction in the vertical direction of the screen. The Z axis has an axial direction perpendicular to a plane parallel to the screen.

  The terminal device 10 is a user terminal such as a smart device (smart phone or tablet), a mobile phone, a personal computer, or the like. In the example of the figure, the terminal device 10 is a smart device, but the terminal device 10 is not limited to a smart device. The terminal device 10 has a network connection function and communicates with an arbitrary server device via a network.

  The output unit 14 of the terminal device 10 forms a touch panel screen together with an input unit that detects a user's screen touch. The terminal device 10 displays content such as a map on the output unit 14 in accordance with a user's touch panel operation. The input unit that detects a touch includes a pressure sensor, and can detect whether or not the user has pressed the screen. More specifically, when the user presses the screen strongly with a finger or stylus, the input unit detects the pressed position on the screen and the magnitude of the pressing pressure, and controls the terminal device 10. Outputs position and pressure information. Note that the input unit may be configured to detect the pushed-in area and output area information to the control unit. Note that the pressure-sensitive sensor can be rephrased as a force sensor, a 3D touch sensor, or the like.

  In the following description, an operation in which the user pushes the screen is referred to as a push-in operation. The pushing operation is, for example, an operation that causes the terminal device 10 to perform an operation different from a normal touch when the user strongly touches the screen. Alternatively, the pushing operation is, for example, a user's touch panel operation with a pressure larger than a predetermined value (for example, a first threshold or a second threshold described later). Note that the pushing operation can also be referred to as a user operation when the terminal device 10 detects a pressure equal to or higher than a predetermined value. The push-in operation can be restated as a press operation, a force touch, a 3D touch, a pressure-sensitive touch, a strong touch, a deep touch, and the like. In the following description, an operation in which the user touches the screen is referred to as a touch operation. The touch operation can be restated as a light touch, a shallow touch, a normal touch, or the like.

  The input unit of the terminal device 10 may be configured to detect the magnitude of the indentation pressure with a value in the range of 0 to 1, for example. At this time, the value of the maximum pressure that can be detected by the input unit may be 1 and the value at the time of non-pressurization may be 0. Then, the terminal device 10 may determine whether the user has performed a touch operation or a push operation based on the magnitude of the push pressure. For example, the terminal device 10 stores a first threshold value that separates the touch operation and the push-in operation, and determines that the user has touched the screen when the magnitude of the push-in pressure is smaller than the first threshold value. When the magnitude of the pressure is larger than the first threshold, it is determined that the user has pushed the screen. If the input unit detects the magnitude of the indentation pressure with a value in the range of 0 to 1, the first threshold is, for example, 0.3. Of course, the first threshold value may be larger or smaller than 0.3.

  Moreover, pushing operation may be distinguished by the difference in the magnitude of pushing pressure. For example, the terminal device 10 determines that a weak pressing operation (first pressing operation) is performed when the user presses the screen with a weak pressure, for example, a pressure that is greater than the first threshold and less than the second threshold. May be. Further, the terminal device 10 may determine that a strong pushing operation (second pushing operation) has been performed when the user pushes the screen with a strong pressure, for example, a pressure larger than the second threshold. The second threshold value is larger than the first threshold value. The weak pushing operation can be restated as a weak press, a light press, a peak, and the like. A strong pushing operation can be paraphrased as a strong press, a heavy press, a pop (Pop) or the like. The terminal device 10 may change the operation based on whether the user has performed a weak push operation or a strong push operation. The description of “push-in operation” appearing in the following description can be appropriately replaced with “weak push-in operation” or “strong push-in operation”.

  Note that the first threshold value and the second threshold value may be set in the terminal device 10 by the user. Further, the first threshold value and the second threshold value may be incorporated in the application program. The first threshold value and the second threshold value may be included in the control information distributed from the distribution server (distribution device).

  When the user operates the terminal device 10 to access an arbitrary site, the terminal device 10 receives distribution of the page on which the content C1 is arranged from the distribution server. Then, the terminal device 10 displays the received page on the screen. Further, the terminal device 10 receives control information together with page information from the distribution server. The control information is information for changing the display of the content C1, for example. At this time, the control information may be a program embedded in the page. For example, the control information may be a program written in a script language such as JavaScript (registered trademark). Of course, the control information may be information written in a computer language other than the script language. For example, the control information may be information written in a style sheet language such as CSS3 (Cascading Style Sheets 3). In addition, the control information may be a program (for example, an application itself) that is described in a programming language such as Java (registered trademark), Switch, C language, or C ++, and that is compiled. If the terminal device 10 can finally execute the program, the control information may not be a compiled program. In addition, the control information may be data (program) provided in the form of an interpreter language (for example, a script language), a machine language, or an intermediate language. The terminal device 10 changes the display of the content C1 according to the control information. For example, it is assumed that the content C1 is a map. When the user swipes a finger on the map, the terminal device 10 scrolls the map in the swipe direction.

  Note that the terminal device 10 does not necessarily have to acquire all the information of the content C1 from the distribution server at a time. The information on the content C1 that the terminal device 10 acquires from the distribution server may be a part of the information on the content C1. In this case, the terminal device 10 may newly acquire a part or all of the information of the content C1 from the distribution server when the display on the screen becomes necessary. For example, if the content C1 is a map, the terminal device 10 may newly acquire the map information of the scroll destination from the distribution server when the user scrolls the map. The content C1 is not limited to a map on a web page. For example, the content C1 may be a map displayed on the screen of application software (for example, a map application) installed in the terminal device 10. In this case, the content C1 may be a map distributed from the distribution server in a form included in the application software. Of course, the content C1 may be a map distributed from a distribution server in response to a distribution request from application software. Application software (for example, a map application) may be distributed from a distribution server. In this case, it is possible to regard the program data itself constituting the application software as control information.

[1-1. (Content reduction processing)
Hereinafter, the operation of the terminal apparatus 10 will be described. First, the content reduction operation will be described with reference to FIGS. 1 and 2. In some cases, such as when the user holds the terminal device 10 with one hand, it may be desired to reduce the content with one finger. Content reduction generally uses pinch-in, but pinch-in must use two fingers and is difficult to achieve with one finger. The terminal device 10 enables the user to reduce the content with one finger (for example, the thumb). Note that the description of “reduction” appearing in the following description can be appropriately replaced with “zoom-out”.

  First, the terminal device 10 requests the distribution server to distribute the content C1 (first content) in accordance with a user operation. The content C1 is a map, for example. When receiving the content C1, the terminal device 10 displays a partial area of the content C1 on the output unit 14 (state D10).

  When the screen of the terminal device 10 is pressed with a predetermined pressing pressure (hereinafter referred to as pressure F), the terminal device 10 displays the content C2 on the screen (state D20). The content C2 is displayed for a predetermined period after the pressing operation until the pressing operation or the touch of the screen is released. The predetermined period may be the entire period or a partial period. For example, the terminal device 10 displays the content C2 on the screen for the entire period or a part of the period from the push operation to the release of the push operation. Alternatively, the terminal device 10 displays the content C2 on the screen for the entire period or part of the period from the pressing operation to the release of the touch.

  Here, “cancellation of pushing operation” means that the user has stopped pushing the screen. For example, the release of the pushing operation means that the pressure F becomes smaller than the first threshold value. “Release touch of screen” means that the user has stopped touching the screen. For example, releasing the touch on the screen means that the user has moved a finger or stylus away from the screen. The information display program that displays the content C1 on the output unit 14 detects the release of the push operation and the release of the touch on the screen, for example, based on a notification from an OS (Operating System) installed in the terminal device 10. In the following description, the release of the push operation is referred to as “press release”, and the release of the screen touch is referred to as “touch release”. Note that the information display program may consider that the press release is performed together with the touch release when the touch release is notified without the press release notification from the OS after the push operation.

  The terminal device 10 may display a spring animation as shown in the state D20 as the content C2, for example. The terminal device 10 changes the content C2 in response to the push-in operation or the touch operation (state D30 in FIG. 1, state D30b in FIG. 2). For example, the terminal device 10 changes the content C2 corresponding to the magnitude of the pressure F. More specifically, the terminal device 10 may increase the contraction amount of the spring as the pressure F increases. In the example of the state D30b in FIG. 2, the pressure F is larger than that in the example of the state D30 in FIG. Therefore, in the example of the state D30b in FIG. 2, the contraction amount of the spring is larger than in the example of the state D30 in FIG. In addition, if the pressure F is a value in the range of 0 to 1, the terminal device 10 changes the contraction amount corresponding to the value of 0 to 1. At this time, the terminal device 10 may display the content C2 such that the spring contraction amount is maximum when the pressure F is 1, and the spring contraction amount is minimum when the pressure F is zero. Note that the terminal device 10 may change the contraction amount of the spring according to the pressure F as long as the touch is continued even if the press release is detected after the pressing operation.

  Further, the terminal device 10 may change the content C2 in accordance with the duration of the push operation. For example, the terminal device 10 increases the contraction amount of the spring in accordance with the length of time that the pushing operation continues. At this time, the terminal device 10 sets the maximum contraction amount when the push-in operation continues for a predetermined time (for example, 5 seconds), and changes the contraction amount of the spring corresponding to the value from 0 second to the predetermined time. May be. Even if the terminal device 10 detects press release after the pressing operation, if the touch is continued, the terminal device 10 assumes that the pressing operation is continued and increases the contraction amount of the spring. Also good.

  Further, the terminal device 10 may change the content C2 in accordance with the duration of the pushing operation and the magnitude of the pressure F. For example, the terminal device 10 corresponds to a value obtained by multiplying the length of time during which the push-in operation continues and the average value of the pressure F (for example, the amount of energy accumulated in the spring; hereinafter also referred to as energy amount). Increase the amount of spring contraction. At this time, the energy amount may be provided with an upper limit. The terminal device 10 changes the contraction amount of the spring in accordance with the calculated energy amount. Even if the terminal device 10 detects press release after the pressing operation, if the touch is continued, the terminal device 10 assumes that the pressing operation is continued and increases the contraction amount of the spring. Also good. By changing the content C2, the user can obtain a feeling that energy is accumulated in the spring.

  Subsequently, the terminal device 10 detects press release or touch release. When detecting the press release or the touch release, the terminal device 10 reduces the content C1 displayed on the screen (state D40 in FIG. 1, state D40b in FIG. 2). For example, if the content C1 is a map, the terminal device 10 reduces the map displayed on the screen when press release or touch release is detected. The terminal device 10 gradually reduces the content C1. For example, the terminal device 10 gradually reduces the content C1 over about 0.5 seconds to 10 seconds. The time required for reduction may be shorter than 0.5 seconds or longer than 10 seconds.

  In the example of the state D40 in FIG. 1 and the state D40b in FIG. 2, the terminal device 10 reduces the content C1 when the touch release is detected. In the following description, the terminal device 10 reduces the content C1 when the touch release is detected. However, the terminal device 10 may reduce the content C1 when the press release is detected. When detecting the touch release, the terminal device 10 reduces the content C1 as follows.

  First, the terminal device 10 calculates a reduction amount of the content C1 based on information regarding the push operation. The reduction amount is, for example, a change amount of the display size based on the current display size (for example, scale) of the content C1. For example, it is assumed that the current display size (scale) of the content C1 is 1/2500, and the display size (scale) to be changed is 1/25000. At this time, the reduction amount is, for example, “10” because the scale is 1/10. Of course, the value specifying the reduction amount is not limited to this example. For example, it is assumed that there are 10 display sizes of 1 to 10, and the larger the value, the larger the size. At this time, if it is desired to change the display size from 7 to 5, the reduction amount is, for example, “2”.

  Note that the terminal device 10 may calculate the reduction amount of the content C1 based on the magnitude of the pressure F. The magnitude of the pressure F used to calculate the reduction amount may be the maximum value for a predetermined period during the push-in operation (for example, 0.5 seconds before the press release or before the touch release), or the press release or the touch. It may be a value before a certain period of release (for example, 0.5 seconds before press release or touch release). An upper limit value may be provided for the reduction amount. Further, the relationship between the reduction amount and the pressure F may not be linear. The relationship between the reduction amount and the pressure F may be nonlinear. For example, the reduction amount may be a value calculated based on the logarithm of the pressure F.

  Further, the terminal device 10 may calculate the reduction amount of the content C1 based on the duration of the pressing operation. For example, the terminal device 10 increases the reduction amount of the content C1 in accordance with the length of time during which the push-in operation continues. For example, the terminal device 10 sets the maximum reduction amount when the pressing operation continues for a predetermined time (for example, 5 seconds), and sets the value corresponding to the value from 0 second to the predetermined time as the reduction amount of the content C1. . An upper limit value may be provided for the reduction amount. Further, the relationship between the reduction amount and the duration may not be linear. The relationship between the reduction amount and the duration may be nonlinear. For example, the reduction amount may be a value calculated based on the logarithm of the duration time.

  Further, the terminal device 10 may calculate the reduction amount of the content C1 based on the duration of the pressing operation and the magnitude of the pressure F. For example, the terminal device 10 corresponds to a value obtained by multiplying the length of time during which the push-in operation continues and the average value of the pressure F (for example, the amount of energy accumulated in the spring; hereinafter referred to as the amount of energy). Increase the reduction amount of C1. An upper limit value may be provided for the reduction amount. The relationship between the reduction amount and the energy amount may not be linear. The relationship between the reduction amount and the duration may be nonlinear. For example, an upper limit value may be provided for the reduction amount. Further, the relationship between the reduction amount and the duration may not be linear. The relationship between the reduction amount and the duration may be nonlinear. For example, the reduction amount may be a value calculated based on the logarithm of the pressure F.

  If the content C2 is displayed on the screen, the terminal device 10 may calculate the reduction amount of the content C1 based on the content of the image displayed on the content C2. For example, if the content C2 is an animation of a spring, the terminal device 10 may calculate the reduction amount of the content C1 based on the contraction amount of the spring at the time of press release or touch release.

  When the calculation of the reduction amount is completed, the terminal device 10 reduces the content C1. At this time, the terminal device 10 gradually reduces the content C1. For example, the terminal device 10 gradually reduces the content C1 as if the viewpoint V is launched up by the repulsive force R based on the energy accumulated in the spring. The rising speed of the viewpoint V may be gradually reduced as if the viewpoint V is receiving gravitational acceleration.

  The terminal device 10 reduces the content C1 based on the calculated reduction amount. For example, it is assumed that the current display size (scale) of the content C1 is 1/2500 and the reduction amount is “10”. At this time, the terminal apparatus 10 reduces the content C1 until the display size (scale) becomes 1/25000. When the calculated reduction amount is reached, the terminal device 10 stops the reduction of the content C1. In the example of the state D30b in FIG. 2, the contraction amount of the spring is larger than that in the example of the state D30 in FIG. Therefore, the map shown in the output unit 14 in the state D40b in FIG. 2 is a map with a larger reduction amount than the map shown in the output unit 14 in the state D40 in FIG.

  According to the present embodiment, since the content can be reduced with one finger, the operation of the terminal device 10 can be facilitated.

[1-2. (Move display location)
Next, an operation of moving the display location (for example, an operation of changing a spot displayed on the screen to another spot on the map) will be described.

  When moving the display location, the user performs a plurality of operations such as pinch-in, pinch-out, and scrolling. For example, when the user moves the screen to a distant point on the map, the map is reduced by pinch-in, and the destination point is found on the reduced map. Then, the user scrolls the screen so that the destination point is at the center of the screen, and then performs a pinch out to display the destination point in an enlarged manner. Even if the touch panel operation is possible, it is not easy to move the display location.

  The terminal device 10 reduces the content C1 when a predetermined operation for displaying the second region on the content C1 is performed while the first region on the content C1 (first content) is displayed. Thereafter, the reduced content C1 is expanded to include the second area. Thereby, the terminal device 10 makes it easy to move the display location. In addition, the description of “enlargement” appearing in the following description can be replaced with “zoom” or “zoom-in” as appropriate.

  Hereinafter, the movement operation of the display location will be described in detail. FIG. 3 is a diagram illustrating an example of the operation of the terminal device 10 according to the embodiment. Note that the upper and lower views of FIG. 3 have the X-axis in the opposite direction. In the upper diagram of FIG. 3, the X-axis plus direction is the left direction of the drawing, and in the lower diagram, the X plus direction is the right direction of the drawing.

  First, the terminal device 10 requests the distribution server to distribute the content C1 in accordance with a user operation. When the content C1 is received, the terminal device 10 displays a partial area (first area) on the content C1 on the output unit 14. For example, if the content C1 is a map, the display unit 151 displays a predetermined point (for example, a user-specified point) on the map on the output unit 14.

  When the screen of the terminal device 10 is pushed in with the pressure F, the terminal device 10 displays the content C2 on the screen (state D21). The content C2 is displayed for a predetermined period after the pressing operation until the press release or touch release. The predetermined period may be the entire period or a partial period. For example, the terminal device 10 displays the content C2 on the screen for the entire period or a part of the period from the pressing operation to the press release. Alternatively, the terminal device 10 displays the content C2 on the screen for the entire period or a part of the period from the push operation to the touch release.

  The terminal device 10 may display a spring animation as shown in the state D21 as the content C2, for example. The terminal device 10 changes the content C2 in response to the push-in operation and the touch location movement operation (state D31a, state D31b). For example, the terminal device 10 changes the content C2 corresponding to the magnitude of the pressure F (state D31a). Alternatively, the terminal device 10 changes the content C2 corresponding to the duration of the push operation. The terminal device 10 may change the content C2 according to the duration of the push operation and the magnitude of the pressure F.

  Further, when the user performs an operation of moving the touch location during the push-in operation, the terminal device 10 changes the content C2 in response to the movement operation (state D31b). The touch location moving operation is, for example, a swipe while applying pressure to the screen. The operation of moving the touch location may be a simple swipe that does not apply pressure to the screen. At this time, the terminal device 10 may bend the spring toward the swipe direction. In the example of the state D31b, the user swipes the finger from the position P1 toward the position P2. The position P1 is a pushing operation start position. The direction connecting the position P1 and the position P2 is the moving direction of the display location.

  The terminal device 10 may display the content C3 (second content) indicating the moving direction on the screen so that the moving direction can be easily understood. In the example of the state D31b, an arrow indicating the moving direction is displayed on the screen. Similar to the content C2, the content C3 is displayed for a predetermined period after the pressing operation until the press release or touch release.

  Further, when a moving operation is performed together with the pushing operation, the terminal device 10 calculates the position of the movement destination region (second region) based on the information related to the pushing operation and the information related to the moving operation. At this time, the terminal apparatus 10 may display the content C4 (third content) indicating the position of the destination area on the content C1 on the screen so that the destination area is easily understood. Similar to the content C2, the content C4 is displayed for a predetermined period after the pressing operation until the press release or touch release.

  Subsequently, the terminal device 10 detects press release or touch release. When detecting the press release or the touch release, the terminal device 10 determines whether the touch location movement operation is performed together with the push-in operation. For example, the terminal device 10 determines whether or not the position P1 that is the start position of the push operation and the position P2 that is the touch release position are more than a set distance. When the position P1 and the position P2 are separated from each other by a set distance or more, the terminal device 10 determines that the touch location movement operation is performed together with the pressing operation. In this case, the terminal device 10 may change the content C2 in response to the pressing operation and the touch location movement operation. For example, the terminal device 10 may bend the content C2 toward the moving direction (state D41).

  When press release or touch release is detected, the terminal device 10 reduces the content C1 and moves the display center of the content C1. The display center is, for example, the center of the area where the content C1 in the output unit 14 is displayed. The center of the display may coincide with the position of the viewpoint V on the XY plane. The terminal device 10 reduces the content C1 and moves the center of the display as if the viewpoint V is launched obliquely above by the repulsive force R due to the energy accumulated in the spring.

  FIG. 4 is a diagram illustrating a state in which the viewpoint V is launched obliquely upward by the repulsive force R. FIG. 4 is merely an image, and the viewpoint V is not actually launched obliquely above. The state D31b in FIG. 4 corresponds to the state D31b in FIG. 3, and the state D41 in FIG. 4 corresponds to the state D41 in FIG. For example, the terminal device 10 calculates the repulsive force R as shown below. First, as shown in the state D31b of FIG. 4, the terminal device 10 arranges a vector indicating the pressure F at the pushing operation start position. In the case of the example of the state D31b in FIG. 4, the intersection of the X axis, the Y axis, and the Z axis is the push operation start position. Furthermore, the terminal device 10 arranges a vector M connecting the push operation start position and the touch release position on the screen. And the terminal device 10 calculates the vector formed by the vector which shows the pressure F, and the vector M, as shown to the state D41 of FIG. A broken line vector shown in the state D41 in FIG. 4 is a calculated vector. Then, the terminal device 10 calculates a vector in the opposite direction of the calculated vector as the repulsive force R.

  FIG. 5 is a diagram illustrating how the center of the display moves. Based on the repulsive force R, the terminal device 10 calculates the position (target point TP) of the destination area. As shown in the upper part of FIG. 5, the viewpoint V is launched with a repulsive force R from the start point SP (first region). The upper diagram of FIG. 5 requires attention because the X axis and the Y axis are opposite to the diagram in which the human hand in the middle of FIG. 5 is drawn. Note that the upper part of FIG. 5 is merely an image, and the viewpoint V is not actually launched obliquely above. In the upper diagram of FIG. 5, the content C1 has a thickness, but the content C1 is actually an image and does not have a thickness. The component of the velocity of the viewpoint V in the Z-axis direction is accelerated in the negative direction of the Z-axis as if it received gravity acceleration. The terminal device 10 calculates the moving distance of the viewpoint V based on the horizontal speed of the viewpoint V until the viewpoint V reaches the surface of the content C1. Then, the terminal device 10 calculates the target point TP (second region) based on the moving distance and moving direction of the viewpoint V. Note that the terminal device 10 may set the position of the landmark as the target point TP when there is a preset landmark within a predetermined distance from the calculated point. The landmark may be, for example, a transportation facility such as a station or an airport, or may be a tourist spot with many tourists (for example, a castle or a steel tower).

  As illustrated in FIG. 5, when the press release or the touch release is detected, the terminal device 10 reduces the content C1. For example, when the press release or the touch release is detected (state D41), the terminal device 10 gradually reduces the content C1 while moving the center of display toward the target point TP (state D42). The lower view of the state D42 in FIG. 5 shows the viewpoint V mapped on the XY plane. The terminal device 10 may display the content C1 so that the viewpoint V is located at the center of the display. The reduction amount may be calculated based on the Z-axis direction component of the repulsive force R. The terminal device 10 may calculate the reduction amount so that both the start point SP and the target point TP are displayed on the screen. The terminal device 10 reduces the content C1 so that both the start point SP and the target point TP are displayed on the screen (state D43).

  When the predetermined reduction amount is reached, the terminal device 10 enlarges the reduced content C1 so as to include the target point TP. For example, the terminal device 10 gradually expands the reduced content C1 to include the target point TP while continuing to move the center of the display toward the target point TP (state D44). When the target point TP is reached, the terminal device 10 stops moving the display center and expanding the content C1 (state D45).

  Note that the terminal device 10 may stop the movement of the display center toward the target point TP when a predetermined operation accompanied by a touch on the screen is performed during the movement of the display center. FIG. 6 is a diagram illustrating a state in which the movement of the center of the display is stopped halfway. As shown in FIG. 6, when the press release or the touch release is detected (state D41), the terminal device 10 gradually reduces the content C1 while moving the display center toward the target point TP (state). D42). When a predetermined operation is performed during the movement, the terminal device 10 stops the movement of the display center toward the target point TP (state D43b). The predetermined operation may be a touch operation (for example, a tap) or a push-in operation. The pushing operation may be a weak pushing operation (peak) or a strong pushing operation (pop).

  At this time, the terminal device 10 may stop the movement of the center of the display toward the target point TP and enlarge the reduced content C1 (state D44b). For example, the terminal device 10 may expand the content C1 so that the change point CP is included. The change point CP may be a point where a predetermined operation is performed, for example, a point where a user performs a tap or push operation. At this time, the speed of expansion may be faster than the speed of expansion toward the target point TP. Of course, the change point CP may be suddenly enlarged without being gradually enlarged.

  According to the present embodiment, when a predetermined operation is performed while the start point SP is displayed, the terminal device 10 reduces the content C1 and then expands the reduced content C1 to include the target point TP. Yes. The user can move the display location to the target point TP without requiring a complicated operation.

[2. Configuration example of distribution system)
The information display processing of the present embodiment has been described above. Hereinafter, the configuration of the distribution system 1 including the terminal device 10 that is an example of the information display device of the present embodiment will be described.

  FIG. 7 is a diagram illustrating a configuration example of a distribution system according to the embodiment. The distribution system 1 includes a terminal device 10 and a distribution server 20. The terminal device 10 and the distribution server 20 are connected via the network N. The network N is a communication network such as a LAN (Local Area Network), a WAN (Wide Area Network), a telephone network (a mobile phone network, a fixed telephone network, etc.), a regional IP (Internet Protocol) network, and the Internet. The network N may include a wired network or a wireless network. The distribution system 1 may include a plurality of terminal devices 10 and distribution servers 20.

[3. Example of terminal device configuration]
FIG. 8 is a diagram illustrating a configuration example of the terminal device 10 according to the embodiment. The terminal device 10 is an information display device (information processing device) used by a user for browsing a page. The terminal device 10 is a communication terminal such as a smartphone, a tablet, or a mobile phone. The terminal device 10 may be an information processing terminal such as a personal computer (notebook PC or desktop PC) or PDA (Personal Digital Assistant). An information processing terminal is also a type of communication terminal if it has a communication function. The terminal device 10 is connected to the distribution server 20 via a network. As illustrated in FIG. 8, the terminal device 10 includes a communication unit 11, an input unit 12, a storage unit 13, an output unit 14, and a control unit 15. Note that the configuration shown in FIG. 8 is a functional configuration, and the hardware configuration may be different.

  The communication unit 11 is a communication interface that communicates with an external device. The communication unit 11 may be a network interface or a device connection interface. For example, the communication unit 11 may be a LAN interface such as a NIC (Network Interface Card) or a USB interface configured by a USB (Universal Serial Bus) host controller, a USB port, or the like. The communication unit 11 may be a wired interface or a wireless interface. The communication unit 11 functions as a communication unit of the terminal device 10. The communication unit 11 communicates with the distribution server 20 according to the control of the control unit 15.

  The input unit 12 is an input device that accepts various inputs from the outside. For example, the input unit 12 is an operation device for a user to perform various operations such as a keyboard, a mouse, and operation keys. The input unit 12 functions as an input unit of the terminal device 10. The input unit 12 includes a touch panel. In this case, the user performs various operations by touching the screen with a finger or a stylus. A pressure sensitive sensor is arranged on the touch panel constituting the input unit 12. The input unit 12 can capture a push-in operation in addition to a user's touch operation.

  The storage unit 13 is a storage device capable of reading and writing data, such as DRAM (Dynamic Random Access Memory), SRAM (Static Random Access Memory), flash memory, and hard disk. The storage unit 13 functions as a storage unit of the terminal device 10. The storage unit 13 stores application software data such as a web browser. The user communicates with the distribution server 20 via application software.

  The output unit 14 is a device that performs various outputs such as sound, light, vibration, and images. The output unit 14 functions as an output unit of the terminal device 10. The output unit 14 includes a display device that displays various types of information. The display device is, for example, a liquid crystal display or an organic EL (Electro Luminescence) display. The display device may be integrated with the input unit 12. As described above, the input unit 12 includes a touch panel on which a pressure sensor is disposed. In the present embodiment, the output unit 14 is assumed to be a display integrated with a touch panel on which a pressure sensor is arranged. The output unit 14 displays an image on a screen (display) under the control of the control unit 15.

  The controller 15 is a controller. For example, various programs stored in a storage device inside the terminal device 10 are stored in a RAM or the like by a processor such as a CPU (Central Processing Unit) or an MPU (Micro Processing Unit). This is realized by being executed as a work area. The control unit 15 is a controller, and may be realized by an integrated circuit such as an application specific integrated circuit (ASIC) or a field programmable gate array (FPGA).

  As illustrated in FIG. 8, the control unit 15 includes a display unit 151, a detection unit 152, a calculation unit 153, and a display change unit 154. The blocks (display unit 151 to display change unit 154) that constitute the control unit 15 are functional blocks that indicate functions of the control unit 15, respectively. These functional blocks may be software blocks or hardware blocks. For example, each functional block described above may be one software module realized by software (including a microprogram), or may be one circuit block on a semiconductor chip (die). Of course, each functional block may be one processor or one integrated circuit. The method of configuring the functional block is arbitrary. In addition, the control part 15 may be comprised by the functional unit different from the above-mentioned functional block.

  The display unit 151 displays content on the output unit 14. For example, the display unit 151 displays the first area (for example, the start point SP) on the content C1 on the output unit 14. As an example, the display unit 151 displays the first point on the map on the output unit 14. Alternatively, the display unit 151 displays a first position (for example, a partial region on the page) on the content arrangement surface (for example, a scrollable page) on the output unit 14. Alternatively, the display unit 151 displays the first tab of the arrangement surface having a plurality of tabs on the output unit 14.

  The detection unit 152 detects that the touch on the screen is released after the screen pressing operation. Or the detection part 152 detects that pushing operation was cancelled | released after pushing operation of a screen.

  The calculation unit 153 calculates the reduction amount of the content C1 based on the information related to the pressing operation. For example, the calculation unit 153 calculates the reduction amount of the content C1 based on the duration of the pressing operation. Alternatively, the calculation unit 153 calculates the reduction amount of the content C1 based on the magnitude of the pressure F. Alternatively, the calculation unit 153 calculates the reduction amount of the content C1 based on the duration of the pressing operation and the magnitude of the pressure F.

  Further, when a moving operation is performed together with the pushing operation, the calculating unit 153 calculates the position of the destination area (for example, the target point TP) based on the information on the pushing operation and the information on the moving operation.

  The display change unit 154 reduces the content C1 displayed on the screen when the detection unit 152 detects the release of the push operation or the release of the touch. For example, the display changing unit 154 reduces the map displayed on the screen when the detection unit 152 detects the release. At this time, the display change unit 154 may gradually reduce the content C1 when the detection unit 152 detects the release. The display change unit 154 may reduce the content C1 based on the reduction amount calculated by the calculation unit 153.

  In addition, the display change unit 154 displays content C2 that changes in response to the push operation or the touch operation on the screen for a predetermined period after the push operation until the push operation or the touch is released. For example, the display change unit 154 displays the content C2 that changes in accordance with the duration of the push operation for a predetermined period after the push operation until the push operation or the touch is released. Or the display change part 154 displays the content C2 which changes according to the magnitude | size of the pressure F on a screen for the predetermined period after pushing operation or cancellation | release of a touch. The display change unit 154 displays, on the screen, content C2 that changes in accordance with the duration of the push operation and the magnitude of the pressure F for a predetermined period after the push operation until the push operation or the touch is released.

  Further, the display change unit 154 changes a part of the content C1 corresponding to the push operation or the touch operation for a predetermined period after the push operation until the push operation or the touch is released. For example, the display change unit 154 changes a part of the content C1 in accordance with the duration of the push operation for a predetermined period after the push operation until the push operation or the touch is released. At this time, the display changing unit 154 has a predetermined range of the content C1 based on the portion where the pressing operation is performed, corresponding to a predetermined period from the pressing operation until the pressing operation or the release of the touch, and the duration of the pressing operation. The display may be distorted so as to be depressed by the pressure F.

  Alternatively, the display change unit 154 changes a part of the content C1 in accordance with the magnitude of the pressure F for a predetermined period after the push operation until the push operation or the touch is released. At this time, the display changing unit 154 has a predetermined range of the content C1 based on the pressed portion corresponding to the magnitude of the pressure F for a predetermined period after the pressing operation until the pressing operation or the touch is released. The display may be distorted like a depression due to pressure.

  Alternatively, the display change unit 154 changes a part of the content C1 in accordance with the duration of the push operation and the magnitude of the pressure F for a predetermined period after the push operation until the push operation or the touch is released. At this time, the display change unit 154 is based on the portion where the push operation is performed in accordance with a predetermined period from the push operation to the push operation or the release of the touch, the duration of the push operation, and the magnitude of the pressure F. The display of the predetermined range of the content C1 may be distorted so as to be depressed by pressure.

  The display change unit 154 reduces the content C1 and displays the center of the display of the content C1 when the detection unit 152 detects press release or touch release after the push operation and the touch location movement operation are performed. Move.

  In addition, the display change unit 154 performs a predetermined operation for displaying a second area (for example, the target point TP) that is an area on the content C1 and is different from the first area (for example, the start point SP). If it has been done, after the content C1 is reduced, the reduced content C1 is enlarged to include the second region. For example, when a predetermined operation is performed, the display change unit 154 gradually reduces the content C1 and then gradually enlarges the reduced content C1 to include the second region.

  At this time, when a predetermined operation is performed, the display change unit 154 gradually reduces the content C1 while moving the display center of the content C1 toward the second area, and then reduces the reduced content C1. Gradually expand.

  Alternatively, the display change unit 154 gradually reduces the content C1 when a predetermined operation is performed, and then moves the center of display of the content C1 toward the second region, while reducing the reduced content C1. Gradually expand.

  Alternatively, when a predetermined operation is performed, the display change unit 154 gradually reduces the content C1 while moving the display center of the content C1 toward the second region, and then directs the content C1 toward the second region. The reduced content C1 is gradually enlarged while continuing the movement of the center of the display.

  The display changing unit 154 stops the movement of the display center toward the second area when a predetermined operation accompanied by a touch on the screen is performed during the movement of the display center. At this time, the display change unit 154 may stop the movement of the center of the display toward the second area and enlarge the reduced content C1.

  The display changing unit 154 gradually reduces and then reduces the content C1 when the pushing operation or the touch movement operation is performed and then the pushing operation or the touch on the screen is released. The content C1 is gradually enlarged to include the second area. For example, the display changing unit 154 moves the center of display of the content C1 toward the position calculated by the calculating unit 153 when the pressing operation or the touch is released after the pressing operation and the touch location moving operation are performed. Move.

  At this time, the display changing unit 154 may display the second content that changes in accordance with the pressing operation and the moving operation on the screen for a predetermined period after the pressing operation until the pressing operation or the touch is released. . Alternatively, the display change unit 154 may change a part of the content C1 corresponding to the push operation and the move operation for a predetermined period after the push operation until the push operation or the touch is released. Further, the display change unit 154 may display the content C4 indicating the second area on the screen for a predetermined period after the push operation until the push operation or the touch is released.

  Further, when a predetermined operation for displaying the second point on the map is performed, the display changing unit 154 reduces the map and then expands the reduced map to include the second point. Further, when a predetermined operation for displaying the second position on the arrangement surface is performed, the display change unit 154 reduces the arrangement surface and then includes the reduced arrangement surface including the second position. Expanding. In addition, when a predetermined operation for displaying the second tab of the arrangement surface is performed, the display change unit 154 enlarges the reduced arrangement surface to include the second tab after reducing the arrangement surface. To do.

[4. Distribution server configuration example)
Next, the configuration of the distribution server 20 will be described in detail. The distribution server 20 is a server host computer (hereinafter simply referred to as “server”) that processes a request from a client computer such as the terminal device 10. The distribution server 20 functions as a distribution device of this embodiment. The distribution server 20 may be a PC server, a midrange server, or a mainframe server. Moreover, the distribution server 20 may be comprised by one server, and may be comprised by the some server which cooperates and performs a process. When the distribution server 20 includes a plurality of servers, the installation locations of these servers may be separated. Even if the installation locations are separated, these servers can be regarded as one distribution server as long as the processes are executed in cooperation.

  FIG. 9 is a diagram illustrating a configuration example of the distribution server 20 according to the embodiment. The distribution server 20 includes a communication unit 21, a storage unit 22, and a control unit 23. Note that the configuration shown in FIG. 9 is a functional configuration, and the hardware configuration may be different.

  The communication unit 21 is a communication interface that communicates with an external device. The communication unit 21 may be a network interface or a device connection interface. For example, the communication unit 21 may be a LAN interface such as a NIC, or a USB interface configured by a USB host controller, a USB port, or the like. The communication unit 21 may be a wired interface or a wireless interface. The communication unit 21 functions as a communication unit of the distribution server 20. The communication unit 21 communicates with the terminal device 10 according to the control of the control unit 23.

  The storage unit 22 is a data readable / writable storage device such as a DRAM, SRAM, flash memory, or hard disk. The storage unit 22 functions as a storage unit of the distribution server 20. The storage unit 22 stores information on pages on which content such as the content C1 is arranged. For example, the storage unit 22 stores an HTML (Hyper Text Markup Language) file forming a page and map data displayed on the page.

  The control unit 23 is a controller, and is realized, for example, by executing various programs stored in a storage device inside the distribution server 20 using a RAM or the like as a work area by a processor such as a CPU or MPU. The control unit 23 is a controller, and may be realized by an integrated circuit such as an ASIC or FPGA, for example.

  As illustrated in FIG. 9, the control unit 23 includes a reception unit 231 and a distribution unit 232. The blocks (reception unit 231 and distribution unit 232) constituting the control unit 23 are functional blocks that indicate the functions of the control unit 23, respectively. These functional blocks may be software blocks or hardware blocks. For example, each functional block described above may be one software module realized by software (including a microprogram), or may be one circuit block on a semiconductor chip (die). Of course, each functional block may be one processor or one integrated circuit. The method of configuring the functional block is arbitrary. In addition, the control part 23 may be comprised by the functional unit different from the above-mentioned functional block.

  The accepting unit 231 accepts a control information delivery request from the terminal device 10. For example, an acquisition request for a page including control information is received from the terminal device 10. For example, the reception unit 231 receives an HTTP request as a web page acquisition request.

  The distribution unit 232 distributes the control information to the terminal device 10. For example, the distribution unit 232 distributes page information including control information to the terminal device 10 when the reception unit 231 receives a page acquisition request.

  The distribution unit 232 distributes the control information to the terminal device 10 to detect that the push operation or the touch on the screen is released after the screen push operation, and the release is detected in the detection process. In this case, the terminal device 10 is controlled to execute display change processing for reducing the first content displayed on the screen.

  In addition, the distribution unit 232 distributes control information to the terminal device 10 to display a first area on the content C1 (for example, the start point SP) and a second area on the content C1 ( For example, when a predetermined operation for displaying the target point TP) is performed, after the content C1 is reduced, the reduced content C1 is enlarged so as to include the second region (for example, the target point TP). The terminal device 10 is controlled to execute the change process.

[5. Terminal device processing flow]
Next, a procedure of processing executed by the terminal device 10 will be described with reference to FIG. FIG. 10 is a flowchart illustrating an example of the information display process.

  The terminal device 10 transmits a distribution request (request) for the page on which the content C1 is arranged to the distribution server 20 in accordance with a user operation (step S11). And the terminal device 10 discriminate | determines whether the page was received (step S12). When the page is not received (step S12: No), the terminal apparatus 10 executes step S12 again. When the page is received (step S12: Yes), the terminal device 10 displays the received page on the screen (step S13).

  Subsequently, the terminal device 10 determines whether or not a push-in operation has been performed (step S14). When the pushing operation is not executed (step S14: No), the terminal device 10 advances the process to step S20.

  When the pushing operation is executed (step S14: Yes), the terminal device 10 determines whether the touch on the screen by the user is released (step S15). Note that the terminal device 10 may determine whether the push-in operation has been released instead of releasing the touch on the screen. When the touch on the screen is not released (step S15: No), the terminal device 10 repeats step S15 until the touch is released.

  When the touch on the screen is released (step S15: Yes), the terminal device 10 has moved the touch location from the start of the push operation to the release of the touch, that is, the touch location is moved. (Step S16). When the touch location movement operation is not performed (step S16: No), the terminal device 10 reduces the content C1 without moving the viewpoint V (step S17). When the target reduction amount is reached, the terminal device 10 advances the processing to step S20.

  When the movement operation of the touch location is performed (step S16: Yes), the terminal device 10 reduces the content C1 while moving the viewpoint V to the target point TP (step S18). When the target reduction amount is reached, the terminal device 10 expands the content C1 while moving the viewpoint V to the target point TP (step S19). Finally, the terminal device 10 expands the content C1 to include the target point TP.

  Subsequently, the terminal device 10 determines whether the user has performed a page transition operation (for example, tapping a link on the page) (step S20). When the page transition operation is not executed (step S20: No), the terminal device 10 returns the process to step S14. When the page transition operation is executed (step S20: Yes), the terminal device 10 returns the process to step S11, and transmits the distribution of the transition destination page to the distribution server 20 (step S11). And the terminal device 10 performs the process of step S12-S20 again.

[6. (Modification)
The above-described embodiment shows an example, and various changes and applications are possible.

  For example, in the above-described embodiment (examples of FIGS. 1 to 3), the terminal device 10 displays the content C2 that changes in response to the push operation or the touch operation on the screen. However, the terminal device 10 may change the display of the content C1 in response to the push operation or the touch operation.

  FIG. 11 is a diagram illustrating a state in which the content C1 (first content) changes in response to the pressing operation or the touch operation. First, when receiving the content C1 from the distribution server 20, the terminal device 10 displays a partial region of the content C1 on the output unit 14 (state D51). And if the screen of the terminal device 10 is pushed in by the pressure F, the terminal device 10 will change the display of the content C1 (state D52).

  For example, the terminal device 10 changes a part of the content C1 in accordance with the magnitude of the pressure F for a predetermined period after the pressing operation until the press release or the touch release. At this time, the terminal device 10 may distort the display of the predetermined range of the content C1 based on the pushed-in portion corresponding to the magnitude of the pressure F so as to be depressed by the pressure. In the example of FIG. 11, the terminal device 10 assumes that the surface of the content C1 is flexible, and bends a predetermined range of the content C1 around the position where the push operation is performed. The lower diagram in the state D52 is a cross-sectional view taken along line AA of the content C1 displayed on the terminal device 10 in the middle. In the content C1, a depression H is formed around the push operation position. The lower diagram in the state D52 is merely an image. The terminal device 10 itself is not distorted.

  Note that the terminal device 10 may distort the display of the predetermined range of the content C1 based on the portion where the pressing operation is performed, so as to be depressed due to the pressure, corresponding to the duration of the pressing operation. Further, the terminal device 10 may distort the display of the predetermined range of the content C1 based on the pressed operation portion so as to be depressed due to the pressure corresponding to the duration of the pressing operation and the magnitude of the pressure F. Good.

  Then, when the press release or the touch release is detected, the terminal device 10 reduces the content C1 as if the viewpoint V is launched with a repulsive force R when the surface of the content C1 returns to its original state (state D53). .

  Further, the terminal device 10 may change a part of the content C1 in response to the pressing operation and the moving operation for a predetermined period after the pressing operation until the pressing operation or the touch is released.

  FIG. 12 is a diagram illustrating a state in which the content C1 (first content) changes in response to the pressing operation and the moving operation. When the screen of the terminal device 10 is pushed in with the pressure F, the terminal device 10 bends a predetermined range on the surface of the content C1 around the pushing operation position of the content C1 (state D52b). When the user performs a movement operation of the touch location, the terminal device 10 further deforms the surface of the content C1 toward the movement location.

  The lower diagram of the state D52b is a cross-sectional view taken along line AA of the content C1 displayed on the terminal device 10 in the middle. In the content C1, a depression H is formed around the push operation position. In the example of the state D52b, the surface of the content C1 is distorted as if the pressure F is applied obliquely downward. The lower diagram in the state D52 is merely an image. The terminal device 10 itself is not distorted.

  Then, when the press release or the touch release is detected, the terminal device 10 reduces the content C1 as if the viewpoint V is launched with the repulsive force R when the surface of the content C1 returns to its original state (state D53b). .

  In the above-described embodiment (example in FIG. 5), when a predetermined operation is performed, the terminal device 10 gradually reduces the content C1 while moving the display center of the content C1 toward the target point TP. After that, the reduced content C1 was gradually expanded while continuing the movement of the display center toward the target point TP. However, the movement of the center of the display does not necessarily have to be both during reduction and enlargement.

  FIG. 13 is a diagram illustrating how the center of the display moves. When the press release or the touch release is detected (state D41b), the terminal device 10 gradually reduces the content C1 while moving the display center toward the target point TP (states D42b to D44b). When the target point TP is reached, the terminal device 10 stops moving the center of the display and expands the reduced content C1 (state D45b).

  FIG. 14 is a diagram illustrating how the center of the display moves. When the press release or the touch release is detected (state D41c), the terminal device 10 reduces the content C1 until the start point SP and the target point TP are included without moving the display center. Then, the terminal device 10 gradually expands the content C1 while moving the display center toward the target point TP (states D42c to D44c). When the target point TP is reached, the terminal device 10 stops moving the center of the display (state D45c).

  In the above-described embodiment, the terminal device 10 displays the spring animation as the content C2 (second content). However, the content C2 is not limited to the spring animation. For example, the terminal device 10 may display a jump base animation or a cannon animation as the second content. Of course, the content C2 is not limited to the animation of a jump stand or the animation of a cannon, but can be an animation with other contractibility.

  FIG. 15 is a diagram illustrating a state in which an animation of a jump base (content C5) is displayed as the second content. When the screen is pushed in, the terminal device 10 displays the content C5 on the screen (state D20c). Then, the terminal device 10 changes the display of the content C5 in response to the pressing operation (state D30c).

  FIG. 16 is a diagram showing a state in which an animation of a cannon cylinder (content C6) is displayed as the second content. When the screen is pushed in, the terminal device 10 displays the cylinder on the screen (state D20d). Then, the terminal device 10 changes the display of the cylinder (for example, the length and orientation of the cylinder) corresponding to the push-in operation and the movement operation (state D30d).

  In the above-described embodiment, the terminal device 10 has been described on the assumption that the content C1 (first content) is a map. However, the first content is not necessarily a map. The first content may be a content arrangement surface (for example, a scrollable page) or an arrangement surface having a plurality of tabs (for example, an application screen composed of a plurality of tabs).

  FIG. 17 is a diagram illustrating a state in which the content arrangement surface is displayed on the output unit 14. The content arrangement surface is, for example, a scrollable page (content C7 shown in FIG. 17). The content C7 (first content) may be a vertically long page on which a list such as a timeline is displayed. The length of the content C7 in the Y-axis direction is a length that does not fit on the screen. The terminal device 10 displays a partial area on the content C7 on the output unit 14 (state D61). In the example of FIG. 17, the terminal device 10 displays the lowermost part of the content C7. Then, the terminal device 10 reduces the content C7 when a predetermined operation for displaying another area (for example, page top) on the content C7 is performed (state D62), and then reduces the reduced content C7. Is expanded to include the other region (state D63). At this time, the predetermined operation may be a press release or a touch release after a push-in operation and a touch location movement operation (for example, a swipe in the Y-axis minus direction).

  FIG. 18 is a diagram illustrating a state where an arrangement surface having a plurality of tabs is displayed on the output unit 14. The arrangement surface having a plurality of tabs is, for example, a page (content C8 shown in FIG. 18) having a plurality of tabs. The terminal device 10 displays the tab TB1 on the content C8 (first content) on the output unit 14 (state D71). Then, when a predetermined operation for displaying another tab TB2 on the content C8 is performed, the terminal device 10 reduces the content C8 (state D72), and then includes the reduced content C8 including the tab TB2. (State D73). The predetermined operation may be a press release or a touch release after a push-in operation and a moving operation (for example, swipe in the X-axis minus direction).

  In the above-described embodiment, the terminal device 10 is reduced after the first content is reduced when the press operation or the touch location movement operation is performed and then the press release or the touch release is performed. The first content was expanded to include the second area. However, the operation (predetermined operation) for realizing the above operation is not limited to the press release or the touch release after the pushing operation and the moving operation are performed. For example, a predetermined operation or a touch operation such as flick or swipe may be used. Of course, the predetermined operation is not limited to the touch panel operation, and may be an operation using a mouse or a keyboard, for example. For example, the predetermined operation may be an operation of pressing a predetermined button on the screen with a mouse.

  In the above-described embodiment (example in FIG. 5), the terminal device 10 performs a predetermined operation (for example, push-in operation and movement operation) for displaying the second region (for example, the target point TP). When the subsequent press release or touch release is performed, the center of the display is moved, and the first content is reduced and enlarged. However, the terminal device 10 does not necessarily have to expand the first content after reducing the first content while moving the center of the display. The terminal device 10 may only reduce the first content so that the second area is included when a predetermined operation is performed. At this time, the terminal device 10 may change the display center so that the second region (for example, the target point TP) is positioned at the center of the screen.

  In the above-described embodiment (example in FIG. 6), the terminal device 10 stops the movement of the display center toward the target point TP when a predetermined operation is performed during the movement of the display center. At the same time, the reduced content C1 is enlarged. However, when a predetermined operation with a touch on the screen is performed during movement of the center of the display, the terminal device 10 does not expand the reduced content C1, and the enlargement rate at the time when the predetermined operation is performed The movement of the center of the display may be stopped with (reduction ratio) kept. The predetermined operation may be a touch operation (for example, a tap) or a push-in operation. This modification is also applicable to the modification described with reference to FIGS. Note that the terminal device 10 may display a control (for example, a button) for stopping the movement on the screen during the movement of the center of the display. And the terminal device 10 may stop the movement of the center of a display, when the control displayed on the screen is operated by the user (for example, button is tapped). In this case, the control operation is a predetermined operation. Also in the above-described embodiment (example in FIG. 6), the predetermined operation may be a control operation.

  Note that the above modification can also be applied to the content C1 reduction processing described with reference to FIGS. That is, the above-described modification can also be applied to the reduction processing of the content C1 when press release or touch release is detected after the screen pressing operation. When the terminal device 10 detects a press release or a touch release and before the content C1 reaches the calculated reduction amount, the content C1 is displayed when the user performs a predetermined operation with a touch on the screen. However, the reduction of the content C1 may be stopped while the enlargement rate (reduction rate) at the time when the predetermined operation is performed. The predetermined operation may be a touch operation (for example, a tap) or a push-in operation. Note that the terminal device 10 may display a control (for example, a button) for stopping the movement on the screen during the movement of the center of the display. Note that the terminal device 10 may display a control (for example, a button) for stopping the reduction on the screen while the content C1 is being reduced. And the terminal device 10 may stop the reduction | decrease of the content C1, when the control displayed on the screen is operated by the user (for example, button is tapped). In this case, the control operation is a predetermined operation.

  In the above-described embodiment, a two-dimensional map is shown as an example of the content C1. However, the content C1 is not limited to a two-dimensional map. For example, the content C1 may be a three-dimensional map. At this time, the image displayed on the output unit 14 may be a bird's-eye view.

  Further, the page on which the first content is arranged is not limited to a web page. For example, the page may be a page created for the purpose of being displayed on the user interface screen. For example, the page may be a messenger application screen, a camera application screen, a game screen, a music playback screen, or a video playback screen. These screens (pages) can also be regarded as the first content arrangement surface. The arrangement surface may be a plurality of contents arranged in a tile shape. Various configurations that can be displayed in a page form on the screen can be regarded as the arrangement surface.

  In the above-described embodiment (examples in FIGS. 1 to 18), an example of an operation (information display process) in which the terminal device 10 reduces the content displayed on the browser is shown. However, the content (first content) targeted by the terminal device 10 for information display processing is not limited to the content displayed on the browser. For example, the content (first content) that is the target of information display processing by the terminal device 10 may be content displayed on the screen of an application that is installed in the terminal device 10 in advance. Then, the terminal device 10 may reduce the content displayed on the screen of the application in accordance with the user operation. In this case, the above-described processing may be realized by downloading an application program to be executed by the terminal device 10 in advance and executing the application program. The application program may be distributed from the distribution server 20. In this case, the application program can be regarded as control information.

  The control device that controls the terminal device 10 or the distribution server 20 of the present embodiment may be realized by a dedicated computer system or may be realized by a normal computer system. For example, a program for executing the above-described operation is stored and distributed in a computer-readable recording medium such as an optical disk, a semiconductor memory, a magnetic tape, or a flexible disk, the program is installed in the computer, and the above-described processing is performed. You may comprise a control apparatus by performing. The control device may be the terminal device 10 or an external device (for example, a personal computer) of the distribution server 20, or may be an internal device (for example, the control units 15 and 23). Further, the program may be stored in a disk device provided in a server device on a network such as the Internet so that it can be downloaded to a computer. Further, the above-described functions may be realized by cooperation between an OS (Operating System) and application software. In this case, a part other than the OS may be stored and distributed in a medium, or a part other than the OS may be stored in a server device and downloaded to a computer.

  In addition, among the processes described in the above embodiments, all or a part of the processes described as being automatically performed can be manually performed, or the processes described as being manually performed All or a part of the above can be automatically performed by a known method. In addition, the processing procedures, specific names, and information including various data and parameters shown in the document and drawings can be arbitrarily changed unless otherwise specified. For example, the various types of information illustrated in each drawing is not limited to the illustrated information.

  Further, each component of each illustrated apparatus is functionally conceptual, and does not necessarily need to be physically configured as illustrated. In other words, the specific form of distribution / integration of each device is not limited to that shown in the figure, and all or a part thereof may be functionally or physically distributed or arbitrarily distributed in arbitrary units according to various loads or usage conditions. Can be integrated and configured.

  Moreover, each embodiment mentioned above can be combined suitably in the range which does not contradict a process content.

[7. Hardware configuration)
The terminal device 10 and the distribution server 20 according to the embodiment and the modified example can be realized by a computer 1000 having a configuration as illustrated in FIG. 19, for example. FIG. 19 is a hardware configuration diagram illustrating an example of a computer that realizes the functions of the terminal device 10 or the distribution server 20. The computer 1000 includes a CPU (Central Processing Unit) 1100, a RAM 1200, a ROM 1300, an HDD (Hard Disk Drive) 1400, a communication interface (I / F) 1500, an input / output interface (I / F) 1600, and a media interface (I / F). ) 1700.

  The CPU 1100 operates based on a program stored in the ROM 1300 or the HDD 1400 and controls each unit. The ROM 1300 stores a boot program executed by the CPU 1100 when the computer 1000 is started up, a program depending on the hardware of the computer 1000, and the like.

  The HDD 1400 stores programs executed by the CPU 1100, data used by the programs, and the like. The communication interface 1500 receives data from other devices via the network N and sends the data to the CPU 1100, and transmits data generated by the CPU 1100 to other devices via the network N.

  The CPU 1100 controls an output device such as a display and a printer and an input device such as a keyboard and a mouse via an input / output interface 1600. The CPU 1100 acquires data from the input device via the input / output interface 1600. In addition, the CPU 1100 outputs the generated data to the output device via the input / output interface 1600.

  The media interface 1700 reads a program or data stored in the recording medium 1800 and provides it to the CPU 1100 via the RAM 1200. The CPU 1100 loads such a program from the recording medium 1800 onto the RAM 1200 via the media interface 1700, and executes the loaded program. The recording medium 1800 is, for example, an optical recording medium such as a DVD (Digital Versatile Disc) or PD (Phase change rewritable disk), a magneto-optical recording medium such as an MO (Magneto-Optical disk), a tape medium, a magnetic recording medium, or a semiconductor memory. Etc.

  For example, when the computer 1000 functions as the terminal device 10 or the distribution server 20 according to the embodiment, the CPU 1100 of the computer 1000 implements the control units 15 and 23 by executing a program loaded on the RAM 1200. The CPU 1100 of the computer 1000 reads these programs from the recording medium 1800 and executes them. However, as another example, these programs may be acquired from other devices via the network N.

  As described above, some of the embodiments of the present application have been described in detail with reference to the drawings. It is possible to implement the present invention in other forms with improvements.

[8. effect〕
The terminal device 10 detects that the pushing operation or the touch on the screen is released after the pushing operation of the screen. Further, the terminal device 10 reduces the first content displayed on the screen when the release is detected. For example, the terminal device 10 gradually reduces the first content when the release is detected. As a result, the content can be reduced with one finger, so that the operation of the terminal device 10 can be facilitated.

  Further, the terminal device 10 displays, on the screen, second content that changes in response to the pressing operation or the touch operation for a predetermined period after the pressing operation until the pressing operation or the touch is released. The user can grasp the reduction amount of the first content sensuously by looking at the second content.

  The terminal device 10 changes a part of the first content in response to the pressing operation or the touch operation for a predetermined period after the pressing operation until the pressing operation or the touch is released. The user can sensuously grasp the reduction amount of the first content by looking at the change of the first content.

  Further, the terminal device 10 calculates the reduction amount of the first content based on the information related to the pressing operation. Then, the terminal device 10 reduces the first content based on the reduction amount calculated by the terminal device 10. Thereby, the terminal device 10 can make the reduction amount of the 1st content according to a user's sense.

  Further, the terminal device 10 calculates the reduction amount of the first content based on the duration of the push operation. Thereby, the terminal device 10 can make the reduction amount of the 1st content according to a user's sense.

  In addition, the terminal device 10 displays, on the screen, second content that changes in accordance with the duration of the push operation for a predetermined period after the push operation until the push operation or the touch is released. The user can grasp the reduction amount of the first content sensuously by looking at the second content.

  Further, after the pressing operation, the terminal device 10 changes a part of the first content in accordance with the duration of the pressing operation for a predetermined period until the pressing operation or the touch is released. The user can sensuously grasp the reduction amount of the first content by looking at the change of the first content.

  Further, the terminal device 10 calculates the reduction amount of the first content based on the magnitude of the pushing pressure of the pushing operation. Thereby, the terminal device 10 can make the reduction amount of the 1st content according to a user's sense.

  Further, the terminal device 10 displays, on the screen, the second content that changes in accordance with the magnitude of the pushing pressure for a predetermined period after the pushing operation until the pushing operation or the touch is released. The user can grasp the reduction amount of the first content sensuously by looking at the second content.

  In addition, after the pressing operation, the terminal device 10 changes a part of the first content according to the pressing pressure for a predetermined period until the pressing operation or the touch is released. For example, the terminal device 10 has a predetermined range of the first content based on the portion of the pressing operation corresponding to the pressing pressure for a predetermined period after the pressing operation until the pressing operation or the release of the touch. Is distorted by the pressure. The user can sensuously grasp the reduction amount of the first content by looking at the change of the first content.

  Further, the terminal device 10 calculates the reduction amount of the first content based on the duration of the push operation and the magnitude of the push pressure.

  In addition, the terminal device 10 displays, on the screen, second content that changes in accordance with the duration of the push operation and the magnitude of the push pressure after a push operation until a predetermined period until the push operation or the touch is released. . The user can grasp the reduction amount of the first content sensuously by looking at the second content.

  In addition, after the pressing operation, the terminal device 10 changes a part of the first content in accordance with the duration of the pressing operation and the magnitude of the pressing pressure for a predetermined period until the pressing operation or the touch is released. The user can sensuously grasp the reduction amount of the first content by looking at the change of the first content.

  Further, the terminal device 10 reduces the map displayed on the screen when the release of the push-in operation or the release of the touch is detected. As a result, the map can be reduced with one finger, so that the operation of the terminal device 10 can be facilitated.

  The terminal device 10 reduces the first content and displays the first content when the push operation or the touch movement movement operation is performed and then the push operation or the release of the touch is detected. Move the center. The user can move the display location without requiring a complicated operation.

  The terminal device 10 stops the reduction of the first content when a predetermined operation accompanied by a touch on the screen is performed during the reduction of the first content. When the user wants to stop the reduction during content reduction, the user can stop the reduction with a simple operation. As a result, the terminal device 10 can provide a user interface that matches the user's feeling.

  As described above, some of the embodiments of the present application have been described in detail with reference to the drawings. However, these are merely examples, and various modifications, including the aspects described in the disclosure section of the invention, based on the knowledge of those skilled in the art, It is possible to implement the present invention in other forms with improvements.

  In addition, the “section (module, unit)” described above can be read as “means” or “circuit”. For example, the display change unit can be read as display change means or a display change circuit.

DESCRIPTION OF SYMBOLS 1 ... Distribution system 10 ... Terminal device 11, 21 ... Communication part 12 ... Input part 13, 22 ... Memory | storage part 14 ... Output part 15, 23 ... Control part 151 ... Display part 152 ... Detection part 153 ... Calculation part 154 ... Display change Unit 20 ... Distribution server 231 ... Reception unit 232 ... Distribution unit C1-C8 ... Content F ... Pressure R ... Repulsive force SP ... Start point TP ... Target point CP ... Change point V ... Viewpoint

Claims (21)

A detection procedure for detecting that the pushing operation or the touch on the screen is released after the pushing operation of the screen;
A display change procedure for reducing the first content displayed on the screen when the release is detected in the detection procedure;
Information display program for causing a computer to execute. The display change procedure gradually reduces the first content when the release is detected in the detection procedure.
The information display program according to claim 1, wherein: The display change procedure displays, on the screen, second content that changes in response to the push operation or the touch operation for a predetermined period after the push operation until the push operation or the touch is released.
The information display program according to claim 1, wherein the information display program is a process. The display change procedure changes a part of the first content in response to the push operation or the touch operation for a predetermined period after the push operation until the push operation or the touch is released.
It is a process, The information display program of any one of Claims 1-3 characterized by the above-mentioned. A calculation procedure for calculating a reduction amount of the first content based on the information related to the pressing operation;
The display change procedure reduces the first content based on the reduction amount calculated in the calculation procedure.
It is a process, The information display program of any one of Claims 1-4 characterized by the above-mentioned. The calculation procedure calculates a reduction amount of the first content based on a duration of the push operation.
6. The information display program according to claim 5, wherein the information display program is a process. The display change procedure displays, on the screen, second content that changes in accordance with the duration of the push operation for a predetermined period until the push operation or the touch is released after the push operation.
The information display program according to claim 6, wherein the information display program is a process. In the display change procedure, after the push operation, a part of the first content is changed corresponding to a duration of the push operation for a predetermined period until the push operation or the touch is released.
The information display program according to claim 6, wherein the information display program is a process. The calculation procedure calculates a reduction amount of the first content based on a pressing pressure level of the pressing operation.
It is a process, The information display program of any one of Claims 5-8 characterized by the above-mentioned. The display change procedure displays, on the screen, second content that changes in accordance with the magnitude of the pushing pressure, for a predetermined period after the pushing operation until the pushing operation or the touch is released.
The information display program according to claim 9, wherein the information display program is a process. In the display change procedure, after the pushing operation, a part of the first content is changed in accordance with the magnitude of the pushing pressure for a predetermined period until the pushing operation or the touch is released.
The information display program according to claim 9 or 10, wherein the information display program is a process. The display changing procedure includes the first operation based on the portion where the pushing operation is performed, corresponding to the magnitude of the pushing pressure, for a predetermined period after the pushing operation until the pushing operation or the touch is released. Distort the display of a given range of content as if it were depressed by pressure,
The information display program according to claim 11, wherein the information display program is a process. The calculation procedure calculates a reduction amount of the first content based on a duration of the push operation and a magnitude of the push pressure.
It is a process, The information display program of any one of Claims 5-12 characterized by the above-mentioned. In the display change procedure, after the push operation, the second content that changes in accordance with a predetermined period until the push operation or the touch is released, a duration of the push operation, and a magnitude of the push pressure is set. Display on screen,
14. The information display program according to claim 13, which is a process. The display change procedure includes a part of the first content corresponding to a predetermined period after the push operation until the push operation or the touch is released, a duration of the push operation, and a magnitude of the push pressure. Change
15. The information display program according to claim 13, wherein the information display program is a process. The display change procedure reduces the map displayed on the screen when the release is detected in the detection procedure.
The information display program according to claim 1, wherein the information display program is a process. The display change procedure reduces the first content and displays the first content when the release operation is detected in the detection procedure after the pushing operation and the touch location moving operation are performed. Move the center of the
It is a process, The information display program of any one of Claims 1-16 characterized by the above-mentioned. The display change procedure stops the reduction of the first content when a predetermined operation accompanied by a touch on the screen is performed during the reduction of the first content.
The information display program according to claim 1, wherein the information display program is a process. An information display method executed by the information display device,
A detection step of detecting that the pushing operation or the touch on the screen is released after the pushing operation of the screen;
A display changing step for reducing the first content displayed on the screen when the release is detected in the detecting step;
An information display method comprising: A detection unit for detecting that the pushing operation or the touch on the screen is released after the pushing operation of the screen;
A display changing unit for reducing the first content displayed on the screen when the release is detected by the detection unit;
An information display device comprising: A distribution unit that distributes control information to a terminal device that displays information on a screen;
The distribution unit distributes the control information to the terminal device,
A detection process for detecting that the pushing operation or the touch on the screen is released after the pushing operation of the screen;
A display change process for reducing the first content displayed on the screen when the release is detected in the detection process;
Controlling the terminal device to execute
A distribution apparatus characterized by that.

Images