JP6541726B2 - INFORMATION DISPLAY PROGRAM, INFORMATION DISPLAY METHOD, INFORMATION DISPLAY DEVICE, AND DELIVERY DEVICE - Google Patents

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, terminal devices are equipped with a touch panel, and 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 of the thumb and forefinger.

Unexamined-Japanese-Patent No. 2007-286593

  However, even if the touch panel operation becomes possible, the operation of the terminal device may not be easy. For example, when moving the screen to a distant point on the map, the user executes a plurality of operations such as pinch in, pinch out, and scroll. The operation of the terminal device is not always easy.

  This application is made in view of the above, and it aims at facilitating operation of a terminal unit.

  An information display program according to the present application displays a display procedure for displaying a first area on a first content, and a second area different from the first area on a first content area. And causing the computer to execute a display change procedure of reducing the first content and then enlarging the reduced first content to include the second area.

  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 view showing how the viewpoint is launched obliquely upwards by the repulsive force. FIG. 5 is a diagram showing how the center of the display moves. FIG. 6 is a diagram showing the movement of the center of the display being stopped halfway. FIG. 7 is a diagram showing an example of the configuration of the distribution system according to the embodiment. FIG. 8 is a diagram illustrating an exemplary configuration of a terminal device according to the embodiment. FIG. 9 is a diagram illustrating an exemplary configuration of a distribution server according to the embodiment. FIG. 10 is a flowchart showing an example of the information display process. FIG. 11 is a diagram showing how the first content changes in response to the pressing operation or the touch operation. FIG. 12 is a diagram showing how the first content changes in response to the push operation and the move operation. FIG. 13 is a diagram showing how the center of display moves. FIG. 14 is a diagram showing how the center of display moves. FIG. 15 is a diagram showing how an animation of a jumping platform is displayed as the second content. FIG. 16 is a view showing how a cannon cylinder animation is displayed as the second content. FIG. 17 is a diagram showing how the layout surface of the content is displayed on the output unit. FIG. 18 is a diagram showing 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 implements the function of a terminal device or a distribution server.

  Hereinafter, an information display program, an information display method, an information display device, and a mode for implementing 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 by the embodiment. Moreover, the same code | symbol is attached | subjected to the same site | part in the following each embodiment, and the overlapping description is abbreviate | omitted.

[1. Information display process]
First, an overview of information display processing realized by the information display program and the like of the present 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 as 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. Moreover, FIG. 2 is a figure which shows the other example of operation | movement of the terminal device 10 which concerns on embodiment. In the example of FIG. 1 and FIG. 2, the page in which the content C1 (1st content) was arrange | positioned is displayed on the display surface (output part 14) with which the terminal device 10 is equipped. The content C1 is, for example, a map. A page is an arrangement side of content. More specifically, a page is information on a page basis in which content such as an image (for example, a still image or a moving image), text information (for example, a news article) or the like is arranged. For example, the page is a web page. The page is not limited to the web page. For example, the page may be a page (for example, a screen of an application) created for the purpose of being displayed on the user interface screen. The page may be generated based on data (for example, map data) previously installed in a storage device included in the terminal device 10. Note that the description of "page" shown in the following description can be replaced with "arrangement surface". In addition, the operation of the terminal device 10 described below includes not only the operation on the browser but also the operation on a previously installed program (for example, on an application).

  In the following description, an orthogonal coordinate system composed of an X axis, a Y axis, and a Z axis is used. In the figure, the direction indicated by the arrow is the positive direction. In the case of the present embodiment, the X axis and the Y axis have an axial direction in a direction horizontal 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. Also, the Z-axis has an axial direction perpendicular to the plane parallel to the screen.

  The terminal device 10 is, for example, a user terminal such as a smart device (smart phone or tablet), a mobile phone, or a personal computer. In the illustrated example, 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 any server device via a network.

  The output unit 14 of the terminal device 10 constitutes a touch panel type screen integrally with an input unit that detects a touch of the screen of the user. The terminal device 10 displays content such as a map on the output unit 14 according to the touch panel operation of the user. In addition, the input unit that detects a touch includes a pressure-sensitive sensor, and can detect whether the user has pushed the screen. More specifically, when the user strongly presses the screen with a finger or a stylus, the input unit detects the pressed position on the screen and the magnitude of the pressing pressure, and the control unit controls the terminal device 10. Output position and pressure information. The input unit may be configured to detect the pressed area and output area information to the control unit. The pressure sensor can be paraphrased as a force sensor, a 3D touch sensor, or the like.

  In the following description, an operation of the user pushing the screen is referred to as a pushing operation. The pressing 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 pressing operation is, for example, a touch panel operation of the user accompanied by a pressure larger than a predetermined value (for example, a first threshold or a second threshold described later). In addition, pushing operation can also be said to be operation of the user at the time of the terminal device 10 detecting the pressure more than predetermined value. The pressing operation can be rephrased as pressing operation, force touch, 3D touch, pressure sensitive touch, strong touch, deep touch, and the like. Furthermore, 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 rephrased as a light touch, a shallow touch, a normal touch, and the like.

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

  Moreover, pushing operation may be distinguished by the difference in the magnitude | size of pushing pressure. For example, when the user presses the screen with a weak pressure, for example, a pressure that is larger than the first threshold and smaller than the second threshold, the terminal device 10 determines that the weak push operation (first push operation) is performed. May be In addition, the terminal device 10 may determine that a strong push operation (second push operation) is performed when the user presses the screen with a strong pressure, for example, a pressure larger than the second threshold. The second threshold is a value larger than the first threshold. A weak pressing operation can be reworded as a weak press, a light press, a peak (Peek) or the like. A strong pressing operation can be reworded as a strong press, heavy press, pop (Pop) or the like. The terminal device 10 may change the operation based on whether the user performs a weak push operation or a strong push operation. The description of "pushing operation" appearing in the following description can be replaced with "weak pushing operation" or "strong pushing operation" as appropriate.

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

  When the user operates the terminal device 10 to access an arbitrary site, the terminal device 10 receives the distribution of the page in which the content C1 is arranged from the distribution server. Then, the terminal device 10 displays the received page on the screen. The terminal device 10 also receives control information from the distribution server together with the page information. The control information is, for example, information for changing the display of the content C1. At this time, the control information may be a program embedded in the page. For example, the control information may be a program described in a script language such as JavaScript (registered trademark). Of course, the control information may be information described in a computer language other than the script language. For example, the control information may be information described in a style sheet language such as CSS3 (Cascading Style Sheets 3). Also, the control information may be a program (for example, the application itself) described in a programming language such as Java (registered trademark), Swift, C language, C ++, etc. and compiled. The control information may not be a compiled program as long as the terminal device 10 can finally execute the program. In addition, the control information may be data (program) provided in the form of an interpreted language (eg, 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.

  The terminal device 10 does not necessarily have to obtain all the information of the content C1 from the distribution server at one time. The information of the content C1 acquired by the terminal device 10 from the distribution server may be part of the information of the content C1. In this case, the terminal device 10 may acquire part or all of the information of the content C1 again from the distribution server when the need for display on the screen arises. For example, if the content C1 is a map, the terminal device 10 may obtain map information of a scroll destination again from the distribution server when the user scrolls the map. The content C1 is not limited to the map on the web page. For example, the content C1 may be a map displayed on a 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 application software. Of course, the content C1 may be a map distributed from the distribution server in response to a distribution request from the application software. The application software (for example, map application) may be distributed from the distribution server. In this case, it is possible to regard program data itself constituting application software as control information.

[1-1. Content reduction process]
Hereinafter, the operation of the terminal device 10 will be described. First, the content reduction operation will be described with reference to FIGS. 1 and 2. When the user holds the terminal device 10 with one hand, for example, it may be desirable to realize reduction of content with one finger. Content reduction generally uses pinch-in, but pinch-in requires the use of two fingers, which is difficult to achieve with one finger. The terminal device 10 enables the user to reduce the content with a single finger (e.g., a thumb). The description of "reduction" appearing in the following description can be replaced with "zoom out" as appropriate.

  First, the terminal device 10 requests the distribution server to distribute the content C1 (first content) according to the operation of the user. The content C1 is, for example, a map. When the content C1 is received, 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 by a predetermined pressing pressure (hereinafter referred to as a pressure F), the terminal device 10 displays the content C2 on the screen (state D20). The content C2 is displayed for a predetermined period until the pressing operation or the release of the touch on the screen after the pressing operation. The predetermined period may be an 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 partial period from the pressing operation to the release of the pressing operation. Alternatively, the terminal device 10 displays the content C2 on the screen for the entire period or a partial period from the pressing operation to the release of the touch.

  Here, "cancellation of the pressing operation" means that the user has stopped pressing the screen. For example, releasing the pressing operation means that the pressure F becomes smaller than the first threshold. Also, “cancellation of screen touch” means that the user has stopped touching the screen. For example, releasing the touch on the screen means that the user has separated the finger or the stylus from the screen. The information display program for displaying the content C1 on the output unit 14 detects the release of the pressing operation and the release of the touch of 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 pressing operation is referred to as "press release", and the release of the touch of the screen is referred to as "touch release". In the information display program, when the touch release is notified without the press release notification from the OS after the pressing operation, it may be considered that the press release is performed together with the touch release.

  The terminal device 10 may display, as the content C2, an animation of a spring, for example, as shown in the state D20. The terminal device 10 changes the content C2 in response to the push operation or the touch operation (state D30 in FIG. 1, state D30 b in FIG. 2). For example, the terminal device 10 changes the content C2 in accordance with the magnitude of the pressure F. More specifically, the terminal device 10 may increase the amount of contraction of the spring as the pressure F increases. In the example of the state D30b of FIG. 2, the pressure F is larger than the example of the state D30 of FIG. Therefore, in the example of the state D30b of FIG. 2, the amount of contraction of the spring is larger than that of the example of the state D30 of FIG. If the pressure F is a value in the range of 0 to 1, the terminal device 10 changes the amount of contraction in accordance with the value of 0 to 1. At this time, the terminal device 10 may display the content C2 such that the contraction amount of the spring is maximum when the pressure F is 1 and the contraction amount of the spring is minimum when the pressure F is 0. The terminal device 10 may change the amount of contraction 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.

  In addition, the terminal device 10 may change the content C2 in accordance with the duration of the pressing operation. For example, the terminal device 10 increases the amount of contraction of the spring corresponding to the length of time during which the pressing operation continues. At this time, the terminal device 10 sets the case where the pressing operation continues for a predetermined time (for example, 5 seconds) as the maximum amount of contraction, and changes the amount of spring contraction corresponding to the value from 0 seconds to the predetermined time. May be In addition, even if the terminal device 10 detects press release after the pressing operation, if the touch is continued, it is considered that the pressing operation is continued, and the amount of contraction of the spring is increased. It is also good.

  In addition, the terminal device 10 may change the content C2 in accordance with the duration of the pressing operation and the magnitude of the pressure F. For example, the terminal device 10 corresponds to a value (for example, an amount of energy accumulated in a spring; hereinafter also referred to as an amount of energy) obtained by multiplying the length of time during which the pressing operation continues and the average value of the pressure F. Increase the amount of spring contraction. At this time, an upper limit may be set to the amount of energy. The terminal device 10 changes the amount of contraction of the spring in accordance with the calculated amount of energy. In addition, even if the terminal device 10 detects press release after the pressing operation, if the touch is continued, it is considered that the pressing operation is continued, and the amount of contraction of the spring is increased. It is also good. The change of the content C2 allows the user to feel as if energy is being stored in the spring.

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

  In the example of the state D40 of FIG. 1 and the state D40b of 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, but may reduce the content C1 when the press release is detected. When the terminal device 10 detects the touch release, the terminal device 10 reduces the content C1 as follows.

  First, the terminal device 10 calculates the reduction amount of the content C1 based on the information related to the pressing 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 ten 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 “2”, for example.

  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 a maximum value of a predetermined period (for example, 0.5 seconds before the press release or the touch release) during the pressing operation, or the press release or the touch The value may be a certain period of time before the release (for example, 0.5 seconds before the press release or the touch release). Note that the reduction amount may have an upper limit value. Further, the relationship between the reduction amount and the pressure F may not be linear. The relationship between the amount of reduction and the pressure F may be non-linear. For example, the reduction amount may be a value calculated based on the logarithm of the pressure F.

  In addition, 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 pressing operation continues. For example, the terminal device 10 sets a case where the pressing operation continues for a predetermined time (for example, 5 seconds) as the maximum reduction amount, and sets a value corresponding to a value from 0 seconds to the predetermined time as the reduction amount of the content C1. . Note that the reduction amount may have an upper limit value. Also, the relationship between the reduction amount and the duration may not be linear. The relationship between the amount of reduction and the duration may be non-linear. For example, the reduction amount may be a value calculated based on the logarithm of the duration.

  The terminal device 10 may also 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 (for example, the amount of energy accumulated in a spring; hereinafter referred to as the amount of energy) obtained by multiplying the length of time during which the pressing operation continues and the average value of the pressure F. Increase the reduction amount of C1. Note that the reduction amount may have an upper limit value. Also, the relationship between the amount of reduction and the amount of energy may not be linear. The relationship between the amount of reduction and the duration may be non-linear. For example, the reduction amount may have an upper limit value. Also, the relationship between the reduction amount and the duration may not be linear. The relationship between the amount of reduction and the duration may be non-linear. 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 in the content C2. For example, if the content C2 is a spring animation, the terminal device 10 may calculate the reduction amount of the content C1 based on the spring contraction amount 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 by the repulsive force R based on the energy stored in the spring as if the viewpoint V is launched to the sky. The rising speed of the viewpoint V may be gradually decelerated as if the viewpoint V receives 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 device 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 of FIG. 2, the amount of contraction of the spring is larger than that of the example of the state D30 of FIG. Therefore, the map shown in the output unit 14 of the state D40b of FIG. 2 is a map whose reduction amount is larger than the map shown in the output unit 14 of the state D40 of 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. Movement of display part]
Next, the movement operation of the display part (for example, the operation of changing the point displayed on the screen to another point on the map) will be described.

  When moving the display part, the user executes a plurality of operations such as pinch in, pinch out, and scroll. For example, when the user moves the screen to a distant point on the map, the user shrinks the map by pinch-in and finds a destination on the shrunk map. Then, the user scrolls the screen so that the destination point is at the center of the screen, and then performs pinch out to enlarge and display the destination point. 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. Thus, the terminal device 10 can easily move the display portion. Note that the description of “magnification” appearing in the following description can be replaced with “zoom” or “zoom in” as appropriate.

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

  First, the terminal device 10 requests the distribution server to distribute the content C1 according to the operation of the user. When the content C1 is received, the terminal device 10 causes the output unit 14 to display a partial area (first area) on the content C1. For example, if the content C1 is a map, the display unit 151 causes the output unit 14 to display a predetermined point on the map (for example, a point designated by the user).

  When the screen of the terminal device 10 is pressed by the pressure F, the terminal device 10 displays the content C2 on the screen (state D21). After the pressing operation, the content C2 is displayed for a predetermined period until press release or touch release. The predetermined period may be an 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 partial 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 partial period from the pressing operation to the touch release.

  The terminal device 10 may display, as the content C2, an animation of a spring as shown in the state D21, for example. The terminal device 10 changes the content C2 corresponding to the pressing operation and the moving operation of the touch portion (state D31a, state D31b). For example, the terminal device 10 changes the content C2 in accordance with the magnitude of the pressure F (state D31a). Alternatively, the terminal device 10 changes the content C2 in accordance with the duration of the pressing operation. The terminal device 10 may change the content C2 in accordance with the duration of the pressing operation and the magnitude of the pressure F.

  In addition, when the user performs the moving operation of the touch part during the pressing operation, the terminal device 10 changes the content C2 in accordance with the moving operation (state D31 b). The movement operation of the touch location is, for example, swipe while applying pressure to the screen. The touch point movement operation may be a simple swipe that does not apply pressure to the screen. At this time, the terminal device 10 may bend the spring in the direction of the swipe. In the example of the state D31 b, the user swipes the finger from the position P1 to the position P2. The position P1 is a pressing operation start position. The direction connecting the position P1 and the position P2 is the moving direction of the display part.

  The terminal device 10 may display content C3 (second content) indicating the movement direction on the screen so that the movement direction can be easily understood. In the example of the state D31 b, 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 until press release or touch release after the pressing operation.

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

  Subsequently, the terminal device 10 detects press release or touch release. When the terminal device 10 detects press release or touch release, the terminal device 10 determines whether a move operation of the touch portion is performed together with the pressing operation. For example, the terminal device 10 determines whether the position P1 which is the start position of the pressing operation and the position P2 which is the touch release position are separated by the set distance or more. When the position P1 and the position P2 are separated by the set distance or more, the terminal device 10 determines that the touch portion is moved along with the pressing operation. In this case, the terminal device 10 may change the content C2 correspondingly to the pressing operation and the moving operation of the touch portion. For example, the terminal device 10 may bend the content C2 in the movement direction (state D41).

  When the press release or the touch release is detected, the terminal device 10 reduces the content C1 and moves the center of the display of the content C1. The center of the display 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 shrinks the content C1 and moves the center of the display as if the viewpoint V was launched obliquely upward by the repulsive force R by the energy stored in the spring.

  FIG. 4 is a view showing how the viewpoint V is launched obliquely upward by the repulsive force R. As shown in FIG. FIG. 4 is just an image, and the viewpoint V is not actually launched obliquely upward. The state D31b of FIG. 4 corresponds to the state D31b of FIG. 3, and the state D41 of FIG. 4 corresponds to the state D41 of FIG. For example, the terminal device 10 calculates the repulsive force R as described below. First, the terminal device 10 arranges a vector indicating the pressure F at the pressing operation start position as shown in the state D31 b of FIG. 4. In the case of the example of the state D31 b of FIG. 4, the intersection point of the X axis, the Y axis, and the Z axis is the pressing operation start position. Furthermore, the terminal device 10 arranges a vector M connecting the pressing operation start position and the touch release position on the screen. Then, the terminal device 10 calculates a vector formed by the vector indicating the pressure F and the vector M, as shown in the state D41 of FIG. 4. The vector of the broken line shown in the state D41 of FIG. 4 is a vector to be calculated. 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 showing how the center of the display moves. The terminal device 10 calculates the position (target point TP) of the area of the movement destination based on the repulsive force R. As shown in the upper part of FIG. 5, the viewpoint V is launched from the start point SP (first region) with a repulsive force R. It should be noted that in the upper part of FIG. 5 the X axis and the Y axis are opposite to the drawing of the human hand in the middle part of FIG. The upper part of FIG. 5 is just an image, and the viewpoint V is not actually launched obliquely upward. Further, although the content C1 has a thickness in the upper part of FIG. 5, the content C1 is actually an image and is not necessarily thick. The component in the Z-axis direction of the velocity of the viewpoint V is accelerated in the negative Z-axis direction as if it were subjected to gravitational acceleration. The terminal device 10 calculates the moving distance of the viewpoint V based on the speed of the viewpoint V in the horizontal direction 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 movement distance and movement direction of the viewpoint V. If there is a landmark set in advance within the range of a predetermined distance from the calculated point, the terminal device 10 may set the position of the landmark as the target point TP. The landmark may be, for example, a transportation facility such as a station or an airport, or may be a tourist site with many tourists (for example, a castle or a steel tower).

  As shown 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 the display toward the target point TP (state D42). The view at the bottom 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 such that the viewpoint V is located at the center of the display. The amount of reduction may be calculated based on the component of the repulsive force R in the Z-axis direction. 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).

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

  In addition, the terminal device 10 may stop the movement of the center of the display toward the target point TP when the predetermined operation accompanied by the touch on the screen is performed during the movement of the center of the display. FIG. 6 is a diagram showing the movement of the center of the display being 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 center of the display toward the target point TP (state D42). Then, when a predetermined operation is performed during the movement, the terminal device 10 stops the movement of the center of the display toward the target point TP (state D43 b). The predetermined operation may be a touch operation (for example, a tap) or a push 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 may enlarge the reduced content C1 (state D44b). For example, the terminal device 10 may expand the content C1 to include the change point CP. The change point CP may be a point at which a predetermined operation is performed, for example, a point at which the 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 and displayed without being gradually enlarged.

  According to the present embodiment, the terminal device 10 reduces the content C1 when a predetermined operation is performed while displaying the start point SP, and then enlarges the reduced content C1 so as to include the target point TP. There is. The user can move the display position to the target point TP without requiring a complicated operation.

[2. Configuration Example of Delivery System]
As mentioned above, although the information display process of this embodiment was described, the structure of the delivery system 1 provided with the terminal device 10 which is an example of the information display apparatus of this embodiment hereafter is demonstrated.

  FIG. 7 is a diagram showing an example of the configuration of the 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 (mobile telephone network, fixed telephone network or the like), a regional IP (Internet Protocol) network, the Internet or the like. The network N may include a wired network or may include a wireless network. A plurality of terminal devices 10 and a plurality of distribution servers 20 may be included in the distribution system 1.

[3. Configuration Example of Terminal Device]
FIG. 8 is a diagram showing an exemplary configuration 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 to browse a page. The terminal device 10 is, for example, 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 a PDA (Personal Digital Assistant). If the communication function is provided, the information processing terminal is also a type of communication terminal. The terminal device 10 connects 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. The configuration shown in FIG. 8 is a functional configuration, and the hardware configuration may be different therefrom.

  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 may be 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 receives various inputs from the outside. For example, the input unit 12 is an operation device such as a keyboard, a mouse, or an operation key for the user to perform various operations. The input unit 12 functions as an input unit of the terminal device 10. The input unit 12 also 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 disposed on the touch panel that constitutes the input unit 12. The input unit 12 can capture a pressing operation in addition to the touch operation by the user.

  The storage unit 13 is a storage device capable of reading and writing data, such as a dynamic random access memory (DRAM), a static random access memory (SRAM), a flash memory, and a hard disk. The storage unit 13 functions as a storage unit of the terminal device 10. The storage unit 13 stores data of application software 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 an image to the outside. 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 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 the touch panel in which the pressure sensor is disposed. In the present embodiment, the output unit 14 is a display integrated with a touch panel in which a pressure sensor is disposed. The output unit 14 displays an image on a screen (display) according to the control of the control unit 15.

  The control unit 15 is a controller, and for example, various programs stored in a storage device inside the terminal device 10 are processed by a processor such as a central processing unit (CPU) or a micro processing unit (MPU). It is realized by being implemented 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 shown 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 (the display unit 151 to the display change unit 154) that constitute the control unit 15 are functional blocks that indicate the functions of the control unit 15, respectively. These functional blocks may be software blocks or hardware blocks. For example, the functional blocks described above may be one software module implemented by software (including a microprogram) or one circuit block on a semiconductor chip (die). Of course, each functional block may be one processor or one integrated circuit. The configuration method of the functional block is arbitrary. The control unit 15 may be configured in functional units different from the above-described functional blocks.

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

  The detecting unit 152 detects that the touch on the screen is released after the pressing operation on the screen. Alternatively, the detection unit 152 detects that the pressing operation has been released after the pressing operation on the 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 calculating 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.

  In addition, when the moving operation is performed along with the pressing operation, the calculating unit 153 calculates the position (for example, the target point TP) of the area of the moving destination based on the information on the pressing 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 pressing operation or the release of the touch. For example, the display change 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. In addition, the display changing unit 154 may reduce the content C1 based on the reduction amount calculated by the calculating unit 153.

  Further, the display change unit 154 displays on the screen the content C2 that changes in response to the push operation or the touch operation for a predetermined period until the push operation or the release of the touch after the push operation. For example, after the pressing operation, the display changing unit 154 displays on the screen the content C2 that changes corresponding to the duration of the pressing operation, for a predetermined period until the pressing operation or the release of the touch. Alternatively, the display changing unit 154 displays, on the screen, the content C2 that changes in accordance with the magnitude of the pressure F for a predetermined period of time until the pressing operation or the release of the touch after the pressing operation. After the pressing operation, the display changing unit 154 displays on the screen the content C2 that changes according to the duration of the pressing operation and the magnitude of the pressure F for a predetermined period of time until the pressing operation or the release of the touch.

  In addition, after the pressing operation, the display changing unit 154 changes a part of the content C1 in response to the pressing operation or the touch operation for a predetermined period until the pressing operation or the release of the touch. For example, after the pressing operation, the display changing unit 154 changes a part of the content C1 according to the duration of the pressing operation or the predetermined period until the release of the pressing operation or the touch. At this time, after the pressing operation, the display changing unit 154 has a predetermined range of the content C1 based on the pressed-in portion corresponding to the duration of the pressing-in operation or the predetermined period until releasing the pressing-in operation or the touch. The display may be distorted as if depressed by the pressure F.

  Alternatively, the display changing unit 154 changes a part of the content C1 according to the magnitude of the pressure F for a predetermined period of time until the pressing operation or the release of the touch after the pressing operation. At this time, after the pressing operation, the display changing unit 154 has a predetermined range of the content C1 based on the pressed-in portion corresponding to the magnitude of the pressure F for a predetermined period until the pressing-in operation or the release of the touch. The display may be distorted as if depressed by pressure.

  Alternatively, after the pressing operation, the display changing unit 154 changes a part of the content C1 according to the duration of the pressing operation and the magnitude of the pressure F for a predetermined period until the pressing operation or the release of the touch. At this time, after the pressing operation, the display changing unit 154 uses the portion pressed in accordance with the duration of the pressing operation and the magnitude of the pressure F for a predetermined period until the pressing operation or the release of the touch. The display of the predetermined range of the content C1 may be distorted as if depressed by pressure.

  In addition, after the pressing operation and the moving operation of the touch portion are performed, the display changing unit 154 reduces the content C1 and the center of the display of the content C1 when the detection unit 152 detects press release or touch release. Move

  Further, the display change unit 154 is a predetermined operation for displaying a second area (for example, the target point TP) which is an area on the content C1 and is different from the first area (for example, the start point SP). If done, after reducing the content C1, the reduced content C1 is expanded to include the second area. For example, when a predetermined operation is performed, the display changing unit 154 gradually reduces the content C1, and then gradually enlarges the reduced content C1 so as to include the second area.

  At this time, when a predetermined operation is performed, the display changing 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, when a predetermined operation is performed, the display changing unit 154 gradually reduces the content C1, and then moves the center of the display of the content C1 toward the second area while reducing the reduced content C1. Gradually expand.

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

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

  The display change unit 154 gradually reduces the content C1 after the content C1 is gradually reduced when the content is removed after the content is removed after the display position change operation 154 and the touch position movement operation are performed. The content C1 is gradually expanded to include the second area. For example, the display change unit 154 directs the center of the display of the content C1 to the position calculated by the calculation unit 153 when the pressing operation or the touch is released after the pressing operation and the moving operation of the touch portion are performed. Move it.

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

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

[4. Configuration Example of Distribution Server]
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 a “server”) that processes requests from client computers such as the terminal device 10. The distribution server 20 functions as a distribution device of the present embodiment. The distribution server 20 may be a PC server, a midrange server, or a mainframe server. Also, the distribution server 20 may be configured by one server, or may be configured by a plurality of servers that cooperate to execute processing. When the distribution server 20 is configured by a plurality of servers, the installation locations of these servers may be remote. These servers can be regarded as one distribution server if they cooperate to execute processing even if the installation locations are far apart.

  FIG. 9 is a view showing 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. The configuration shown in FIG. 9 is a functional configuration, and the hardware configuration may be different therefrom.

  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 may be 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 storage device capable of reading and writing data such as a DRAM, an SRAM, a flash memory, and a hard disk. The storage unit 22 functions as a storage unit of the distribution server 20. The storage unit 22 stores information of the page on which the 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 data of a map displayed on the page.

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

  As shown in FIG. 9, the control unit 23 includes a receiving unit 231 and a distribution unit 232. The blocks (the reception unit 231 and the distribution unit 232) that constitute 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, the functional blocks described above may be one software module implemented by software (including a microprogram) or one circuit block on a semiconductor chip (die). Of course, each functional block may be one processor or one integrated circuit. The configuration method of the functional block is arbitrary. In addition, the control part 23 may be comprised by the function unit different from the above-mentioned functional block.

  The receiving unit 231 receives a distribution request for control information from the terminal device 10. For example, the terminal device 10 receives an acquisition request for a page including control information. For example, the reception unit 231 receives an HTTP request as a web page acquisition request.

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

  The delivery unit 232 delivers the control information to the terminal device 10 to detect that the pressing operation or the touch on the screen has been released after the pressing operation on the screen, 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 the first area (for example, the start point SP) on the content C1, and the second area on the content C1. For example, when the 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 area (for example, the target point TP) The terminal device 10 is controlled to execute the change processing.

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

  The terminal device 10 transmits a distribution request (request) of the page on which the content C1 is arranged to the distribution server 20 according to the operation of the user (step S11). Then, the terminal device 10 determines whether a page has been received (step S12). When the page is not received (step S12: No), the terminal device 10 executes step S12 again. When a 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 the pressing operation has been performed (step S14). When the pressing operation is not performed (step S14: No), the terminal device 10 proceeds the process to step S20.

  When the pressing operation is performed (step S14: Yes), the terminal device 10 determines whether the touch on the screen by the user has been released (step S15). The terminal device 10 may determine whether the pressing 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), in the terminal device 10, whether the touch part has moved between the start of the pressing operation and the release of the touch, that is, the movement operation of the touch part is performed It is determined (step S16). When the movement operation of the touch part has not been 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 proceeds to the process of step S20.

  When the movement operation of the touch part 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 of 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 page of the transition destination to the distribution server 20 (step S11). Then, the terminal device 10 executes the processes of steps S12 to S20 again.

[6. Modified example]
The above embodiment is an example, and various modifications and applications are possible.

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

  FIG. 11 is a diagram showing how 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 area of the content C1 on the output unit 14 (state D51). Then, when the screen of the terminal device 10 is pressed and operated with the pressure F, the terminal device 10 changes the display of the content C1 (state D52).

  For example, after the pressing operation, the terminal device 10 changes a part of the content C1 in accordance with the magnitude of the pressure F for a predetermined period until press release or touch release. At this time, the terminal device 10 may distort the display of the predetermined range of the content C1 based on the pressed-in portion according to the pressure F so as to be depressed by the pressure. In the example of FIG. 11, the terminal device 10 looks like the surface of the content C1 has flexibility, and bends the predetermined range of the content C1 around the position where the pressing operation is performed. The figure at the bottom of the state D52 is a sectional view taken along the line A-A of the content C1 displayed on the terminal device 10 in the middle. In the content C1, a recess H is formed around the pressing operation position. The lower part of the state D52 is an image. The terminal device 10 itself is not distorted.

  In addition, the terminal device 10 may distort the display of the predetermined range of the content C1 based on the pressed-in portion in a manner such that the pressure is depressed corresponding to the duration time of the pressing-in operation. In addition, the terminal device 10 distorts the display of the predetermined range of the content C1 based on the pressed-in portion as if the pressure is depressed corresponding to the duration of the pressing-in 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 by the repulsive force R when the surface of the content C1 returns to the original state (state D53) .

  In addition, after the pressing operation, the terminal device 10 may change a part of the content C1 in accordance with the pressing operation and the moving operation for a predetermined period until the pressing operation or the release of the touch.

  FIG. 12 is a diagram showing how 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 pressed and operated with the pressure F, the terminal device 10 bends a predetermined range of the surface of the content C1 around the pressing operation position of the content C1 (state D52b). Then, when the user performs an operation of moving the touch location, the terminal device 10 further deforms the surface of the content C1 toward the movement location.

  The figure at the bottom of the state D52b is a sectional view taken along the line A-A of the content C1 displayed on the terminal device 10 in the middle. In the content C1, a recess H is formed around the pressing operation position. In the example of the state D52b, the surface of the content C1 is distorted as if the pressure F was applied in the obliquely downward direction. The lower part of the state D52 is 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 by the repulsive force R when the surface of the content C1 returns to the original state (state D53 b) .

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

  FIG. 13 is a diagram showing how the center of display moves. When the press release or the touch release is detected (state D41 b), the terminal device 10 gradually reduces the content C1 while moving the center of the display toward the target point TP (states D42 b to D44 b). Then, when the target point TP is reached, the terminal device 10 stops the movement of the center of the display, and enlarges the reduced content C1 (state D45b).

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

  Further, in the above-described embodiment, the terminal device 10 displays a spring animation as the content C2 (second content). However, the content C2 is not limited to the animation of a spring. For example, the terminal device 10 may display an animation of a jumping platform or an animation of a cannon as the second content. Of course, the content C2 is not limited to the animation of the jumping platform or the animation of the cannon, and may be an animation with other contractility.

  FIG. 15 is a diagram showing a state in which the animation (content C5) of the jumping platform is displayed as the second content. When the screen is pressed, the terminal device 10 displays the content C5 on the screen (state D20 c). Then, the terminal device 10 changes the display of the content C5 in response to the pressing operation (state D30c).

  FIG. 16 is a view showing how a cannon cylinder animation (content C6) is displayed as the second content. When the screen is pressed, the terminal device 10 displays a tube on the screen (state D20 d). Then, the terminal device 10 changes the display (for example, the length and the direction of the cylinder) of the cylinder in response to the pressing operation and the moving operation (state D30d).

  Moreover, in the above-mentioned embodiment, the terminal device 10 demonstrated that the content C1 (1st content) was a map. However, the first content may not necessarily be a map. The first content may be an arrangement surface of content (e.g., a scrollable page) or an arrangement surface having a plurality of tabs (e.g., a screen of an application configured with a plurality of tabs).

  FIG. 17 is a view showing how the layout surface of the content is displayed on the output unit 14. The layout surface of the content 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 in the Y-axis direction of the content C7 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, when the terminal device 10 performs a predetermined operation for displaying another area (for example, the page top) on the content C7, the terminal device 10 reduces the content C7 (state D62), and then the reduced content C7. Is expanded to include the other area (state D63). At this time, the predetermined operation may be press release or touch release after the pressing operation and the moving operation of the touch portion (for example, swipe in the negative direction of the Y axis) are performed.

  FIG. 18 is a view showing a state in which 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 having a plurality of tabs (content C8 shown in FIG. 18). 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 the reduced content C8 includes the tab TB2. To expand (state D73). The predetermined operation may be press release or touch release after the push operation and the move operation (for example, swipe in the negative direction of the X axis) are performed.

  In the above-described embodiment, the terminal device 10 is reduced after reducing the first content when the press release or the touch release is performed after the pressing operation and the moving operation of the touch portion are 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 pressing operation and the moving operation are performed. For example, it may be a predetermined operation or a touch operation such as flicking or swipe. Of course, the predetermined operation is not limited to the touch panel operation, and may be, for example, an operation using a mouse or a keyboard. For example, the predetermined operation may be an operation of pushing a predetermined button on the screen with a mouse.

  Further, in the above-described embodiment (the example in FIG. 5), the terminal device 10 performs a predetermined operation (for example, the pushing operation and the moving operation) for displaying the second area (for example, the target point TP). When the later press release or touch release is performed, the center of the display is moved, and the reduction and enlargement of the first content are performed. However, the terminal device 10 may not necessarily enlarge 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 to include the second area when a predetermined operation is performed. At this time, the terminal device 10 may change the display center so that the second area (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 center of the display toward the target point TP when a predetermined operation is performed during the movement of the center of the display. Along with the reduced content C1. However, when the terminal device 10 performs a predetermined operation accompanied by a touch on the screen while moving the center of the display, the enlargement ratio at the time when the predetermined operation is performed without enlarging the reduced content C1 The movement of the center of the display may be stopped with (reduction ratio). The predetermined operation may be a touch operation (for example, a tap) or a push operation. This modification is also applicable to the modification described with reference to FIGS. The terminal device 10 may display on the screen a control (for example, a button) for stopping the movement while moving the center of the display. Then, the terminal device 10 may stop the movement of the center of the display when the control displayed on the screen is operated by the user (for example, a button is tapped). In this case, the control operation is a predetermined operation. Also in the case of the above-mentioned embodiment (example in FIG. 6), the predetermined operation may be control operation.

  The above modification can be applied to the reduction process of the content C1 described with reference to FIG. 1, FIG. 2, FIG. 11, and the like. That is, the above-described modification is also applicable to the reduction process of the content C1 when the press release or the touch release is detected after the pressing operation of the screen. In the terminal device 10, the content C1 is detected when a predetermined operation accompanied by a touch on the screen is performed by the user after the release of the press or the release of the touch is detected until the content C1 reaches the calculated reduction amount. The reduction of the content C1 may be stopped while keeping the reduction ratio at the enlargement ratio (reduction ratio) when the predetermined operation is performed. The predetermined operation may be a touch operation (for example, a tap) or a push operation. The terminal device 10 may display on the screen a control (for example, a button) for stopping the movement while moving the center of the display. The terminal device 10 may display a control (for example, a button) for stopping the reduction during reduction of the content C1 on the screen. Then, the terminal device 10 may stop the reduction of the content C1 when the control displayed on the screen is operated by the user (for example, a button is tapped). In this case, the control operation is a predetermined operation.

  Moreover, in the above-mentioned embodiment, the two-dimensional map was 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.

  Also, the page on which the first content is arranged is not limited to the 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 layout surface of the first content. The arrangement surface may be a plurality of contents arranged in a tile. It is possible to regard various configurations that can be displayed in the form of pages on the screen as arrangement planes.

  Moreover, in the above-mentioned embodiment (example of FIGS. 1-18), the terminal device 10 showed the example of the operation | movement (information display process) which shrinks | contracts the content displayed on the browser. However, the content (first content) to be subjected to the information display process by the terminal device 10 is not limited to the content displayed on the browser. For example, the content (first content) to be subjected to the information display process by the terminal device 10 may be content displayed on the screen of an application pre-installed on the terminal device 10. Then, the terminal device 10 may reduce the content displayed on the screen of the application according to the user's operation. In this case, an application program to be executed by the terminal device 10 may be downloaded in advance, and the above-described processing may be realized by 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 for controlling 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 in a computer-readable recording medium such as an optical disk, semiconductor memory, magnetic tape, flexible disk, etc. and distributed, and the program is installed in a computer. The control device may be configured by execution. The control device may be an external device (for example, a personal computer) outside the terminal device 10 or the distribution server 20, or may be an internal device (for example, the control unit 15, 23). In addition, the program may be stored in a disk device provided in a server device on a network such as the Internet so that the program can be downloaded to a computer. In addition, the above-described functions may be realized by cooperation of an OS (Operating System) and application software. In this case, the part other than the OS may be stored in the medium and distributed, or the part other than the OS may be stored in the server apparatus and downloaded to the computer.

  Further, among the processes described in the above-described embodiments, all or part of the process described as being automatically performed may be manually performed, or the process described as being manually performed. All or part of can be performed automatically by known methods. In addition, information including processing procedures, specific names, various data and parameters shown in the above-mentioned documents and drawings can be arbitrarily changed unless otherwise specified. For example, the various information shown in each figure is not limited to the illustrated information.

  Further, each component of each device illustrated is functionally conceptual, and does not necessarily have to be physically configured as illustrated. That is, the specific form of the distribution and integration of each device is not limited to the illustrated one, and all or a part thereof may be functionally or physically dispersed in any unit depending on various loads, usage conditions, etc. It can be integrated and configured.

  Moreover, it is possible to combine suitably each embodiment mentioned above in the range which does not contradict process content.

[7. Hardware configuration]
The terminal device 10 and the distribution server 20 according to the embodiment and the modification can also be realized by, for example, a computer 1000 configured as shown in FIG. FIG. 19 is a hardware configuration diagram showing an example of a computer that realizes the functions of the terminal device 10 or the distribution server 20. The computer 1000 includes a central processing unit (CPU) 1100, a RAM 1200, a ROM 1300, a hard disk drive (HDD) 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 to control each part. The ROM 1300 stores a boot program executed by the CPU 1100 when the computer 1000 starts up, a program depending on the hardware of the computer 1000, and the like.

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

  The CPU 1100 controls output devices such as a display and a printer and input devices such as a keyboard and a mouse via the input / output interface 1600. The CPU 1100 acquires data from an input device via the input / output interface 1600. The CPU 1100 also 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 the CPU 1100 with the program 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 digital versatile disc (DVD) or a phase change rewritable disc (PD), a magneto-optical recording medium such as a magneto-optical disk (MO), 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 the program loaded on the RAM 1200. The CPU 1100 of the computer 1000 reads these programs from the recording medium 1800 and executes them, but as another example, these programs may be acquired from another device via the network N.

  Although some of the embodiments of the present application have been described in detail based on the drawings, these are only examples, and various modifications can be made based on the knowledge of those skilled in the art, including the aspects described in the rows of the disclosure of the invention. It is possible to implement the invention in other improved forms.

[8. effect〕
The terminal device 10 displays the first area on the first content. Then, after the terminal device 10 performs a predetermined operation for displaying a second area different from the first area, the terminal device 10 reduces the first content, and , Enlarge the reduced first content to include the second region. For example, after a predetermined operation is performed, the terminal device 10 gradually reduces the first content, and then gradually enlarges the reduced first content to include the second area. The user can move the display area from the first area to the second area without requiring complicated operations. As a result, the operation of the terminal device 10 is facilitated.

  In addition, when the terminal device 10 performs a predetermined operation, the terminal device 10 gradually reduces the first content while moving the center of the display of the first content toward the second area, and then reduces the size of the first content. Gradually expand the content of 1. The user can move the display area from the first area to the second area without requiring complicated operations.

  In addition, the terminal device 10 is reduced while gradually reducing the first content when a predetermined operation is performed, and then moving the center of the display of the first content toward the second region. Gradually expand the first content. The user can move the display area from the first area to the second area without requiring complicated operations.

  In addition, when the terminal device 10 performs a predetermined operation, the terminal device 10 gradually reduces the first content while moving the center of the display of the first content toward the second region, and then reduces the second region. The reduced first content is gradually expanded while continuing to move the center of the display toward. The user can move the display area from the first area to the second area without requiring complicated operations.

  In addition, the terminal device 10 stops the movement of the center of the display toward the second area when the predetermined operation accompanied by the touch on the screen is performed during the movement of the center of the display. When the user wants to change the position he wants to display while moving the center of the display, the user can stop moving the center of the display with a simple operation. As a result, the terminal device 10 can provide a user interface in line with the user's sense.

  The terminal device 10 stops the movement of the center of the display toward the second area when the predetermined operation accompanied by the touch on the screen is made during the movement of the center of the display, and the reduced first Expand the content of When the user wants to change the position to be displayed while moving the center of the display, the user can change the target position by a simple operation. As a result, the terminal device 10 can provide a user interface in line with the user's sense.

  The terminal device 10 is reduced after the first content is gradually reduced when the pressing operation or the touch operation on the screen is canceled after the screen pressing operation and the moving operation of the touch portion are performed. The first content is gradually expanded to include the second area. The user can move the display location from the first area to the second area with one finger. As a result, the operation of the terminal device 10 is facilitated.

  The position of the second area is calculated based on the information on the pressing operation and the information on the moving operation. The terminal device 10 moves the center of the display of the first content toward the calculated position when the pressing operation or the touch is released after the pressing operation and the moving operation of the touch portion are performed. Thereby, the terminal device 10 can set the movement destination to a position in line with the user's sense.

  After the pressing operation, the terminal device 10 displays, on the screen, the second content that changes in response to the pressing operation and the moving operation for a predetermined period until the pressing operation or the release of the touch. The user can intuitively grasp the reduction amount of the first content by looking at the second content.

  After the pressing operation, the terminal device 10 changes a part of the first content in accordance with the pressing operation and the moving operation for a predetermined period until the pressing operation or the release of the touch. The user can intuitively grasp the reduction amount of the first content by observing the change of the first content.

  After the pressing operation, the terminal device 10 displays, on the screen, the third content indicating the second area for a predetermined period until the pressing operation or the release of the touch. The user can easily grasp the destination of the display by viewing the third content.

  The terminal device 10 displays the first point on the map. Then, when a predetermined operation for displaying the second point on the map is performed, the terminal device 10 reduces the map, and then enlarges the reduced map to include the second point. The user can move the display location from the first point to the second point without requiring complicated operations.

  The terminal device 10 displays the first position on the arrangement surface of the content. Then, when the terminal device 10 performs a predetermined operation for displaying the second position on the arrangement surface, the terminal device 10 reduces the arrangement surface, and then enlarges the reduced arrangement surface to include the second position. Do. The user can move the display position from the first position to the second position without requiring complicated operations.

  The terminal device 10 displays a first tab of the arrangement surface having a plurality of tabs. Then, when a predetermined operation for displaying the second tab of the arrangement surface is performed, the terminal device 10 reduces the arrangement surface, and then enlarges the reduced arrangement surface to include the second tab. . The user can move the display from the first tab to the second tab without requiring complicated operations.

  Although some of the embodiments of the present application have been described in detail based on the drawings, these are only examples, and various modifications can be made based on the knowledge of those skilled in the art, including the aspects described in the section of the disclosure of the invention. It is possible to implement the invention in other improved forms.

  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 a 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 ... Storage part 14 ... Output part 15, 23 ... Control part 20 ... Distribution server 231 ... Reception part 232 ... Distribution part C1-C8 ... Contents F ... pressure R ... repulsive force SP ... start point TP ... target point CP ... change point V ... viewpoint

Claims (18)

A display procedure for displaying a first area on the first content;
The first content is reduced when a screen pressing operation is performed as a predetermined operation for displaying a second area different from the first area, which is an area on the first content. And a display change procedure for expanding the reduced first content to include the second area;
Information display program to make a computer execute. The display change procedure gradually reduces the first content when the predetermined operation is performed, and then gradually enlarges the reduced first content to include the second area.
The information display program according to claim 1, which is processing. In the display change procedure, when the predetermined operation is performed, the first content is gradually reduced while moving the display center of the first content toward the second area, and then reduced. Gradually expand the first content that has been
The information display program according to claim 1 or 2, which is a process. The display change procedure gradually reduces the first content when the predetermined operation is performed, and then moves the display center of the first content toward the second area. Gradually enlarge the reduced first content,
The information display program according to any one of claims 1 to 3, which is a process. The display change procedure gradually reduces the first content while moving the display center of the first content toward the second area when the predetermined operation is performed. Gradually enlarge the reduced first content while continuing to move the center of the display towards a second area,
The information display program according to any one of claims 1 to 4, which is a process. The display change procedure stops the movement of the center of the display toward the second area when a predetermined operation accompanied by a touch on the screen is performed during the movement of the center of the display.
It is a process, The information display program of any one of Claims 3-5 characterized by the above-mentioned. The display change procedure stops movement of the center of the display toward the second area and reduces the size when a predetermined operation accompanied by a touch on the screen is performed during movement of the center of the display. Expanding the first content that has been
The information display program according to any one of claims 3 to 6, which is a process. In the display change procedure, after the pressing operation of the screen and the moving operation of the touch portion are performed, the first content is gradually reduced when the pressing operation or the touch on the screen is released. Gradually expanding the reduced first content to include the second region,
It is a process, The information display program of any one of Claims 1-7 characterized by the above-mentioned. And causing the computer to further execute a calculation procedure of calculating the position of the second area based on the information on the pressing operation and the information on the moving operation.
The display change procedure calculates the center of display of the first content according to the calculation procedure when the push operation or the touch is released after the push operation and the move operation of the touch portion are performed. Move towards the position you
The information display program according to claim 8, which is a process. The display change procedure displays, on the screen, a second content that changes according to the push operation and the move operation for a predetermined period of time until the push operation or the release of the touch after the push operation.
The information display program according to claim 8, which is a process. The display change procedure changes a part of the first content according to the push operation and the move operation for a predetermined period of time until the push operation or the release of the touch after the push operation.
The information display program according to any one of claims 8 to 10, which is a process. In the display change procedure, after the pressing operation, a third content indicating the second area is displayed on the screen for a predetermined period until the pressing operation or the release of the touch.
The information display program according to any one of claims 8 to 11, which is a process. The display procedure displays a first point on the map;
The display change procedure reduces the map and enlarges the reduced map to include the second point when a predetermined operation for displaying the second point on the map is performed. Do,
The information display program according to any one of claims 1 to 12, which is a process. The display procedure displays a first position on the arrangement surface of the content;
In the display change procedure, when the predetermined operation for displaying the second position on the arrangement surface is performed, the arrangement surface is reduced, and then the reduced arrangement surface is used as the second position. Expand to include,
The information display program according to any one of claims 1 to 12, which is a process. The display procedure displays a first tab of the arrangement surface having a plurality of tabs,
The display change procedure includes, when a predetermined operation for displaying the second tab of the arrangement surface is performed, the reduction of the arrangement surface and the reduced arrangement surface including the second tab. To expand,
The information display program according to any one of claims 1 to 12, which is a process. It is an information display method which an information display device performs, and
Displaying the first area on the first content;
The first content is reduced when a screen pressing operation is performed as a predetermined operation for displaying a second area different from the first area, which is an area on the first content. And a display change step of enlarging the reduced first content to include the second area;
An information display method characterized by including: A display unit for displaying a first area on the first content;
The first content is reduced when a screen pressing operation is performed as a predetermined operation for displaying a second area different from the first area, which is an area on the first content. And a display change unit that enlarges the reduced first content to include the second area;
An information display apparatus 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.
Display processing for displaying a first area on the first content;
The first content is reduced when a screen pressing operation is performed as a predetermined operation for displaying a second area different from the first area, which is an area on the first content. A display change process of expanding the reduced first content to include the second area;
Control the terminal device to execute
A delivery device characterized by

Images