WO2012120978A1 - Display method, display device and program - Google Patents

Display method, display device and program Download PDF

Info

Publication number
WO2012120978A1
WO2012120978A1 PCT/JP2012/053415 JP2012053415W WO2012120978A1 WO 2012120978 A1 WO2012120978 A1 WO 2012120978A1 JP 2012053415 W JP2012053415 W JP 2012053415W WO 2012120978 A1 WO2012120978 A1 WO 2012120978A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
input
displayed
region
display screen
Prior art date
Application number
PCT/JP2012/053415
Other languages
French (fr)
Japanese (ja)
Inventor
雄一 伊藤
和毅 高嶋
正憲 大脇
Original Assignee
国立大学法人大阪大学
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 国立大学法人大阪大学 filed Critical 国立大学法人大阪大学
Publication of WO2012120978A1 publication Critical patent/WO2012120978A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Definitions

  • the present invention relates to a display method, a display device, and a program.
  • images displayed on the display screen are operated using a mouse, stylus, or touch panel.
  • the entire target image cannot be displayed in the display screen.
  • the image of the entire map is larger than the display screen, and a part of the map is displayed on the display screen.
  • the user causes the display device to display a desired image by operating the display screen.
  • the user wants to display an image of a region that is not currently displayed on the display screen
  • the user moves the image displayed on the display screen in the up / down, left / right, or diagonal directions.
  • Such an operation is also called a pan operation or a scroll operation.
  • the user wants to display the details of the currently displayed image or an image around the image on the display screen
  • the user enlarges or reduces the image displayed on the display screen.
  • Such an operation is also called a zoom operation.
  • Patent Document 1 discloses a display device in which an input unit that performs a pan operation and a zoom operation is provided in the vicinity of a display screen.
  • Such panning and zooming operations are widely used at present.
  • a general pan operation and zoom operation may not be able to efficiently change the image displayed on the display screen.
  • the two objects when there are two objects arranged relatively apart from each other, the two objects cannot be displayed at the same time. Therefore, it is necessary to separately display the two objects on the display screen by the pan operation. In this case, the two objects may not be accurately compared, and it may take time to grasp the path connecting the two objects. Also, when performing a zoom operation, two objects can be displayed on the display screen at the same time by reducing the magnification, but the two objects and all the information in the display screen are displayed small due to the change in magnification. For example, it may not be possible to accurately compare two objects.
  • the present invention has been made in view of the above problems, and an object thereof is to provide a display method, a display device, and a program that enable an efficient change of an image displayed on a display screen.
  • the display method according to the present invention is a display method including a step of displaying an image on a display screen and a step of displaying a partial deflection image on the display screen.
  • the step of displaying the partial deflection image In response to an input from the user, the partial deflection image bends at least a part of the image displayed before the input, and the at least a part of the at least a part of the image is bent. It is formed by moving a continuous area to the area.
  • the step of displaying the partial deflection image includes performing the partial deflection by performing a pinch-in that is an operation of the user narrowing two fingers or a pinch-out of an operation of spreading two fingers as the input. Forming an image.
  • the user narrows a space between two fingers as the input and performs a pinch-in, thereby bending a region between the two fingers of the user.
  • the step of displaying the partial deflection image is performed by enlarging an area between the two fingers of the user by performing a pinch out by the user expanding the gap between the two fingers as the input.
  • the process of carrying out is included.
  • the partial deflection image in the step of displaying the partial deflection image, includes an area that was not displayed before the input.
  • the display method further includes a step of displaying again the image displayed before the input on the display screen after the input.
  • the step of displaying the image displayed before the input again includes a step of flicking.
  • a flick is an operation to play in one direction.
  • the display method after the input, eliminates bending of the at least a part of the area, and displays an image including an area that was not displayed before the input on the display screen. Is further included.
  • the display method includes a wide area including both the entire image displayed before the input and the area not displayed before the input on the display screen after the input.
  • the method further includes displaying an image.
  • the step of displaying the wide area image includes a step of tapping or clicking the at least a part of the region.
  • the partial deflection image is displayed on the display screen until further input from a user is received.
  • the step of displaying the partial deflection image includes a step of converting coordinates of at least a partial region of the image displayed before the input.
  • a display device is a display device including a display unit having a display screen on which an image is displayed, an input unit, and a control unit, and according to an input from a user via the input unit, The control unit bends at least a part of the image displayed before the input and moves a region continuous to the at least a part of the region as the at least part of the image is bent.
  • the partially bent image formed by the display is displayed on the display screen.
  • the program according to the present invention is a program for executing a step of displaying an image on a display screen and a step of displaying a partial deflection image on the display screen, wherein the partial deflection image is displayed in the step of displaying the partial deflection image.
  • bends at least a part of the image displayed before the input and causes the at least a part of the image to be deflected to the at least a part of the area. It is formed by moving successive areas.
  • the image displayed on the display screen can be changed efficiently.
  • (A)-(c) is a schematic diagram for demonstrating embodiment of the display method by this invention. It is a schematic diagram for demonstrating the bending in this embodiment. It is a schematic diagram of the image displayed after a partial deflection image. It is a schematic diagram of the image displayed after a partial deflection image. It is a schematic diagram of the image displayed after a partial deflection image. It is a figure which shows the partial bending image in the display method of this embodiment.
  • (A) And (b) is a figure for demonstrating the formation method of the partial bending image in this embodiment. It is a figure which shows the image displayed after a partial bending image. It is a figure which shows the image displayed after a partial bending image.
  • FIG. 1 It is a figure which shows the image displayed after a partial bending image.
  • FIG. 1 A) And (b) is a figure for demonstrating the bending area
  • (A) is a figure which shows the partial bending image in this embodiment
  • (b) is a figure which shows the image displayed after the image of (a).
  • (A) is a schematic diagram which shows the bending area
  • (b) is a schematic diagram which shows the bending area
  • (A) And (b) is a schematic diagram for demonstrating the bending in this embodiment. It is a schematic diagram for demonstrating the bending in this embodiment.
  • (A) is a schematic diagram showing an image before pinch-in
  • (b) is a schematic diagram showing a partially bent image formed by pinch-in
  • (A) is a schematic diagram showing an image before pinch out
  • (b) is a schematic diagram showing a partially bent image formed by pinch out
  • (c) and (d) are displayed after pinch out. It is a schematic diagram which shows an image.
  • (A) And (b) is a figure which shows the bending area
  • (A)-(d) is a schematic diagram which shows the change of the display screen in this embodiment.
  • FIG. 1A shows a display screen 12 a of the display unit 12.
  • An arbitrary image is displayed on the display screen 12a.
  • the image displayed on the display screen 12a is a part of a continuous image.
  • a part of the map is displayed on the display screen 12a.
  • a general pan operation is performed on the display screen 12a, an image continuous with the image currently displayed on the display screen 12a is displayed.
  • a part of the continuous image is displayed at a substantially uniform magnification on the entire display screen 12a.
  • the display screen 12a occupies the entire displayable area of the display unit 12, but the display screen 12a may be a part of the displayable area of the display unit 12.
  • input from the user is performed on the display screen 12a.
  • the user performs input by dragging or flicking the display screen 12a using a touch panel, a mouse, or a stylus.
  • the arrow shown in FIG. 1B represents the position and direction of the input made by the user, and here, the input is made in the horizontal direction.
  • region A a region on the opposite side of the input direction with respect to the input start point
  • region B a region on the input direction side with respect to the input start point
  • region B In the display method according to the present embodiment, in accordance with an input from the user, at least a part of the image displayed before the input (region B in FIG. 1B) bends and bends. A region (region A in FIG. 1 (b)) that moves continuously is moved.
  • an image including a region B ′ that is partially bent is displayed on the display screen 12a.
  • This image is formed by the region B being bent and the region A being moved in accordance with the bending of the region B in response to an input from the user.
  • region A displayed on the display screen 12a after the input from a user is not displayed on the display screen 12a before the area
  • Region A2 In response to the input, the region B bends and the region A continuing to the region B moves, and accordingly, the region A2 that has not been displayed before the input is displayed on the display screen 12a.
  • the extent of movement of region A and the extent of bending of region B may vary depending on the drag length, drag or flick strength (pressure), and / or speed.
  • a region B ′ bent in response to an input from a user may be referred to as a bent region B ′, and an image having a partially bent region B ′ is referred to as a partially bent image.
  • FIG. 1C shows a partial deflection image. Note that the display content of the bending area B ′ corresponds to the display content of the area B before bending, but the display content of the bending area B ′ does not exactly match the display content of the area B before bending. Also good. For example, the display content of the bending area B ′ may be partially added or deleted as compared with the display content of the area B before being bent.
  • the area A included in the image displayed on the display screen 12a before the input is deflected on the display screen 12a in accordance with the input from the user, and the area A continuous with the area B is displayed.
  • the partial deflection image that is moved is displayed. Therefore, new image information can be displayed without substantially losing the image information before input, and the change of the image displayed on the display screen can be determined efficiently.
  • the magnification changes uniformly in the display screen, whereas in this embodiment, new image information is displayed in a display area that is vacant by bending at least a part of the area before input. (At least information of high user interest at the time of input) is displayed, and the image displayed before the input is displayed even if it is in a partially bent state.
  • the image displayed on the display screen can be changed efficiently.
  • the area that was not displayed before the input is displayed according to the input from the user, but also the image that was displayed before the input is in a partially bent state.
  • the user visually recognizes the new area, compares the newly displayed area with the originally displayed area, and determines the direction and degree of image change. be able to.
  • the area B is a part of the display screen 12a, and the moved area A includes the area A1 displayed before the input, but the present invention is not limited to this.
  • the entire display screen 12a becomes a bent area B, and the area A after input may not include the area A1 displayed before the input.
  • a partially bent image is formed by bending at least a part of an image before input in accordance with an input from a user. For example, at least a part of an image before input is deflected, so that at least a part of the image that was not distorted before input is distorted and displayed.
  • Such bending is the same as the phenomenon that occurs in paper and cloth in the real world (real space), and the bent one has a smaller area (display) than the one that does not bend without any change (display contents). It is possible to intuitively recognize that it exists in the area) and that the deflection can be eliminated by performing a predetermined operation.
  • an image is assigned to grid points located in a matrix shape defined by a plurality of rows and a plurality of columns before bending, and the grid points are moved by an input from the user.
  • the grid points are moved by an input from the user.
  • the movement of the grid points may be controlled by an algorithm in consideration of visibility.
  • the movement of the grid points may be controlled by a physics engine that reproducibly describes real world motion using physical equations.
  • the undulation and shape of the bending method may be arbitrary.
  • the display screen 12a in response to an input from the user, the display screen 12a is caused to bend the region B included in the image displayed on the display screen 12a before the input and move the region A continuous to the region B.
  • a partial deflection image is displayed.
  • the display screen 12a may display the following image according to the user's reaction after displaying the partial deflection image. For example, the display screen 12a displays (1) the image that was displayed before the input after displaying the partial deflection image, (2) the image after the input in the state where the deflection has been eliminated, and (3) the input You may display either the image including both the whole image displayed previously and the area newly displayed by the input. Alternatively, the display screen 12a may continue to display the partial deflection image as it is, for example, until there is further input from the user (4).
  • the image before input is displayed on the display screen 12a after the input.
  • FIG. 3 shows a schematic diagram of an image displayed after displaying a partial deflection image.
  • the image displayed before the input from the user is displayed on the display screen 12a.
  • the image is newly displayed on the display screen 12a after the input.
  • An image including the area A2 is displayed.
  • FIG. 4 shows a schematic diagram of an image displayed after displaying the partial deflection image.
  • an image moved by the input direction and distance with respect to the image before input is displayed on the display screen 12a.
  • the area Bb of the area B displayed before the input is still displayed on the display screen 12a after the input, but the area Ba of the area B displayed before the input is displayed after the input. It is no longer displayed on the display screen 12a.
  • This display may be the same as a general scrolled display except that it is via a partial deflection image.
  • the user includes both the entire image (including the area A1 and the area B) displayed before the input in the partial deflection image illustrated in FIG. 1C and the area A2 newly displayed by the input.
  • an image in which the deflection in the partial deflection image is eliminated is displayed on the display screen 12a.
  • FIG. 5 shows a schematic diagram of an image displayed after displaying the partial deflection image.
  • an image including both the entire image before input and the newly displayed area is displayed on the display screen 12a.
  • the wide area image is the same as the image after the so-called zoom-out operation.
  • the size of the display screen 12a of the display unit 12 may be equal to the size before the wide area image is displayed.
  • the size of the display screen 12a of the display unit 12 may be larger than the size before displaying the wide area image.
  • the partial deflection image may be continuously displayed on the display screen 12a until the user performs further input.
  • the display method of this embodiment is preferably used for displaying a map.
  • display of a map to which the display method of the present embodiment is applied will be described with reference to FIGS.
  • a map of Japan with a grid extending in the vertical and horizontal directions is used as the map.
  • FIG. 6 shows a partial deflection image.
  • a finger is dragged to the touch panel as an input, and the input direction is diagonally lower left.
  • the grid extends in the vertical direction and the horizontal direction in the region A, while the grid extends in the oblique direction in the bending region B ′.
  • the bending region B ′ is determined according to the user input. For example, when the user performs a drag or flick, the deflection is determined according to the direction, length, strength (pressure) and / or speed of the drag or flick. Further, the relationship between the input and the deflection may be arbitrarily settable.
  • the region A and the region B are determined from the input start point and direction.
  • Region A has a sector shape.
  • the radius of the circle is set so that the display is appropriately performed even when the moving distance of the region A is the maximum value. For example, the radius of the circle is about 1.5 times the short side of the display screen 12a.
  • Area B is an area obtained by removing area A from the sector shape.
  • the circle defining the sector shape of the area B has the same center O as the area A, and the radius of the circle extends from the center O to the intersection P of the display screen 12a with a straight line extending in the input direction from the input start point. Indicates distance.
  • the intersection point P is on the arc Kb.
  • the region B bends into the bending region B ′, and the region A continuing to the region B moves along with this bending.
  • the area A continuous with the area B is moved along with the bending, and thereby the area that was not displayed before the input is displayed.
  • the region B is distorted so as to maintain continuity with the surroundings including the region A.
  • the region B is distorted so as to maintain linearity.
  • the region B bends and the region A moves.
  • the extent to which the region B bends and the moving distance of the region A are determined according to the length of the drag.
  • the arc Ka and the arc Kb are determined by the user's drag, and the area between the arc Ka and the arc Kb is flexibly displayed according to the drag length. The longer the drag distance, the narrower the bending area B ′, and the area A moves with the bending of the area B.
  • an area that was not displayed before the input can be displayed according to the input from the user, and the user wants to display the new area after visually recognizing the new area.
  • Direction and area can be determined.
  • the image displayed before the input is in a partially bent state but is still displayed, a comparison between the newly displayed region and the originally displayed region is performed. It is possible to easily change the image displayed on the display screen.
  • input from the user is defined by the input start point, direction, and distance.
  • the area A to be moved and the area B to be a bending area are determined according to an input from the user, and the bending and the movement are realized by coordinate conversion.
  • the coordinates determined to be within the region B are converted so that the distance from the arc Ka and the distance from the arc Kb are shortened while maintaining the ratio before the input.
  • the coordinates determined to be within the area A are converted so as to be translated by the input length.
  • the display screen 12a displays the partial deflection image shown in FIG. 6 and then (1) the image displayed before the input and (2) the input after the deflection is canceled according to the user's reaction. And (3) a wide area image including both the entire image displayed before the input and the area newly displayed by the input may be displayed. Alternatively, the display screen 12a may continue to display the partial deflection image as it is, for example, until there is further input from the user (4).
  • FIG. 8 shows an image displayed after the partial deflection image. For example, by flicking in the direction opposite to the direction previously input by the user who viewed the partial deflection image, the image displayed before the input is displayed on the display screen 12a.
  • FIG. 9 shows an image displayed after the partial deflection image.
  • the user who has seen the partially bent image does not perform further input (for example, the drag is ended as it is)
  • an image moved by the input direction and distance with respect to the image before input is displayed on the display screen 12a.
  • FIG. 10 shows a schematic diagram of an image displayed after displaying the partial deflection image.
  • the user who has seen the partial deflection image taps the deflection area, a wide area image including both the entire image before input and the newly displayed area is displayed on the display screen 12a.
  • the coordinates of the region B are converted so that the ratio of the distances from the arc Ka and the arc Kb is kept constant. For this reason, all of the rectangles surrounded by the grids that intersect with each other in the bending region B ′ have substantially the same size and shape.
  • the degree and magnification of each part in the bending region B ′ are substantially constant.
  • the magnification may be changed stepwise in the bending region B ′.
  • the degree of bending may be non-uniform in each portion of the bending region B ′. In this case, there may be a region with a higher magnification than the other regions in a part of the bending region B ′, and a display similar to so-called zoom-in is performed in the region with a higher magnification.
  • the region B to be the bending region B ′ is determined according to the input from the user, but the present invention is not limited to this. If a portion of high interest of the user is included in the bending region B ′, the portion may be difficult to see. For this reason, a part with a high user's interest may be determined using some aspect or algorithm, and the region B may be determined not to include the part.
  • the arc Kb is determined according to the starting point and direction of the drag or flick, but the present invention is not limited to this.
  • the arc Kb may be determined according to the length of the drag, the strength (pressure) and / or speed of the drag or flick.
  • the region B may be determined in another manner.
  • the intersection point P used when determining the region B is located on the outer periphery of the display screen 12a, but the present invention is not limited to this.
  • the intersection point P may be set arbitrarily. However, the calculation at the time of coordinate conversion can be simplified by setting the intersection point P on the outer periphery of the display screen 12a.
  • the width of the flexure region B ′ changes depending on the length of the user's drag or flick. For example, it can be understood from FIGS. 11 (a) and 11 (b). As described above, the bending region B ′ may be moved while maintaining a substantially constant width in accordance with a user's drag or flick.
  • the coordinate conversion described above is an example of forming a partially bent image, and the partially bent image may be formed by another method.
  • FIG. 12A shows a schematic diagram of a partial deflection image.
  • the two comparison objects Oa and Ob are surrounded by a circle.
  • the object Oa is displayed on the display screen 12a (not shown) before the input but the object Ob is not displayed, the object Ob moves into the display screen 12a due to bending according to the input. .
  • the magnification of the bending area is different from that before the input, but the magnifications of the two objects Oa and Ob and the vicinity thereof are substantially equal to the magnification before the input.
  • the object Ob that has not been displayed can be displayed on the display screen 12a by forming the flexure region, and a plurality of objects Oa and Ob that were originally unable to be displayed simultaneously at the magnification before the input are compared. And an outline of the path between the objects Oa and Ob can be easily grasped.
  • the display method of this embodiment is preferably performed by a display device.
  • a display device an embodiment of the display device 10 according to the present invention will be described with reference to FIG.
  • FIG. 13 shows a schematic diagram of the display device 10 of the present embodiment.
  • the display device 10 includes a display unit 12 having a display screen 12a, an input unit 14, and a control unit 16.
  • the display device 10 is also called an image display device.
  • the display unit 12 is a liquid crystal panel, for example.
  • the display part 12 may display by arbitrary systems, such as a cathode ray tube, a plasma panel, an organic electroluminescent panel, for example.
  • the user inputs the image on the display screen 12a via the input unit 14.
  • the input unit 14 is, for example, a touch panel.
  • the input unit 14 may be a mouse or a stylus, or may be any other pointing device.
  • the control unit 16 displays a partial deflection image on the display screen 12a in response to an input from the user via the input unit 14.
  • the partially deflected image is formed by deflecting at least a part of the area of the image displayed before the input and moving an area continuous with the deflected area. For this reason, the user can efficiently change the image displayed on the display screen.
  • the control unit 16 performs coordinate conversion of an image displayed on the display screen 12a in accordance with the input.
  • the control unit 16 After displaying the partial deflection image on the display screen 12a, the control unit 16 (1) the image displayed before the input, (2) after the input of the state in which the deflection is eliminated, according to the reaction of the user And (3) an image including both the entire image displayed before the input and an area newly displayed by the input may be displayed. Alternatively, the control unit 16 may continue to display the partial deflection image as it is (4) until there is further input from the user, for example, on the display screen 12a.
  • the control unit 16 may cause the display screen 12a to display the image that was displayed before the input.
  • the control unit 16 eliminates the deflection of the deflection region, and the display screen 12a includes a region that was not displayed before the input.
  • An image may be displayed.
  • the control unit 16 displays the entire image displayed before the input on the display screen 12a and the input before the input. A wide area image including both the area that has not been displayed may be displayed.
  • the display device 10 may further include a recording unit 18 in which a program read by the control unit 16 is recorded as necessary.
  • the control unit 16 causes the display method of the present embodiment to be executed according to this program.
  • the recording unit 18 may be a medium on which a program is recorded.
  • the recording unit 18 may be built in the display device 10, and the recording unit 18 may be removable from the display device 10.
  • the control unit 16 may include an integrated circuit (for example, a semiconductor chip) that executes the display method described above in response to an input via the input unit 14.
  • Such a display device 10 is suitably used as a display element of an arbitrary information display device such as a personal computer, a digital camera, a mobile phone, a PDA (Personal Data Assistant), a tablet PC, a car navigation system, and a smartphone.
  • a personal computer a digital camera
  • a mobile phone a PDA (Personal Data Assistant)
  • PDA Personal Data Assistant
  • tablet PC a PC
  • car navigation system a smartphone
  • the display method of the comparative example is performed by a so-called pan operation (pan).
  • the zoom operation is not used.
  • the display method of the present embodiment after forming a partially bent image, it is possible to return to the original image by flicking.
  • the resolution of the display screen is 1024 ⁇ 768 pixels, and input is performed with a stylus.
  • the task completion times of the display method of the comparative example and the display method of the present embodiment were almost equal. .
  • FIG. 14 shows a schematic diagram of the display screen 12a of the display unit 12 and an image.
  • One object icon is displayed in the display screen 12a. In the following description, this object may be referred to as a start object. Also, another object (icon) exists outside the current display screen 12a. In the following description, this object may be referred to as a goal object.
  • This task is completed by comparing the size of two objects, displaying a large object in a predetermined area on the display screen, and tapping. Although the goal object is not displayed on the task start display screen, the direction of the goal object is indicated by an arrow.
  • Figure 15 shows a schematic diagram at the start of the task.
  • the goal object is located in the upper direction of the display screen.
  • An area for storing an object to be tapped when the task is completed is indicated by a circle.
  • the start object is located at the center of the display screen.
  • the distance from the start object to the goal object is 600, 800 or 1000 pixels. In the display method of the comparative example, it is necessary to perform dragging at least once when the distance is 600 or 800 pixels, and it is necessary to perform dragging at least twice when the distance is 1000 pixels.
  • the goal object is arranged in any of the eight directions above, diagonally upper right, right, diagonally lower right, lower, diagonally lower left, left, diagonally upper left with respect to the start object.
  • the image is a map of about 1/3700 scale with a size of 3000 ⁇ 3000 pixels.
  • Figure 17 shows a diagram at the start of the task.
  • the shape of the start object is a circle
  • the goal object is located above the start object.
  • the shape of the object is any one of a circle, a triangle, and a rhombus at random
  • the size of the object is any one of 20, 25, 30, 35, or 40 pixels at random.
  • Each of the 12 subjects performed the task 32 times per person.
  • FIG. 18 shows the task completion time with respect to the target distance.
  • the target distance representing the distance between the start object and the goal object is 600 pixels
  • the difference between the task completion time of this embodiment and the task completion time of the comparative example is relatively small, but the target distance is as large as 800 and 1000 pixels. Then, the difference between the task completion time of the present embodiment and the task completion time of the comparative example becomes relatively large. According to this embodiment, especially when the target distance is relatively long, the task completion time can be shortened as compared with the comparative example.
  • FIG. 19 shows the task completion time for the correct object.
  • the difference between the task completion time of this embodiment and the task completion time of the comparative example is relatively small, but when the correct object is a start object, this implementation
  • the difference between the task completion time of the configuration and the task completion time of the comparative example is relatively large.
  • the task completion time is compared with the comparative example. Can be shortened. This is considered to be because in the present embodiment, it was possible to immediately return to the original image by the flick after the comparison in the partially bent image.
  • FIG. 20 shows the drag distance relative to the target distance. Regardless of whether the correct object is a start or a goal, the drag distance of this embodiment is shorter than that of the comparative example. In particular, when the correct object is started, the drag distance of the present embodiment is considerably shorter than the drag distance of the comparative example. This is considered to be because in the present embodiment, it was possible to immediately return to the original image by the flick after the comparison in the partially bent image.
  • the image displayed on the display screen can be changed efficiently compared to the display method of the comparative example.
  • the display method of the comparative example it is necessary to reciprocally compare the start object and the goal object that cannot be displayed on the display screen, whereas in the display method of the present embodiment, the start object and the goal object are displayed in the partial deflection image. Since both can be compared on the display screen at the same time, an image to be displayed can be selected at high speed and with few operations.
  • the partially bent image has one bent region, but the present invention is not limited to this.
  • the partial deflection image may have a plurality of deflection regions.
  • FIG. 21B After forming one bending region B ′ as shown in FIG. 21 (a), another bending region B ′ may be formed as shown in FIG. 21 (b).
  • the plurality of bending regions B ' are located in the vicinity of each other, but this is merely an example, and the plurality of bending regions B' may be located in regions separated from each other.
  • a plurality of affected parts can be obtained by effectively using the display screen 12a by forming a partial deflection image with the human body part as a deflection region from the whole body X-ray image. At the same time and / or the affected area can be enlarged and displayed.
  • a plurality of flexures of cloth or paper when a plurality of flexures of cloth or paper are formed in an adjacent region, they may be combined into one. Also in the present embodiment, when a plurality of bends are formed in the vicinity region, as shown in FIG. 21C, the bends may be combined into one.
  • the bending region B' may be eliminated as time passes.
  • a plurality of bending regions B ' can be easily formed by setting a relatively long time until the bending region B' is eliminated.
  • FIG. 22 (a) immediately after forming the bending region B ′, as shown in FIG. 22 (b), dragging in the same direction as the previously formed bending region B ′.
  • a plurality of bending regions B ′ can be formed.
  • a region relatively distant from the display screen before input can be displayed on the display screen 12a.
  • the bending region B ′ formed earlier is moved in accordance with dragging or flicking of the bending region B ′ formed later if necessary. Also good.
  • the degree of deflection may be changed according to the speed of dragging or flicking. For example, when the drag or flick speed is low, the degree of deflection is reduced as shown in FIG. 23A, and when the drag or flick speed is high, the degree of deflection is as shown in FIG. May be larger. Note that here, the speed of the drag or flick is focused, but the length of the drag or the strength (pressure) of the drag or flick may be focused. For example, when the drag is short or when the drag or flick is weak, the degree of bending may be reduced, and when the drag is long or when the drag or flick is strong, the degree of deflection may be increased.
  • the deflection region B ' may be displayed flat.
  • the bending region B ′ may be displayed so as to be undulated.
  • the degree of undulation may vary depending on the drag distance or the flick distance.
  • the magnification at the center of the bending region B ′ and in the vicinity thereof may be higher than the magnification of the region A.
  • the image can be locally enlarged.
  • the bending area B ′ may be displayed so as to be recessed with respect to the area A. By denting in this way, it is possible to reduce the area for displaying a less important image.
  • the characteristics of the bend (the degree of bendability and the time for which the bend is eliminated) may be appropriately set by the user as a parameter of the cloth metaphor.
  • the zoom-out of the image may be performed by narrowing (pinch-in) the interval between the two fingers of the user on the touch panel, and the zoom-in of the image is performed between the two fingers of the user on the touch panel. May be performed by widening (pinch out).
  • pinch-in may be performed as an input.
  • a display method when pinch-in is performed will be described with reference to FIG.
  • FIG. 26A shows a display screen 12a and an image before pinching in.
  • a straight line extending in the horizontal direction and the vertical direction is displayed on the display screen 12a.
  • the object Oa is displayed on the display screen 12a, but the object Ob is not displayed on the display screen 12a.
  • FIG. 26B shows a partial deflection image formed by pinch-in.
  • the region sandwiched between the two fingers becomes the bending region B ′, and the region A2 that has not been displayed before the input due to this bending is displayed. For this reason, the object Ob that was not displayed before the pinch-in is displayed on the display screen 12a.
  • the straight line before the input is bent and displayed so as to be directed to the deflection region B ′.
  • corresponds with the display content before bending
  • the display content of bending area B' does not need to correspond exactly with the display content before bending.
  • a part of the display content of the bending area B ′ may be deleted compared to the display content before the bending.
  • FIG. 26C shows an image displayed after the partial deflection image.
  • the display screen 12a the image including the newly displayed region A2 is displayed in a state without deflection. This image is almost the same as the image obtained by performing the zoom-out operation on the image before input.
  • FIG. 26 (d) shows an image displayed after the partial deflection image.
  • the user does not want to display an image including the newly displayed area A2 in the partially bent image shown in FIG. 26B, for example, the user flicks two fingers to widen the interval between them.
  • the image displayed before the input is displayed on the display screen 12a.
  • pinch out may be performed as an input.
  • the area that moves with bending may be displayed at a different magnification from that before the input.
  • FIG. 27A shows a display screen 12a and an image before pinching out. Again, lines extending in the horizontal and vertical directions are displayed on the display screen 12a. Objects Oa and Ob are displayed on the display screen 12a.
  • FIG. 27B shows a partial deflection image formed by pinching out.
  • a bending region B ′ is formed between each of the two fingers and the outer peripheral portion of the display screen 12a.
  • the image before input is displayed in a bent state.
  • the area A moves with the formation of the bending area B ′, but the area A between the two fingers is enlarged, and the area A is displayed at a higher magnification than the image before input.
  • the straight line before input is displayed so as to be bent toward the deflection region B ′.
  • corresponds with the display content before bending
  • the display content of bending area B' does not need to correspond exactly with the display content before bending.
  • the display content of the bending area B ′ may be partially deleted as compared with the display content before bending.
  • the display content of the area A corresponds to the display content before the movement, but the display content of the area A may not exactly match the display content before the movement.
  • a part of the display content of the area A may be added as compared to the display content before moving, and the added information may be detailed information of objects in the area A, for example.
  • FIG. 27C shows an image displayed after the partial deflection image.
  • an image including an enlarged region between two fingers is displayed on the display screen 12a after the input. Let At this time, the bending of the bending region may be eliminated. For example, when the user finishes pinching out and releases his / her finger from the touch panel, the image centered on the area A at the same magnification as the area A displayed by enlarging the space between the two fingers on the display screen 12a. Is displayed. This image is almost equal to an image obtained by performing a zoom-in operation on the image before input.
  • FIG. 27D shows an image displayed after the partial deflection image.
  • the user can input to the display screen 12a by flicking in the direction of shortening the interval between two fingers. Display the previous image.
  • two fingers may be released one by one.
  • the area A2 that was not displayed before the input is displayed on the display screen 12a by moving from two directions.
  • the area A2 corresponding to the released finger moves out of the display screen 12a, and the area A2 corresponding to another finger is displayed on the display screen 12a. Remains.
  • pinch-in or pinch-out may be performed using fingers of different hands.
  • FIG. 28 (a) after the user's two fingers drag or flick in different directions to form the respective bent regions B ', the bent region B' formed by one finger. The other finger is moved away from the display screen 12a while leaving the mark, and then, as shown in FIG. 28 (b), another bending region B ′ is formed by dragging with this finger in a further different direction. Good.
  • the bending regions B ' may be formed at a plurality of locations on the display screen 12a by a plurality of human inputs.
  • an icon can be activated by pinching out.
  • activation of an icon by pinch-out will be described.
  • the display screen 12a displays icons arranged in a matrix.
  • a plurality of icons are schematically shown in a circle.
  • the user sandwiches a predetermined icon with two fingers, and widens the interval between the two fingers so as to enlarge the icon.
  • this icon is enlarged while being bent.
  • the icon is bent into a vertically long shape.
  • the application specified by the icon is started as shown in FIG.
  • a map application is activated, and a map of Japan is displayed as an example.
  • the application may be activated by pinching out a specific area.
  • the image displayed on the display screen can be changed efficiently.
  • the present invention is suitably applied to a personal computer, a digital camera, a mobile phone, a smartphone, a tablet PC, a car navigation system, a PDA (Personal Data Assistant), and the like.

Abstract

This display method includes a step for displaying an image upon a display surface (12a), and a step for displaying a partially bent image upon the display surface (12a). In the step for displaying the partially bent image, the partially bent image is formed, in response to input from a user, by bending at least one portion of an area of an image displayed before the input and moving an area that is contiguous to the at least one portion of the area with the bending of the at least one portion of the area. Preferably, the step of displaying the partially bent image includes a step of forming the partially bent image by the user performing pinching or spreading as input.

Description

表示方法、表示装置およびプログラムDisplay method, display device, and program
 本発明は表示方法、表示装置およびプログラムに関する。 The present invention relates to a display method, a display device, and a program.
 パソコン、デジタルカメラ、携帯電話、スマートフォン、タブレットPC、カーナビゲーションシステムおよびPDA(Personal Data Assistant)などの表示素子では、表示画面上に表示された画像は、マウス、スタイラスまたはタッチパネル等を用いて操作される。このような表示素子において表示対象の画像が表示画面と比べて大きい場合、または、高い倍率で画像の表示を行う場合、表示画面内に対象の画像全体を表示することができない。例えば、一般に、地図全体の画像は、表示画面よりも大きく、表示画面には地図の一部が表示される。 In display elements such as personal computers, digital cameras, mobile phones, smartphones, tablet PCs, car navigation systems, and PDAs (Personal Data Assistants), images displayed on the display screen are operated using a mouse, stylus, or touch panel. The In such a display element, when the display target image is larger than the display screen, or when the image is displayed at a high magnification, the entire target image cannot be displayed in the display screen. For example, generally, the image of the entire map is larger than the display screen, and a part of the map is displayed on the display screen.
 このような場合、ユーザは、表示画面に対して操作を行うことによって表示装置に所望の画像を表示させる。具体的には、ユーザは、表示画面に、現在表示されていない領域の画像を表示したい場合、表示画面に表示される画像を、上下、左右または斜め方向に移動させる。このような操作はパン(pan)操作またはスクロール操作とも呼ばれる。また、ユーザは、表示画面に、現在表示されている画像の詳細またはその画像の周囲の画像を表示したい場合、表示画面に表示される画像を拡大または縮小する。このような操作はズーム(zoom)操作とも呼ばれる。例えば、特許文献1には、表示画面の近傍に、パン操作およびズーム操作をそれぞれ行う入力部を設けた表示装置が開示されている。 In such a case, the user causes the display device to display a desired image by operating the display screen. Specifically, when the user wants to display an image of a region that is not currently displayed on the display screen, the user moves the image displayed on the display screen in the up / down, left / right, or diagonal directions. Such an operation is also called a pan operation or a scroll operation. In addition, when the user wants to display the details of the currently displayed image or an image around the image on the display screen, the user enlarges or reduces the image displayed on the display screen. Such an operation is also called a zoom operation. For example, Patent Document 1 discloses a display device in which an input unit that performs a pan operation and a zoom operation is provided in the vicinity of a display screen.
特表2005-502142号公報JP-T-2005-502142
 このようなパン操作およびズーム操作は現在広く用いられている。しかしながら、このような一般的なパン操作およびズーム操作では表示画面に表示される画像を効率的に変更することができないことがある。 Such panning and zooming operations are widely used at present. However, such a general pan operation and zoom operation may not be able to efficiently change the image displayed on the display screen.
 例えば、比較的離れて配置された2つのオブジェクトがある場合、2つのオブジェクトを同時に表示できないため、パン操作によって表示画面に2つのオブジェクトをそれぞれ別個に表示させることが必要となる。この場合、2つのオブジェクトの比較を正確に行うことができないことがあり、また、2つのオブジェクトを結ぶ経路の把握に時間がかかることがある。また、ズーム操作を行う場合、倍率を低下させることによって2つのオブジェクトを同時に表示画面に表示させることができるが、倍率の変化によって2つのオブジェクトおよび表示画面内のすべての情報が小さく表示されてしまい、例えば、2つのオブジェクトの比較を正確に行うことができないことがある。 For example, when there are two objects arranged relatively apart from each other, the two objects cannot be displayed at the same time. Therefore, it is necessary to separately display the two objects on the display screen by the pan operation. In this case, the two objects may not be accurately compared, and it may take time to grasp the path connecting the two objects. Also, when performing a zoom operation, two objects can be displayed on the display screen at the same time by reducing the magnification, but the two objects and all the information in the display screen are displayed small due to the change in magnification. For example, it may not be possible to accurately compare two objects.
 本発明は、上記課題を鑑みてなされたものであり、その目的は、表示画面に表示される画像の効率的な変更を可能にする表示方法、表示装置およびプログラムを提供することにある。 The present invention has been made in view of the above problems, and an object thereof is to provide a display method, a display device, and a program that enable an efficient change of an image displayed on a display screen.
 本発明による表示方法は、表示画面に画像を表示させる工程と、前記表示画面に部分撓み画像を表示させる工程とを包含する、表示方法であって、前記部分撓み画像を表示させる工程において、前記部分撓み画像は、ユーザからの入力に応じて、前記入力の前に表示されていた画像のうちの少なくとも一部の領域を撓ませるとともに前記少なくとも一部の領域の撓みに伴って前記少なくとも一部の領域に連続する領域を移動させることによって形成される。 The display method according to the present invention is a display method including a step of displaying an image on a display screen and a step of displaying a partial deflection image on the display screen. In the step of displaying the partial deflection image, In response to an input from the user, the partial deflection image bends at least a part of the image displayed before the input, and the at least a part of the at least a part of the image is bent. It is formed by moving a continuous area to the area.
 ある実施形態において、前記部分撓み画像を表示させる工程は、前記入力として前記ユーザが2本の指を狭める操作であるピンチインまたは2本の指を広げる操作であるピンチアウトを行うことによって前記部分撓み画像を形成する工程を含む。 In one embodiment, the step of displaying the partial deflection image includes performing the partial deflection by performing a pinch-in that is an operation of the user narrowing two fingers or a pinch-out of an operation of spreading two fingers as the input. Forming an image.
 ある実施形態において、前記部分撓み画像を表示させる工程は、前記入力として前記ユーザが2本の指の間を狭めてピンチインを行うことにより、前記ユーザの2本の指の間の領域を撓ませる工程を含む。 In one embodiment, in the step of displaying the partial deflection image, the user narrows a space between two fingers as the input and performs a pinch-in, thereby bending a region between the two fingers of the user. Process.
 ある実施形態において、前記部分撓み画像を表示させる工程は、前記入力として前記ユーザが2本の指の間を広げてピンチアウトを行うことにより、前記ユーザの2本の指の間の領域を拡大する工程を含む。 In one embodiment, the step of displaying the partial deflection image is performed by enlarging an area between the two fingers of the user by performing a pinch out by the user expanding the gap between the two fingers as the input. The process of carrying out is included.
 ある実施形態では、前記部分撓み画像を表示させる工程において、前記部分撓み画像は、前記入力の前に表示されていなかった領域を含む。 In one embodiment, in the step of displaying the partial deflection image, the partial deflection image includes an area that was not displayed before the input.
 ある実施形態において、前記表示方法は、前記入力の後、前記表示画面に、前記入力の前に表示されていた画像を再び表示させる工程をさらに包含する。 In one embodiment, the display method further includes a step of displaying again the image displayed before the input on the display screen after the input.
 ある実施形態では、前記入力の前に表示されていた画像を再び表示させる工程はフリックを行う工程を含む。フリックは一方向に弾くような操作である。 In one embodiment, the step of displaying the image displayed before the input again includes a step of flicking. A flick is an operation to play in one direction.
 ある実施形態において、前記表示方法は、前記入力の後、前記少なくとも一部の領域の撓みを解消し、前記表示画面に、前記入力の前に表示されていなかった領域を含む画像を表示させる工程をさらに包含する。 In one embodiment, after the input, the display method eliminates bending of the at least a part of the area, and displays an image including an area that was not displayed before the input on the display screen. Is further included.
 ある実施形態において、前記表示方法は、前記入力の後、前記表示画面に、前記入力の前に表示されていた画像全体と、前記入力の前に表示されていなかった領域との両方を含む広域画像を表示させる工程をさらに包含する。 In one embodiment, the display method includes a wide area including both the entire image displayed before the input and the area not displayed before the input on the display screen after the input. The method further includes displaying an image.
 ある実施形態において、前記広域画像を表示させる工程は、前記少なくとも一部の領域をタップまたはクリックする工程を含む。 In one embodiment, the step of displaying the wide area image includes a step of tapping or clicking the at least a part of the region.
 ある実施形態において、前記部分撓み画像を表示させる工程は、ユーザからのさらなる入力があるまで、前記表示画面に前記部分撓み画像を表示させる。 In one embodiment, in the step of displaying the partial deflection image, the partial deflection image is displayed on the display screen until further input from a user is received.
 ある実施形態において、前記部分撓み画像を表示させる工程は、前記入力の前に表示されていた画像のうちの少なくとも一部の領域の座標を変換する工程を含む。 In one embodiment, the step of displaying the partial deflection image includes a step of converting coordinates of at least a partial region of the image displayed before the input.
 本発明による表示装置は、画像の表示される表示画面を有する表示部と、入力部と、制御部とを備える、表示装置であって、前記入力部を介したユーザからの入力に応じて、前記制御部は、前記入力の前に表示されていた画像のうちの少なくとも一部の領域を撓ませるとともに前記少なくとも一部の領域の撓みに伴って前記少なくとも一部の領域に連続する領域を移動させることによって形成された部分撓み画像を前記表示画面に表示させる。 A display device according to the present invention is a display device including a display unit having a display screen on which an image is displayed, an input unit, and a control unit, and according to an input from a user via the input unit, The control unit bends at least a part of the image displayed before the input and moves a region continuous to the at least a part of the region as the at least part of the image is bent. The partially bent image formed by the display is displayed on the display screen.
 本発明によるプログラムは、表示画面に画像を表示させる工程と、前記表示画面に部分撓み画像を表示させる工程とを実行させるプログラムであって、前記部分撓み画像を表示させる工程において、前記部分撓み画像は、ユーザからの入力に応じて、前記入力の前に表示されていた画像のうちの少なくとも一部の領域を撓ませるとともに前記少なくとも一部の領域の撓みに伴って前記少なくとも一部の領域に連続する領域を移動させることによって形成される。 The program according to the present invention is a program for executing a step of displaying an image on a display screen and a step of displaying a partial deflection image on the display screen, wherein the partial deflection image is displayed in the step of displaying the partial deflection image. In response to an input from the user, bends at least a part of the image displayed before the input, and causes the at least a part of the image to be deflected to the at least a part of the area. It is formed by moving successive areas.
 本発明によれば、表示画面に表示される画像を効率的に変更することができる。 According to the present invention, the image displayed on the display screen can be changed efficiently.
(a)~(c)は本発明による表示方法の実施形態を説明するための模式図である。(A)-(c) is a schematic diagram for demonstrating embodiment of the display method by this invention. 本実施形態における撓みを説明するための模式図である。It is a schematic diagram for demonstrating the bending in this embodiment. 部分撓み画像の後に表示される画像の模式図である。It is a schematic diagram of the image displayed after a partial deflection image. 部分撓み画像の後に表示される画像の模式図である。It is a schematic diagram of the image displayed after a partial deflection image. 部分撓み画像の後に表示される画像の模式図である。It is a schematic diagram of the image displayed after a partial deflection image. 本実施形態の表示方法における部分撓み画像を示す図である。It is a figure which shows the partial bending image in the display method of this embodiment. (a)および(b)は本実施形態における部分撓み画像の形成方法を説明するための図である。(A) And (b) is a figure for demonstrating the formation method of the partial bending image in this embodiment. 部分撓み画像の後に表示される画像を示す図である。It is a figure which shows the image displayed after a partial bending image. 部分撓み画像の後に表示される画像を示す図である。It is a figure which shows the image displayed after a partial bending image. 部分撓み画像の後に表示される画像を示す図である。It is a figure which shows the image displayed after a partial bending image. (a)および(b)は本実施形態における撓み領域を説明するための図である。(A) And (b) is a figure for demonstrating the bending area | region in this embodiment. (a)は本実施形態における部分撓み画像を示す図であり、(b)は(a)の画像の後に表示される画像を示す図である。(A) is a figure which shows the partial bending image in this embodiment, (b) is a figure which shows the image displayed after the image of (a). 本実施形態の表示装置の模式図である。It is a schematic diagram of the display apparatus of this embodiment. 本実施形態と比較例の表示方法を比較するために行った測定方法を説明するための模式図である。It is a schematic diagram for demonstrating the measuring method performed in order to compare the display method of this embodiment and a comparative example. 本実施形態と比較例の表示方法を比較するために行った測定方法を説明するための模式図である。It is a schematic diagram for demonstrating the measuring method performed in order to compare the display method of this embodiment and a comparative example. 本実施形態と比較例の表示方法を比較するために行った測定方法を説明するための図である。It is a figure for demonstrating the measuring method performed in order to compare the display method of this embodiment and a comparative example. 本実施形態と比較例の表示方法を比較するために行った測定方法を説明するための図である。It is a figure for demonstrating the measuring method performed in order to compare the display method of this embodiment and a comparative example. 本実施形態および比較例の表示方法で行った測定の結果を示すグラフである。It is a graph which shows the result of the measurement performed by the display method of this embodiment and a comparative example. 本実施形態および比較例の表示方法で行った測定の結果を示すグラフである。It is a graph which shows the result of the measurement performed by the display method of this embodiment and a comparative example. 本実施形態および比較例の表示方法で行った測定の結果を示すグラフである。It is a graph which shows the result of the measurement performed by the display method of this embodiment and a comparative example. (a)は1つの撓み領域を示す模式図であり、(b)は複数の撓み領域を示す模式図であり、(c)は複数の撓み領域の合成された模式図である。(A) is a schematic diagram showing one bending region, (b) is a schematic diagram showing a plurality of bending regions, and (c) is a combined schematic diagram of the plurality of bending regions. (a)および(b)は本実施形態における撓み領域を複数形成する方法を説明するための図である。(A) And (b) is a figure for demonstrating the method of forming multiple bending area | regions in this embodiment. (a)は低いドラッグまたはフリック速度で形成された撓み領域を示す模式図であり、(b)は高いドラッグまたはフリック速度で形成された撓み領域を示す模式図である。(A) is a schematic diagram which shows the bending area | region formed with the low drag or flick speed, (b) is a schematic diagram which shows the bending area | region formed with the high drag or flick speed. (a)および(b)は本実施形態における撓みを説明するための模式図である。(A) And (b) is a schematic diagram for demonstrating the bending in this embodiment. 本実施形態における撓みを説明するための模式図である。It is a schematic diagram for demonstrating the bending in this embodiment. (a)はピンチイン前の画像を示す模式図であり(b)はピンチインによって形成された部分撓み画像を示す模式図であり、(c)および(d)はピンチインの後に表示される画像を示す模式図である。(A) is a schematic diagram showing an image before pinch-in, (b) is a schematic diagram showing a partially bent image formed by pinch-in, and (c) and (d) show images displayed after pinch-in. It is a schematic diagram. (a)はピンチアウト前の画像を示す模式図であり(b)はピンチアウトによって形成された部分撓み画像を示す模式図であり、(c)および(d)はピンチアウトの後に表示される画像を示す模式図である。(A) is a schematic diagram showing an image before pinch out, (b) is a schematic diagram showing a partially bent image formed by pinch out, and (c) and (d) are displayed after pinch out. It is a schematic diagram which shows an image. (a)および(b)は本実施形態における撓み領域を示す図である。(A) And (b) is a figure which shows the bending area | region in this embodiment. (a)~(d)は本実施形態における表示画面の変化を示す模式図である。(A)-(d) is a schematic diagram which shows the change of the display screen in this embodiment.
 以下、図面を参照して本発明による表示方法、表示装置およびプログラムの実施形態を説明する。ただし、本発明は以下の実施形態に限定されない。 Hereinafter, embodiments of a display method, a display device, and a program according to the present invention will be described with reference to the drawings. However, the present invention is not limited to the following embodiments.
 以下、図1および図2を参照して本発明による表示方法の実施形態を説明する。図1(a)に、表示部12の表示画面12aを示す。表示画面12aには任意の画像が表示される。ここでは、表示画面12aに表示される画像は連続した画像の一部である。例えば、表示画面12aには地図の一部が表示される。表示画面12aに対して一般的なパン操作を行うと、表示画面12aに現在表示されている画像に連続する画像が表示される。例えば、連続する画像の一部は、表示画面12aの全体にほぼ均一な倍率で表示される。なお、ここでは、表示画面12aは、表示部12の表示可能領域全体を占めているが、表示画面12aは、表示部12の表示可能領域の一部であってもよい。 Hereinafter, an embodiment of a display method according to the present invention will be described with reference to FIGS. 1 and 2. FIG. 1A shows a display screen 12 a of the display unit 12. An arbitrary image is displayed on the display screen 12a. Here, the image displayed on the display screen 12a is a part of a continuous image. For example, a part of the map is displayed on the display screen 12a. When a general pan operation is performed on the display screen 12a, an image continuous with the image currently displayed on the display screen 12a is displayed. For example, a part of the continuous image is displayed at a substantially uniform magnification on the entire display screen 12a. Here, the display screen 12a occupies the entire displayable area of the display unit 12, but the display screen 12a may be a part of the displayable area of the display unit 12.
 図1(b)に示すように、表示画面12aに対してユーザからの入力が行われる。例えば、ユーザは、タッチパネル、マウスまたはスタイラスを用いて、表示画面12a上をドラッグまたはフリックすることにより、入力を行う。図1(b)に示した矢印はユーザによって行われた入力の位置および方向を表しており、ここでは、入力は横方向に行われている。また、ここでは、入力の始点に対して入力の方向と反対側にある領域を領域Aとし、入力の始点に対して入力の方向側にある領域を領域Bとしている。本実施形態の表示方法では、ユーザからの入力に応じて、入力の前に表示されていた画像のうちの少なくとも一部の領域(図1(b)において領域B)が撓むとともに、撓む領域に連続する領域(図1(b)において領域A)が移動する。 As shown in FIG. 1B, input from the user is performed on the display screen 12a. For example, the user performs input by dragging or flicking the display screen 12a using a touch panel, a mouse, or a stylus. The arrow shown in FIG. 1B represents the position and direction of the input made by the user, and here, the input is made in the horizontal direction. Here, a region on the opposite side of the input direction with respect to the input start point is referred to as region A, and a region on the input direction side with respect to the input start point is referred to as region B. In the display method according to the present embodiment, in accordance with an input from the user, at least a part of the image displayed before the input (region B in FIG. 1B) bends and bends. A region (region A in FIG. 1 (b)) that moves continuously is moved.
 図1(c)に示すように、表示画面12aに、一部に撓んだ領域B'を含む画像を表示させる。この画像は、ユーザからの入力に応じて、領域Bが撓み、かつ、領域Aが領域Bの撓みに伴って移動することによって形成される。図1(c)において、ユーザからの入力の後に表示画面12aに表示される領域Aは、入力前の表示画面12aに表示されていた領域A1と、入力前の表示画面12aに表示されていなかった領域A2とを含んでいる。ここでは、入力に応じて、領域Bが撓むとともに領域Bに連続する領域Aが移動し、これに伴い、表示画面12aに、入力前に表示されていなかった領域A2が表示される。 As shown in FIG. 1 (c), an image including a region B ′ that is partially bent is displayed on the display screen 12a. This image is formed by the region B being bent and the region A being moved in accordance with the bending of the region B in response to an input from the user. In FIG.1 (c), the area | region A displayed on the display screen 12a after the input from a user is not displayed on the display screen 12a before the area | region A1 currently displayed on the display screen 12a before input. Region A2. Here, in response to the input, the region B bends and the region A continuing to the region B moves, and accordingly, the region A2 that has not been displayed before the input is displayed on the display screen 12a.
 なお、例えば、入力がドラッグまたはフリックの場合、領域Aの移動および領域Bの撓む程度は、ドラッグの長さ、ドラッグまたはフリックの強さ(圧力)および/または速度に応じて変化してもよい。本明細書の以下の説明において、ユーザからの入力に応じて撓んだ領域B'を撓み領域B'と呼ぶことがあり、部分的に撓んだ領域B'を有する画像を部分撓み画像と呼ぶことがある。図1(c)は部分撓み画像を示している。なお、撓み領域B'の表示内容は撓む前の領域Bの表示内容と対応しているが、撓み領域B'の表示内容は撓む前の領域Bの表示内容と厳密に一致しなくてもよい。例えば、撓み領域B'の表示内容は、撓む前の領域Bの表示内容と比べて、一部追加または削除されてもよい。 For example, when the input is dragging or flicking, the extent of movement of region A and the extent of bending of region B may vary depending on the drag length, drag or flick strength (pressure), and / or speed. Good. In the following description of the present specification, a region B ′ bent in response to an input from a user may be referred to as a bent region B ′, and an image having a partially bent region B ′ is referred to as a partially bent image. Sometimes called. FIG. 1C shows a partial deflection image. Note that the display content of the bending area B ′ corresponds to the display content of the area B before bending, but the display content of the bending area B ′ does not exactly match the display content of the area B before bending. Also good. For example, the display content of the bending area B ′ may be partially added or deleted as compared with the display content of the area B before being bent.
 このような画像表示方法では、ユーザからの入力に応じて、表示画面12aに、入力の前に表示画面12aに表示されていた画像に含まれる領域Bを撓ませるとともに領域Bに連続する領域Aを移動させた部分撓み画像を表示させる。このため、入力前の画像情報を実質的に失うことなく新たな画像情報を表示することができ、表示画面に表示される画像の変更を効率的に決定することができる。また、一般的なズームインでは、倍率が表示画面内において均一に変化するのに対して、本実施形態では、入力前の少なくとも一部の領域が撓むことによって空いた表示領域に新たな画像情報(少なくとも入力時にユーザの関心の高い情報)を表示するとともに、入力の前に表示されていた画像は部分的に撓んだ状態であったとしても表示されているため、ユーザは、部分撓み画像を見て、表示画面に表示される画像を効率的に変更することができる。また、ここでは、ユーザからの入力に応じて、入力の前に表示されていなかった領域が表示されるだけでなく、入力の前に表示されていた画像は部分的に撓んだ状態であったとしても表示されているため、例えば、ユーザは、新たな領域を視認した上で、新たに表示された領域と元々表示されていた領域との比較し、画像の変更方向および程度を決定することができる。 In such an image display method, the area A included in the image displayed on the display screen 12a before the input is deflected on the display screen 12a in accordance with the input from the user, and the area A continuous with the area B is displayed. The partial deflection image that is moved is displayed. Therefore, new image information can be displayed without substantially losing the image information before input, and the change of the image displayed on the display screen can be determined efficiently. In general zoom-in, the magnification changes uniformly in the display screen, whereas in this embodiment, new image information is displayed in a display area that is vacant by bending at least a part of the area before input. (At least information of high user interest at the time of input) is displayed, and the image displayed before the input is displayed even if it is in a partially bent state. , The image displayed on the display screen can be changed efficiently. In addition, here, not only the area that was not displayed before the input is displayed according to the input from the user, but also the image that was displayed before the input is in a partially bent state. For example, the user visually recognizes the new area, compares the newly displayed area with the originally displayed area, and determines the direction and degree of image change. be able to.
 なお、上述した説明では、領域Bは表示画面12aの一部であり、移動した領域Aは、入力前に表示されていた領域A1を含んでいたが、本発明はこれに限定されない。表示画面12aの全体が撓む領域Bとなり、入力後の領域Aは入力前に表示されていた領域A1を含まなくてもよい。 In the above description, the area B is a part of the display screen 12a, and the moved area A includes the area A1 displayed before the input, but the present invention is not limited to this. The entire display screen 12a becomes a bent area B, and the area A after input may not include the area A1 displayed before the input.
 ここで、図2を参照して本実施形態における撓みを説明する。本実施形態では、ユーザからの入力に応じて入力前の画像の少なくとも一部の領域が撓むことによって部分撓み画像を形成する。例えば、入力前の画像の少なくとも一部の領域が撓むことにより、入力前に歪んでいなかった画像の少なくとも一部が歪んで表示される。このような撓みは、現実世界(実空間)で紙や布に生じる現象と同様であり、撓んだものは、もの(表示内容)が変化することなく撓んでいない状態よりも狭い面積(表示面積)に存在していること、および、所定の操作を行うことによって撓みを解消可能であることを直感的に認識することができる。 Here, the bending in the present embodiment will be described with reference to FIG. In this embodiment, a partially bent image is formed by bending at least a part of an image before input in accordance with an input from a user. For example, at least a part of an image before input is deflected, so that at least a part of the image that was not distorted before input is distorted and displayed. Such bending is the same as the phenomenon that occurs in paper and cloth in the real world (real space), and the bent one has a smaller area (display) than the one that does not bend without any change (display contents). It is possible to intuitively recognize that it exists in the area) and that the deflection can be eliminated by performing a predetermined operation.
 例えば、画像は、撓み前において複数の行および複数の列によって規定されるマトリクス状に位置するグリッド点に対して微小に分離されて割り当てられており、ユーザからの入力によってグリッド点が移動することにより、入力前の画像の少なくとも一部の領域が撓んで表示されてもよい。グリッド点の移動は、視認性を考慮しつつ、アルゴリズムで制御してもよい。あるいは、グリッド点の移動は、物理方程式を用いて実世界の動きを再現的に記述した物理エンジンによって制御されてもよい。また、撓み方の起伏、形状は任意であってもよい。 For example, an image is assigned to grid points located in a matrix shape defined by a plurality of rows and a plurality of columns before bending, and the grid points are moved by an input from the user. Thus, at least a part of the area of the image before input may be bent and displayed. The movement of the grid points may be controlled by an algorithm in consideration of visibility. Alternatively, the movement of the grid points may be controlled by a physics engine that reproducibly describes real world motion using physical equations. Further, the undulation and shape of the bending method may be arbitrary.
 本実施形態では、ユーザからの入力に応じて、表示画面12aに、入力の前に表示画面12aに表示されていた画像に含まれる領域Bを撓ませるとともに領域Bに連続する領域Aを移動させた部分撓み画像を表示させる。表示画面12aは、部分撓み画像を表示した後、ユーザの反応に応じて以下のような画像を表示してもよい。例えば、表示画面12aは、部分撓み画像を表示した後、(1)入力の前に表示されていた画像、(2)撓みの解消した状態の入力の後の画像、および、(3)入力の前に表示されていた画像全体および入力によって新たに表示された領域の両方を含む画像のいずれかを表示してもよい。あるいは、表示画面12aは、例えば、ユーザからのさらなる入力があるまで、(4)そのまま部分撓み画像を表示し続けてもよい。 In the present embodiment, in response to an input from the user, the display screen 12a is caused to bend the region B included in the image displayed on the display screen 12a before the input and move the region A continuous to the region B. A partial deflection image is displayed. The display screen 12a may display the following image according to the user's reaction after displaying the partial deflection image. For example, the display screen 12a displays (1) the image that was displayed before the input after displaying the partial deflection image, (2) the image after the input in the state where the deflection has been eliminated, and (3) the input You may display either the image including both the whole image displayed previously and the area newly displayed by the input. Alternatively, the display screen 12a may continue to display the partial deflection image as it is, for example, until there is further input from the user (4).
 例えば、ユーザが、図1(c)に示した部分撓み画像において新たに表示された領域A2を含む画像の表示を望まない場合、入力の後に、表示画面12aに、入力前の画像を表示させる。 For example, when the user does not want to display an image including the newly displayed region A2 in the partially bent image illustrated in FIG. 1C, the image before input is displayed on the display screen 12a after the input. .
 図3に、部分撓み画像を表示した後に表示される画像の模式図を示す。例えば、部分撓み画像を見たユーザが入力の方向とは反対の方向にさらなる入力を行うことにより、表示画面12aに、ユーザからの入力の前に表示されていた画像を表示させる。 FIG. 3 shows a schematic diagram of an image displayed after displaying a partial deflection image. For example, when the user who has seen the partial deflection image performs further input in a direction opposite to the input direction, the image displayed before the input from the user is displayed on the display screen 12a.
 また、ユーザが、図1(c)に示した部分撓み画像において新たに表示された領域A2を含む画像の撓みの無い表示を望む場合、入力の後に、表示画面12aに、新たに表示された領域A2を含む画像を表示させる。 In addition, when the user desires to display the image including the area A2 newly displayed in the partial deflection image shown in FIG. 1C without any deflection, the image is newly displayed on the display screen 12a after the input. An image including the area A2 is displayed.
 図4に、部分撓み画像を表示した後に表示される画像の模式図を示す。例えば、ユーザが入力(例えば、ドラッグ)をそのまま終了すると、表示画面12aに、入力前の画像に対して入力の方向および距離だけ移動させた画像が表示される。このとき、入力前に表示されていた領域Bのうちの領域Bbは入力後も表示画面12aに表示されているが、入力前に表示されていた領域Bのうちの領域Baは入力の後には表示画面12aに表示されなくなる。この表示は、部分撓み画像を介したことを除いて、一般的なスクロール後の表示と等しくてもよい。 FIG. 4 shows a schematic diagram of an image displayed after displaying the partial deflection image. For example, when the user finishes inputting (for example, dragging) as it is, an image moved by the input direction and distance with respect to the image before input is displayed on the display screen 12a. At this time, the area Bb of the area B displayed before the input is still displayed on the display screen 12a after the input, but the area Ba of the area B displayed before the input is displayed after the input. It is no longer displayed on the display screen 12a. This display may be the same as a general scrolled display except that it is via a partial deflection image.
 または、ユーザが、図1(c)に示した部分撓み画像において入力の前に表示されていた画像(領域A1および領域Bを含む)全体と入力によって新たに表示された領域A2の両方を含む画像が表示されることを望む場合、入力の後に、表示画面12aに、部分撓み画像における撓みを解消した画像を表示させる。 Alternatively, the user includes both the entire image (including the area A1 and the area B) displayed before the input in the partial deflection image illustrated in FIG. 1C and the area A2 newly displayed by the input. When an image is desired to be displayed, after the input, an image in which the deflection in the partial deflection image is eliminated is displayed on the display screen 12a.
 図5に、部分撓み画像を表示した後に表示される画像の模式図を示す。例えば、部分撓み画像を見たユーザが撓み領域をタップまたはクリックすることにより、表示画面12aに、入力前の画像全体および新たに表示された領域の両方を含む画像を表示させる。本明細書においてこのような画像を広域画像と呼ぶことがある。広域画像は、いわゆるズームアウト操作後の画像と同様である。広域画像を表示する場合、表示部12の表示画面12aのサイズは広域画像の表示前のサイズと等しくてもよい。あるいは、表示部12の表示画面12aのサイズは、広域画像の表示前のサイズよりも大きくなってもよい。あるいは、ユーザがさらなる入力を行うまで、表示画面12aに、部分撓み画像を表示させ続けてもよい。 FIG. 5 shows a schematic diagram of an image displayed after displaying the partial deflection image. For example, when the user who has seen the partial deflection image taps or clicks the deflection area, an image including both the entire image before input and the newly displayed area is displayed on the display screen 12a. In this specification, such an image may be referred to as a wide area image. The wide area image is the same as the image after the so-called zoom-out operation. When displaying a wide area image, the size of the display screen 12a of the display unit 12 may be equal to the size before the wide area image is displayed. Alternatively, the size of the display screen 12a of the display unit 12 may be larger than the size before displaying the wide area image. Alternatively, the partial deflection image may be continuously displayed on the display screen 12a until the user performs further input.
 本実施形態の表示方法は地図の表示に好適に用いられる。以下、図6~図10を参照して本実施形態の表示方法を適用した地図の表示を説明する。なお、ここでは、地図として、縦方向および横方向に延びるグリッドの付された日本地図を用いている。 The display method of this embodiment is preferably used for displaying a map. Hereinafter, display of a map to which the display method of the present embodiment is applied will be described with reference to FIGS. Here, a map of Japan with a grid extending in the vertical and horizontal directions is used as the map.
 図6に、部分撓み画像を示す。ここでは、入力としてタッチパネルに指でドラッグを行っており、入力方向は斜め左下である。なお、図6において、領域Aにおいてグリッドは縦方向および横方向に延びているのに対して、撓み領域B'においてグリッドは斜め方向に延びている。 FIG. 6 shows a partial deflection image. Here, a finger is dragged to the touch panel as an input, and the input direction is diagonally lower left. In FIG. 6, the grid extends in the vertical direction and the horizontal direction in the region A, while the grid extends in the oblique direction in the bending region B ′.
 撓み領域B'はユーザの入力に応じて決定される。例えば、ユーザがドラッグまたはフリックを行う場合、撓みは、ドラッグまたはフリックの方向、長さ、強さ(圧力)および/または速度に応じて決定される。また、入力と撓みの関係は任意に設定可能であってもよい。 The bending region B ′ is determined according to the user input. For example, when the user performs a drag or flick, the deflection is determined according to the direction, length, strength (pressure) and / or speed of the drag or flick. Further, the relationship between the input and the deflection may be arbitrarily settable.
 ここで、図7を参照して領域Aおよび領域Bの決定方法の一例を説明する。図7(a)に示すように、入力の始点および方向から、領域Aおよび領域Bが決定される。領域Aは扇形である。この扇形を規定する円の円周の一部(弧Ka)上には入力の始点があり、円の中心Oは、入力の始点から入力の方向と反平行に延びた直線上に位置している。円の半径は、領域Aの移動距離が最大値の場合でも、表示が適切に行われるように設定されている。例えば、円の半径は、表示画面12aの短辺の約1.5倍である。 Here, an example of a method for determining the region A and the region B will be described with reference to FIG. As shown in FIG. 7A, the region A and the region B are determined from the input start point and direction. Region A has a sector shape. There is an input start point on a part of the circle (arc Ka) that defines the fan shape, and the center O of the circle is located on a straight line extending antiparallel to the input direction from the input start point. Yes. The radius of the circle is set so that the display is appropriately performed even when the moving distance of the region A is the maximum value. For example, the radius of the circle is about 1.5 times the short side of the display screen 12a.
 領域Bは、扇形から領域Aを除いた領域である。領域Bの扇形を規定する円は領域Aと同じ中心Oを有し、円の半径は、この中心Oから、入力の始点から入力の方向に延びた直線と表示画面12aとの交点Pまでの距離を示す。交点Pは弧Kb上にある。 Area B is an area obtained by removing area A from the sector shape. The circle defining the sector shape of the area B has the same center O as the area A, and the radius of the circle extends from the center O to the intersection P of the display screen 12a with a straight line extending in the input direction from the input start point. Indicates distance. The intersection point P is on the arc Kb.
 図7(b)に示すように、入力に応じて、領域Bが撓み領域B'に撓むとともに、領域Bに連続する領域Aがこの撓みに伴って移動する。ここでは、撓みに伴って、領域Bに連続する領域Aが移動しており、これにより、入力前に表示されていなかった領域が表示される。領域Bは、領域Aを含む周囲との連続性を保つように歪められる。例えば、領域Bは線形性を保つように歪められる。このように、入力に応じて、領域Bは撓み、領域Aが移動する。 As shown in FIG. 7B, in response to the input, the region B bends into the bending region B ′, and the region A continuing to the region B moves along with this bending. Here, the area A continuous with the area B is moved along with the bending, and thereby the area that was not displayed before the input is displayed. The region B is distorted so as to maintain continuity with the surroundings including the region A. For example, the region B is distorted so as to maintain linearity. Thus, in response to the input, the region B bends and the region A moves.
 例えば、領域Bの撓む程度、および、領域Aの移動距離は、ドラッグの長さに応じて決定される。例えば、ユーザのドラッグによって弧Kaおよび弧Kbが決定され、ドラッグの長さに応じて、弧Kaと弧Kbとの間の領域が撓んで表示される。ドラッグの距離が長いほど、撓み領域B'が狭くなり、領域Bの撓みに伴って領域Aは移動する。 For example, the extent to which the region B bends and the moving distance of the region A are determined according to the length of the drag. For example, the arc Ka and the arc Kb are determined by the user's drag, and the area between the arc Ka and the arc Kb is flexibly displayed according to the drag length. The longer the drag distance, the narrower the bending area B ′, and the area A moves with the bending of the area B.
 本実施形態の表示方法では、ユーザからの入力に応じて、入力の前に表示されていなかった領域を表示することができ、ユーザは、新たな領域を視認した上で、その後に、表示したい方向および領域を決定することができる。また、本実施形態では、入力の前に表示されていた画像は部分的に撓んだ状態ではあるものの依然として表示されているため、新たに表示された領域と元々表示されていた領域との比較を容易に行うことができ、表示画面に表示される画像を効率的に変更することができる。 In the display method of the present embodiment, an area that was not displayed before the input can be displayed according to the input from the user, and the user wants to display the new area after visually recognizing the new area. Direction and area can be determined. In the present embodiment, since the image displayed before the input is in a partially bent state but is still displayed, a comparison between the newly displayed region and the originally displayed region is performed. It is possible to easily change the image displayed on the display screen.
 例えば、ユーザからの入力は、入力の始点、方向および距離から規定される。例えば、移動する領域Aおよび撓み領域となる領域Bはユーザからの入力に応じて決定され、撓みおよび移動は座標変換によって実現される。入力の開始後、入力前の画像における各座標が領域Aおよび領域Bに該当するか否かが判定される。領域B内と判定された座標は、弧Kaからの距離および弧Kbからの距離を入力前の比率を維持したままそれぞれ短くなるように変換する。また、領域A内と判定された座標は、入力の長さだけ平行移動するように変換する。このような座標変換により、撓み領域B'と、撓み領域B'に撓んだことに伴って移動する領域Aを含む部分撓み画像を形成できる。 For example, input from the user is defined by the input start point, direction, and distance. For example, the area A to be moved and the area B to be a bending area are determined according to an input from the user, and the bending and the movement are realized by coordinate conversion. After the start of input, it is determined whether or not each coordinate in the image before input corresponds to region A and region B. The coordinates determined to be within the region B are converted so that the distance from the arc Ka and the distance from the arc Kb are shortened while maintaining the ratio before the input. In addition, the coordinates determined to be within the area A are converted so as to be translated by the input length. By such coordinate conversion, it is possible to form a partially bent image including a bent region B ′ and a region A that moves in accordance with the bending to the bent region B ′.
 例えば、表示画面12aは、図6に示した部分撓み画像を表示した後、ユーザの反応に応じて、(1)入力の前に表示されていた画像、(2)撓みの解消した入力の後の画像、および、(3)入力の前に表示されていた画像全体および入力によって新たに表示された領域の両方を含む広域画像のいずれかを表示してもよい。あるいは、表示画面12aは、例えば、ユーザからのさらなる入力があるまで、(4)そのまま部分撓み画像を表示し続けてもよい。 For example, the display screen 12a displays the partial deflection image shown in FIG. 6 and then (1) the image displayed before the input and (2) the input after the deflection is canceled according to the user's reaction. And (3) a wide area image including both the entire image displayed before the input and the area newly displayed by the input may be displayed. Alternatively, the display screen 12a may continue to display the partial deflection image as it is, for example, until there is further input from the user (4).
 図8に、部分撓み画像の後に表示される画像を示す。例えば、部分撓み画像を見たユーザが先に入力した方向とは反対の方向にフリックを行うことにより、表示画面12aに、入力の前に表示されていた画像が表示される。 FIG. 8 shows an image displayed after the partial deflection image. For example, by flicking in the direction opposite to the direction previously input by the user who viewed the partial deflection image, the image displayed before the input is displayed on the display screen 12a.
 図9に、部分撓み画像の後に表示される画像を示す。部分撓み画像を見たユーザがさらなる入力を行わない(例えば、ドラッグをそのまま終了する)ことにより、表示画面12aに、入力前の画像に対して入力の方向および距離だけ移動した画像が表示される。 FIG. 9 shows an image displayed after the partial deflection image. When the user who has seen the partially bent image does not perform further input (for example, the drag is ended as it is), an image moved by the input direction and distance with respect to the image before input is displayed on the display screen 12a. .
 図10に、部分撓み画像を表示した後に表示される画像の模式図を示す。部分撓み画像を見たユーザが撓み領域をタップすることにより、表示画面12aに、入力前の画像全体および新たに表示された領域の両方を含む広域画像が表示される。 FIG. 10 shows a schematic diagram of an image displayed after displaying the partial deflection image. When the user who has seen the partial deflection image taps the deflection area, a wide area image including both the entire image before input and the newly displayed area is displayed on the display screen 12a.
 ここで、再び、図6を参照する。上述したように、領域Bの座標は、弧Kaおよび弧Kbからの距離の比率を一定に維持するように変換されている。このため、撓み領域B'における互いに交差するグリッドで囲まれる矩形はいずれもほぼ同様のサイズおよび形状を有している。ここでは、撓み領域B'内の各部分の撓みの程度および倍率はほぼ一定である。ただし、撓み領域B'において倍率は段階的に変化してもよい。また、撓み領域B'の各部分において撓みの程度は不均一であってもよい。この場合、撓み領域B'の一部に、他の領域よりも高倍率の領域があってもよく、高倍率の領域ではいわゆるズームインと同様の表示が行われる。 Here, referring again to FIG. As described above, the coordinates of the region B are converted so that the ratio of the distances from the arc Ka and the arc Kb is kept constant. For this reason, all of the rectangles surrounded by the grids that intersect with each other in the bending region B ′ have substantially the same size and shape. Here, the degree and magnification of each part in the bending region B ′ are substantially constant. However, the magnification may be changed stepwise in the bending region B ′. Further, the degree of bending may be non-uniform in each portion of the bending region B ′. In this case, there may be a region with a higher magnification than the other regions in a part of the bending region B ′, and a display similar to so-called zoom-in is performed in the region with a higher magnification.
 なお、上述した説明では、撓み領域B'となる領域Bはユーザからの入力に応じて決定されたが、本発明はこれに限定されない。ユーザの関心の高い部分が撓み領域B'に含まれると、その部分が見えにくいことがある。このため、何らかの態様またはアルゴリズム等を用いてユーザの関心の高い部分を決定し、領域Bはその部分を含まないように決定されてもよい。 In the above description, the region B to be the bending region B ′ is determined according to the input from the user, but the present invention is not limited to this. If a portion of high interest of the user is included in the bending region B ′, the portion may be difficult to see. For this reason, a part with a high user's interest may be determined using some aspect or algorithm, and the region B may be determined not to include the part.
 上述した説明では、弧Kbは、ドラッグまたはフリックの始点および方向に応じて決定されたが、本発明はこれに限定されない。弧Kbは、ドラッグの長さ、ドラッグまたはフリックの強さ(圧力)および/または速度に応じて決定されてもよい。あるいは、領域Bは別の態様で決定されてもよい。また、上述した説明では、領域Bを決定する際に利用された交点Pは表示画面12aの外周上に位置していたが、本発明はこれに限定されない。交点Pは任意に設定されてもよい。ただし、交点Pを表示画面12aの外周上に設定することにより、座標変換時の演算を簡略化することができる。また、図7を参照して上述した説明では、撓み領域B’の幅はユーザのドラッグまたはフリックの長さに応じて変化したが、例えば、図11(a)および図11(b)から理解されるように、撓み領域B’は、ユーザのドラッグまたはフリックに伴ってほぼ一定の幅を維持したまま移動してもよい。なお、上述した座標変換は部分撓み画像を形成する一例であり、部分撓み画像は別の方法で形成されてもよい。 In the above description, the arc Kb is determined according to the starting point and direction of the drag or flick, but the present invention is not limited to this. The arc Kb may be determined according to the length of the drag, the strength (pressure) and / or speed of the drag or flick. Alternatively, the region B may be determined in another manner. Further, in the above description, the intersection point P used when determining the region B is located on the outer periphery of the display screen 12a, but the present invention is not limited to this. The intersection point P may be set arbitrarily. However, the calculation at the time of coordinate conversion can be simplified by setting the intersection point P on the outer periphery of the display screen 12a. In the above description with reference to FIG. 7, the width of the flexure region B ′ changes depending on the length of the user's drag or flick. For example, it can be understood from FIGS. 11 (a) and 11 (b). As described above, the bending region B ′ may be moved while maintaining a substantially constant width in accordance with a user's drag or flick. The coordinate conversion described above is an example of forming a partially bent image, and the partially bent image may be formed by another method.
 本実施形態の表示方法は、2つのオブジェクトの比較に好適に用いられる。図12(a)に、部分撓み画像の模式図を示す。ここでは、比較対象の2つのオブジェクトOa、Obは円で囲まれている。入力前の表示画面12a(図示せず)にはオブジェクトOaが表示されているもののオブジェクトObは表示されていないが、入力に応じて撓みが生じることにより、オブジェクトObが表示画面12a内に移動する。なお、撓み領域の倍率は入力前とは異なるが、2つのオブジェクトOa、Obおよびその近傍の倍率は入力前の倍率とほぼ等しい。このように、撓み領域を形成することによって表示画面12aに、表示されていなかったオブジェクトObを表示させることができ、もともと、入力前の倍率では同時に表示できなかった複数のオブジェクトOa、Obの比較を簡単に行うとともに、オブジェクトOa、Ob間の経路の概要を容易に把握することができる。 The display method of the present embodiment is preferably used for comparing two objects. FIG. 12A shows a schematic diagram of a partial deflection image. Here, the two comparison objects Oa and Ob are surrounded by a circle. Although the object Oa is displayed on the display screen 12a (not shown) before the input but the object Ob is not displayed, the object Ob moves into the display screen 12a due to bending according to the input. . Note that the magnification of the bending area is different from that before the input, but the magnifications of the two objects Oa and Ob and the vicinity thereof are substantially equal to the magnification before the input. In this way, the object Ob that has not been displayed can be displayed on the display screen 12a by forming the flexure region, and a plurality of objects Oa and Ob that were originally unable to be displayed simultaneously at the magnification before the input are compared. And an outline of the path between the objects Oa and Ob can be easily grasped.
 その後、2つのオブジェクトOa、Obを同時に表示したい場合、ユーザが撓み領域をタップまたはクリックすることによって撓みは解消される。その結果、図12(b)に示すように、表示画面12aに、オブジェクトOa、Obを含む画像を均一な倍率で表示させることができる。 Thereafter, when the two objects Oa and Ob are to be displayed at the same time, the deflection is eliminated by the user tapping or clicking on the deflection area. As a result, as shown in FIG. 12B, an image including the objects Oa and Ob can be displayed at a uniform magnification on the display screen 12a.
 本実施形態の表示方法は表示装置で好適に行われる。以下、図13を参照して、本発明による表示装置10の実施形態を説明する。 The display method of this embodiment is preferably performed by a display device. Hereinafter, an embodiment of the display device 10 according to the present invention will be described with reference to FIG.
 図13に、本実施形態の表示装置10の模式図を示す。表示装置10は、表示画面12aを有する表示部12と、入力部14と、制御部16とを備える。表示装置10は画像表示装置とも呼ばれる。表示部12は、例えば液晶パネルである。あるいは、表示部12は、例えば、ブラウン管、プラズマパネル、有機ELパネルなどの任意の方式で表示を行うものであってもよい。 FIG. 13 shows a schematic diagram of the display device 10 of the present embodiment. The display device 10 includes a display unit 12 having a display screen 12a, an input unit 14, and a control unit 16. The display device 10 is also called an image display device. The display unit 12 is a liquid crystal panel, for example. Or the display part 12 may display by arbitrary systems, such as a cathode ray tube, a plasma panel, an organic electroluminescent panel, for example.
 ユーザは、入力部14を介して表示画面12aの画像に対して入力を行う。入力部14は、例えば、タッチパネルである。また、入力部14は、マウスまたはスタイラスであってもよく、あるいは、他の任意のポインティングデバイスであってもよい。 The user inputs the image on the display screen 12a via the input unit 14. The input unit 14 is, for example, a touch panel. The input unit 14 may be a mouse or a stylus, or may be any other pointing device.
 本実施形態の表示装置10では、入力部14を介したユーザからの入力に応じて、制御部16は、表示画面12aに、部分撓み画像を表示させる。部分撓み画像は、入力の前に表示されていた画像の少なくとも一部の領域を撓ませるとともに撓んだ領域に連続する領域を移動させることによって形成される。このため、ユーザは、表示画面に表示される画像を効率的に変更することができる。例えば、制御部16は、入力に応じて、表示画面12aに表示される画像の座標変換を行う。 In the display device 10 of the present embodiment, the control unit 16 displays a partial deflection image on the display screen 12a in response to an input from the user via the input unit 14. The partially deflected image is formed by deflecting at least a part of the area of the image displayed before the input and moving an area continuous with the deflected area. For this reason, the user can efficiently change the image displayed on the display screen. For example, the control unit 16 performs coordinate conversion of an image displayed on the display screen 12a in accordance with the input.
 制御部16は、表示画面12aに部分撓み画像を表示させた後、ユーザの反応に応じて、(1)入力の前に表示されていた画像、(2)撓みの解消した状態の入力の後の画像、および、(3)入力の前に表示されていた画像全体および入力によって新たに表示された領域の両方を含む画像のいずれかを表示させてもよい。あるいは、制御部16は、表示画面12aに、例えば、ユーザからのさらなる入力があるまで、(4)そのまま部分撓み画像を表示させ続けてもよい。 After displaying the partial deflection image on the display screen 12a, the control unit 16 (1) the image displayed before the input, (2) after the input of the state in which the deflection is eliminated, according to the reaction of the user And (3) an image including both the entire image displayed before the input and an area newly displayed by the input may be displayed. Alternatively, the control unit 16 may continue to display the partial deflection image as it is (4) until there is further input from the user, for example, on the display screen 12a.
 例えば、部分撓み画像の表示後、ユーザが入力部14を介してフリックを行う場合、制御部16は、表示画面12aに、入力の前に表示されていた画像を表示させてもよい。または、部分撓み画像の表示後、ユーザは所定の期間入力を行わない場合、制御部16は、撓み領域の撓みを解消し、表示画面12aに、入力の前に表示されていなかった領域を含む画像を表示させてもよい。あるいは、部分撓み画像の表示後、ユーザが入力部14を介してタップまたはクリックを行う場合、制御部16は、表示画面12aに、入力の前に表示されていた画像全体と、入力の前に表示されていなかった領域との両方を含む広域画像を表示させてもよい。 For example, when the user performs flicking via the input unit 14 after displaying the partial deflection image, the control unit 16 may cause the display screen 12a to display the image that was displayed before the input. Alternatively, after the partial deflection image is displayed, when the user does not input for a predetermined period, the control unit 16 eliminates the deflection of the deflection region, and the display screen 12a includes a region that was not displayed before the input. An image may be displayed. Alternatively, when the user taps or clicks through the input unit 14 after displaying the partial deflection image, the control unit 16 displays the entire image displayed before the input on the display screen 12a and the input before the input. A wide area image including both the area that has not been displayed may be displayed.
 表示装置10は、必要に応じて、制御部16によって読みだされるプログラムの記録された記録部18をさらに備えていてもよい。制御部16は、このプログラムに従い、本実施形態の表示方法を実行させる。記録部18は、プログラムの記録された媒体であってもよい。また、記録部18は表示装置10に内蔵されてもよく、記録部18は表示装置10から外し可能であってもよい。あるいは、制御部16は、入力部14を介した入力に応じて上述した表示方法を実行する集積回路(例えば、半導体チップ)を有していてもよい。このような表示装置10は、パソコン、デジタルカメラ、携帯電話、PDA(Personal Data Assistant)、タブレットPC、カーナビゲーションシステムおよびスマートフォンなどの任意の情報表示装置の表示素子として好適に用いられる。 The display device 10 may further include a recording unit 18 in which a program read by the control unit 16 is recorded as necessary. The control unit 16 causes the display method of the present embodiment to be executed according to this program. The recording unit 18 may be a medium on which a program is recorded. The recording unit 18 may be built in the display device 10, and the recording unit 18 may be removable from the display device 10. Alternatively, the control unit 16 may include an integrated circuit (for example, a semiconductor chip) that executes the display method described above in response to an input via the input unit 14. Such a display device 10 is suitably used as a display element of an arbitrary information display device such as a personal computer, a digital camera, a mobile phone, a PDA (Personal Data Assistant), a tablet PC, a car navigation system, and a smartphone.
 ここで、図14~図20を参照して、比較例の表示方法と比較して本実施形態の表示方法の利点を説明する。比較例の表示方法は、いわゆるパン操作(pan)で行われる。なお、ここでは、ズーム操作は使用しない。本実施形態の表示方法では、部分撓み画像を形成した後、フリックによって元の画像に戻ることが可能である。ここでは、表示画面の解像度は1024×768画素であり、入力はスタイラスで行われる。なお、測定に先立ち、表示画面の外にあるオブジェクトを表示画面内に移動させる単純なテストを行ったところ、比較例の表示方法および本実施形態の表示方法をそれぞれのタスク完了時間はほぼ等しかった。 Here, with reference to FIG. 14 to FIG. 20, advantages of the display method of this embodiment compared to the display method of the comparative example will be described. The display method of the comparative example is performed by a so-called pan operation (pan). Here, the zoom operation is not used. In the display method of the present embodiment, after forming a partially bent image, it is possible to return to the original image by flicking. Here, the resolution of the display screen is 1024 × 768 pixels, and input is performed with a stylus. Prior to the measurement, when a simple test was performed to move an object outside the display screen into the display screen, the task completion times of the display method of the comparative example and the display method of the present embodiment were almost equal. .
 以下に、比較例の表示方法および本実施形態の表示方法をそれぞれ用いて所定のタスクを説明する。 Hereinafter, a predetermined task will be described using the display method of the comparative example and the display method of the present embodiment.
 図14に、表示部12の表示画面12aおよび画像の模式図を示す。表示画面12a内には1つのオブジェクト(アイコン)が表示されている。以下の説明においてこのオブジェクトをスタートオブジェクトと呼ぶことがある。また、現在の表示画面12aの外部には別のオブジェクト(アイコン)が存在している。以下の説明においてこのオブジェクトをゴールオブジェクトと呼ぶことがある。 FIG. 14 shows a schematic diagram of the display screen 12a of the display unit 12 and an image. One object (icon) is displayed in the display screen 12a. In the following description, this object may be referred to as a start object. Also, another object (icon) exists outside the current display screen 12a. In the following description, this object may be referred to as a goal object.
 今回のタスクは、2つのオブジェクトのサイズを比較した上で、サイズの大きいオブジェクトを表示画面の所定の領域内に表示させてタップすることで完了する。なお、タスク開始の表示画面においてゴールオブジェクトは表示されないが、ゴールオブジェクトの方向は矢印で表示される。 [This task is completed by comparing the size of two objects, displaying a large object in a predetermined area on the display screen, and tapping. Although the goal object is not displayed on the task start display screen, the direction of the goal object is indicated by an arrow.
 図15に、タスク開始時の模式図を示す。ここでは、ゴールオブジェクトは表示画面の上方向に位置している。また、タスクの完了時にタップするオブジェクトを収める領域は円で示されている。タスク開始時においてスタートオブジェクトは表示画面の中央に位置している。スタートオブジェクトからゴールオブジェクトまでの距離は600、800または1000画素である。比較例の表示方法では、距離が600または800画素の場合、最低1回ドラッグを行うことが必要であり、距離が1000画素の場合、最低2回ドラッグを行うことが必要である。 Figure 15 shows a schematic diagram at the start of the task. Here, the goal object is located in the upper direction of the display screen. An area for storing an object to be tapped when the task is completed is indicated by a circle. At the start of the task, the start object is located at the center of the display screen. The distance from the start object to the goal object is 600, 800 or 1000 pixels. In the display method of the comparative example, it is necessary to perform dragging at least once when the distance is 600 or 800 pixels, and it is necessary to perform dragging at least twice when the distance is 1000 pixels.
 ここでは、ゴールオブジェクトは、図16に示すように、スタートオブジェクトに対して上、斜め右上、右、斜め右下、下、斜め左下、左、斜め左上の8つの方向のいずれかに配置されている。なお、ここでは、画像は3000×3000画素のサイズで縮尺約3700分の1の地図である。 Here, as shown in FIG. 16, the goal object is arranged in any of the eight directions above, diagonally upper right, right, diagonally lower right, lower, diagonally lower left, left, diagonally upper left with respect to the start object. Yes. Here, the image is a map of about 1/3700 scale with a size of 3000 × 3000 pixels.
 図17に、タスク開始時の図を示す。ここでは、スタートオブジェクトの形状は円であり、ゴールオブジェクトはスタートオブジェクトの上方に位置している。なお、オブジェクトの形状は、ランダムに円、三角形およびひし形のいずれかであり、オブジェクトのサイズは、ランダムに、20、25、30、35、40画素のいずれかである。12名の被験者のそれぞれが1名あたり32回タスクを行った。 Figure 17 shows a diagram at the start of the task. Here, the shape of the start object is a circle, and the goal object is located above the start object. Note that the shape of the object is any one of a circle, a triangle, and a rhombus at random, and the size of the object is any one of 20, 25, 30, 35, or 40 pixels at random. Each of the 12 subjects performed the task 32 times per person.
 図18に、ターゲット距離に対するタスク完了時間を示す。スタートオブジェクトとゴールオブジェクトとの距離を表すターゲット距離が600画素の場合、本実施形態のタスク完了時間と比較例のタスク完了時間との差は比較的小さいが、ターゲット距離が800、1000画素と大きくなると、本実施形態のタスク完了時間と比較例のタスク完了時間との差は比較的大きくなる。本実施形態によれば、特にターゲット距離が比較的長い場合、比較例と比べてタスク完了時間を短縮することができる。 FIG. 18 shows the task completion time with respect to the target distance. When the target distance representing the distance between the start object and the goal object is 600 pixels, the difference between the task completion time of this embodiment and the task completion time of the comparative example is relatively small, but the target distance is as large as 800 and 1000 pixels. Then, the difference between the task completion time of the present embodiment and the task completion time of the comparative example becomes relatively large. According to this embodiment, especially when the target distance is relatively long, the task completion time can be shortened as compared with the comparative example.
 図19に、正解オブジェクトに対するタスク完了時間を示す。最終的にタップされるオブジェクト(正解オブジェクト)がゴールオブジェクトの場合、本実施形態のタスク完了時間と比較例のタスク完了時間との差は比較的小さいが、正解オブジェクトがスタートオブジェクトの場合、本実施形態のタスク完了時間と比較例のタスク完了時間との差は比較的大きい。このように、本実施形態によれば、入力前の画像に表示されていなかったオブジェクトと比較した上で入力前の画像に表示されたオブジェクトを選択する場合、比較例と比べて、タスク完了時間を短縮することができる。これは、本実施形態では部分撓み画像において比較を行った後のフリックによってすぐに元の画像に戻ることができたためと考えられる。 FIG. 19 shows the task completion time for the correct object. When the finally tapped object (correct object) is a goal object, the difference between the task completion time of this embodiment and the task completion time of the comparative example is relatively small, but when the correct object is a start object, this implementation The difference between the task completion time of the configuration and the task completion time of the comparative example is relatively large. Thus, according to the present embodiment, when selecting an object displayed in an image before input after comparing with an object not displayed in the image before input, the task completion time is compared with the comparative example. Can be shortened. This is considered to be because in the present embodiment, it was possible to immediately return to the original image by the flick after the comparison in the partially bent image.
 図20に、ターゲット距離に対するドラッグ距離を示す。正解オブジェクトがスタートまたはゴールのいずれの場合でも、本実施形態のドラッグ距離は比較例よりも短い。特に、正解オブジェクトがスタート場合、本実施形態のドラッグ距離は、比較例のドラッグ距離よりもかなり短くなる。これは、本実施形態では部分撓み画像において比較を行った後のフリックによってすぐに元の画像に戻ることができたためと考えられる。 FIG. 20 shows the drag distance relative to the target distance. Regardless of whether the correct object is a start or a goal, the drag distance of this embodiment is shorter than that of the comparative example. In particular, when the correct object is started, the drag distance of the present embodiment is considerably shorter than the drag distance of the comparative example. This is considered to be because in the present embodiment, it was possible to immediately return to the original image by the flick after the comparison in the partially bent image.
 このように、本実施形態の表示方法では、比較例の表示方法と比べて表示画面に表示される画像を効率的に変更することができる。比較例の表示方法では、表示画面で表示できないスタートオブジェクトとゴールオブジェクトを往復して比較することが必要となるのに対して、本実施形態の表示方法では、部分撓み画像においてスタートオブジェクトとゴールオブジェクトの両方を同時に表示画面内で比較することができるため、表示すべき画像の選択を高速かつ少ない操作で行うことができる。 Thus, in the display method of the present embodiment, the image displayed on the display screen can be changed efficiently compared to the display method of the comparative example. In the display method of the comparative example, it is necessary to reciprocally compare the start object and the goal object that cannot be displayed on the display screen, whereas in the display method of the present embodiment, the start object and the goal object are displayed in the partial deflection image. Since both can be compared on the display screen at the same time, an image to be displayed can be selected at high speed and with few operations.
 なお、上述した説明では、部分撓み画像は1つの撓み領域を有していたが、本発明はこれに限定されない。部分撓み画像は複数の撓み領域を有していてもよい。 In the above description, the partially bent image has one bent region, but the present invention is not limited to this. The partial deflection image may have a plurality of deflection regions.
 図21(a)に示すように1つの撓み領域B’を形成した後、図21(b)に示すように、別の撓み領域B’を形成してもよい。なお、図21(b)には複数の撓み領域B’は互いに近傍に位置しているが、これは例示にすぎず、複数の撓み領域B’は互いに離れた領域に位置してもよい。例えば、事故等によって人間の手および脚が骨折した場合、全身レントゲン像から、人間の体部分を撓み領域とした部分撓み画像を形成することにより、表示画面12aを有効に用いて複数の患部を同時におよび/または患部を拡大して表示することができる。 After forming one bending region B ′ as shown in FIG. 21 (a), another bending region B ′ may be formed as shown in FIG. 21 (b). In FIG. 21B, the plurality of bending regions B 'are located in the vicinity of each other, but this is merely an example, and the plurality of bending regions B' may be located in regions separated from each other. For example, when a human hand and a leg are broken due to an accident or the like, a plurality of affected parts can be obtained by effectively using the display screen 12a by forming a partial deflection image with the human body part as a deflection region from the whole body X-ray image. At the same time and / or the affected area can be enlarged and displayed.
 なお、布や紙の撓みが近接する領域に複数形成される場合、1つに合体することがある。本実施形態においても、近傍領域に複数の撓みが形成される場合、図21(c)に示すように、撓みは1つに合成されてもよい。 In addition, when a plurality of flexures of cloth or paper are formed in an adjacent region, they may be combined into one. Also in the present embodiment, when a plurality of bends are formed in the vicinity region, as shown in FIG. 21C, the bends may be combined into one.
 また、撓み領域B’が形成された後、時間の経過とともに、撓み領域B’は解消されてもよい。この場合、撓み領域B’が解消されるまでの時間を比較的長く設定することにより、簡便に複数の撓み領域B’を形成できる。一例として、図22(a)に示すように、撓み領域B’を形成した後、すぐに、図22(b)に示すように、先に形成した撓み領域B’と同じ方向にドラッグすることにより、複数の撓み領域B’を形成することができる。このような撓み領域B’を複数回形成することにより、入力前の表示画面に対して比較的離れた領域を表示画面12aに表示させることができる。なお、このように複数の撓み領域B’を形成する場合、必要に応じて、先に形成された撓み領域B’は、後に形成される撓み領域B’のドラッグまたはフリックに伴って移動してもよい。 In addition, after the formation of the bending region B ', the bending region B' may be eliminated as time passes. In this case, a plurality of bending regions B 'can be easily formed by setting a relatively long time until the bending region B' is eliminated. As an example, as shown in FIG. 22 (a), immediately after forming the bending region B ′, as shown in FIG. 22 (b), dragging in the same direction as the previously formed bending region B ′. Thus, a plurality of bending regions B ′ can be formed. By forming such a bending region B 'a plurality of times, a region relatively distant from the display screen before input can be displayed on the display screen 12a. In addition, when forming a plurality of bending regions B ′ in this way, the bending region B ′ formed earlier is moved in accordance with dragging or flicking of the bending region B ′ formed later if necessary. Also good.
 また、撓みの程度は、ドラッグまたはフリックの速度に応じて変化させてもよい。例えば、ドラッグまたはフリックの速度が低い場合、図23(a)に示すように、撓みの程度を小さくし、ドラッグまたはフリックの速度が高い場合、図23(b)に示すように、撓みの程度を大きくてしてもよい。なお、ここでは、ドラッグまたはフリックの速度に着目したが、ドラッグの長さ、あるいは、ドラッグまたはフリックの強さ(圧力)に着目してもよい。例えば、ドラッグが短い場合、あるいは、ドラッグまたはフリックが弱い場合、撓みの程度は小さくし、ドラッグが長い場合、あるいは、ドラッグまたはフリックが強い場合、撓みの程度は大きくしてもよい。 Also, the degree of deflection may be changed according to the speed of dragging or flicking. For example, when the drag or flick speed is low, the degree of deflection is reduced as shown in FIG. 23A, and when the drag or flick speed is high, the degree of deflection is as shown in FIG. May be larger. Note that here, the speed of the drag or flick is focused, but the length of the drag or the strength (pressure) of the drag or flick may be focused. For example, when the drag is short or when the drag or flick is weak, the degree of bending may be reduced, and when the drag is long or when the drag or flick is strong, the degree of deflection may be increased.
 図24(a)に示すように、撓み領域B’は平坦に表示されてもよい。あるいは、図24(b)に示すように、撓み領域B’は起伏があるように表示されてもよい。起伏の程度は、ドラッグ距離またはフリック距離に応じて変化してもよい。例えば、撓み領域B’の中央およびその近傍の倍率は、領域Aの倍率よりも高くてもよい。このように、撓み領域B’の少なくとも一部が領域Aよりも高い倍率を呈していることにより、画像を局所的に拡大させることができる。あるいは、図25に示すように、撓み領域B’は領域Aに対して凹むように表示されてもよい。このように凹ませることにより、重要度の低い画像を表示する面積を低減させることができる。必要に応じて、撓みの特性(撓みやすさの程度、および、撓みの解消される時間等)は、布のメタファのパラメータとしてユーザによって適宜設定されてもよい。 As shown in FIG. 24A, the deflection region B 'may be displayed flat. Alternatively, as shown in FIG. 24B, the bending region B ′ may be displayed so as to be undulated. The degree of undulation may vary depending on the drag distance or the flick distance. For example, the magnification at the center of the bending region B ′ and in the vicinity thereof may be higher than the magnification of the region A. As described above, since at least a part of the bending region B ′ exhibits a higher magnification than the region A, the image can be locally enlarged. Alternatively, as shown in FIG. 25, the bending area B ′ may be displayed so as to be recessed with respect to the area A. By denting in this way, it is possible to reduce the area for displaying a less important image. If necessary, the characteristics of the bend (the degree of bendability and the time for which the bend is eliminated) may be appropriately set by the user as a parameter of the cloth metaphor.
 なお、近年、表示装置10の入力部14としてタッチパネルが好適に用いられている。タッチパネルでは、画像のズームアウトは、タッチパネル上のユーザの2本の指の間隔を狭くする(ピンチイン)ことによって行われることがあり、画像のズームインは、タッチパネル上のユーザの2本の指の間隔を広くする(ピンチアウト)ことによって行われることがある。 In recent years, a touch panel has been suitably used as the input unit 14 of the display device 10. In the touch panel, the zoom-out of the image may be performed by narrowing (pinch-in) the interval between the two fingers of the user on the touch panel, and the zoom-in of the image is performed between the two fingers of the user on the touch panel. May be performed by widening (pinch out).
 本実施形態において入力としてピンチインが行われてもよい。以下、図26を参照して、ピンチインが行われる場合の表示方法を説明する。 In this embodiment, pinch-in may be performed as an input. Hereinafter, a display method when pinch-in is performed will be described with reference to FIG.
 図26(a)に、ピンチイン前の表示画面12aおよび画像を示す。ここでは、表示画面12aに、横方向および縦方向に延びた直線が表示されている。オブジェクトOaは表示画面12aに表示されているが、オブジェクトObは表示画面12aに表示されていない。 FIG. 26A shows a display screen 12a and an image before pinching in. Here, a straight line extending in the horizontal direction and the vertical direction is displayed on the display screen 12a. The object Oa is displayed on the display screen 12a, but the object Ob is not displayed on the display screen 12a.
 ピンチインは、ユーザが2本の指の間隔を狭くすることによって行われる。図26(b)に、ピンチインによって形成された部分撓み画像を示す。ピンチインにより、2本の指の間に挟まれた領域が撓み領域B'となり、この撓みによって入力前に表示されていなかった領域A2が表示される。このため、ピンチインの前に表示されていなかったオブジェクトObは表示画面12aに表示されている。 ピ ン Pinch-in is performed by the user narrowing the interval between two fingers. FIG. 26B shows a partial deflection image formed by pinch-in. As a result of the pinch-in, the region sandwiched between the two fingers becomes the bending region B ′, and the region A2 that has not been displayed before the input due to this bending is displayed. For this reason, the object Ob that was not displayed before the pinch-in is displayed on the display screen 12a.
 なお、図26(b)に示した部分撓み画像では、入力前の直線は、撓み領域B'に向かうように曲がって表示される。なお、撓み領域B'の表示内容は撓む前の表示内容と対応しているが、撓み領域B'の表示内容は撓む前の表示内容と厳密に一致しなくてもよい。撓み領域B'の表示内容は、撓む前の表示内容と比べて一部削除されてもよい。 Note that, in the partial deflection image shown in FIG. 26B, the straight line before the input is bent and displayed so as to be directed to the deflection region B ′. In addition, although the display content of bending area | region B 'respond | corresponds with the display content before bending, the display content of bending area B' does not need to correspond exactly with the display content before bending. A part of the display content of the bending area B ′ may be deleted compared to the display content before the bending.
 図26(c)に、部分撓み画像の後に表示される画像を示す。ユーザが、図26(b)に示した部分撓み画像において新たに表示された領域A2を含む画像の表示を望む場合、例えば、ユーザがピンチインを終了してタッチパネルから指を離すと、表示画面12aに、新たに表示された領域A2を含む画像が撓みのない状態で表示される。この画像は、入力前の画像に対してズームアウト操作を行った画像とほぼ等しい。 FIG. 26C shows an image displayed after the partial deflection image. When the user desires to display an image including the newly displayed area A2 in the partially bent image shown in FIG. 26B, for example, when the user ends the pinch-in and releases his / her finger from the touch panel, the display screen 12a In addition, the image including the newly displayed region A2 is displayed in a state without deflection. This image is almost the same as the image obtained by performing the zoom-out operation on the image before input.
 図26(d)に、部分撓み画像の後に表示される画像を示す。ユーザが、図26(b)に示した部分撓み画像において新たに表示された領域A2を含む画像の表示を望まない場合、例えば、ユーザが2本の指をそれぞれの間隔を広げるようにフリックすることにより、表示画面12aに、入力の前に表示されていた画像が表示される。 FIG. 26 (d) shows an image displayed after the partial deflection image. When the user does not want to display an image including the newly displayed area A2 in the partially bent image shown in FIG. 26B, for example, the user flicks two fingers to widen the interval between them. As a result, the image displayed before the input is displayed on the display screen 12a.
 本実施形態において入力としてピンチアウトが行われてもよい。また、撓みに伴って移動する領域は入力前とは異なる倍率で表示されてもよい。 In this embodiment, pinch out may be performed as an input. In addition, the area that moves with bending may be displayed at a different magnification from that before the input.
 以下、図27を参照して、ピンチアウトが行われる場合の表示方法を説明する。図27(a)に、ピンチアウト前の表示画面12aおよび画像を示す。ここでも、表示画面12aに、横方向および縦方向に延びた線が表示されている。表示画面12aにはオブジェクトOa、Obが表示されている。 Hereinafter, a display method when a pinch out is performed will be described with reference to FIG. FIG. 27A shows a display screen 12a and an image before pinching out. Again, lines extending in the horizontal and vertical directions are displayed on the display screen 12a. Objects Oa and Ob are displayed on the display screen 12a.
 ピンチアウトは、ユーザが2本の指の間隔を広げることによって行われる。図27(b)に、ピンチアウトによって形成された部分撓み画像を示す。ここでは、ユーザの2本の指の間隔を広くすることにより、2本の指のそれぞれと表示画面12aの外周部との間にそれぞれ撓み領域B'が形成される。撓み領域B'では、入力前の画像が撓んだ状態で表示されている。なお、ここでも、撓み領域B'の形成とともに領域Aは移動するが、2本の指の間の領域Aが拡大することになり、領域Aは入力前の画像よりも高い倍率で表示される。図27(b)に示した部分撓み画像では、入力前の直線は、撓み領域B'に向かうように曲がって表示される。 ピ ン Pinch out is performed by the user widening the interval between two fingers. FIG. 27B shows a partial deflection image formed by pinching out. Here, by increasing the interval between the two fingers of the user, a bending region B ′ is formed between each of the two fingers and the outer peripheral portion of the display screen 12a. In the bending area B ′, the image before input is displayed in a bent state. In this case as well, the area A moves with the formation of the bending area B ′, but the area A between the two fingers is enlarged, and the area A is displayed at a higher magnification than the image before input. . In the partial deflection image shown in FIG. 27B, the straight line before input is displayed so as to be bent toward the deflection region B ′.
 なお、撓み領域B'の表示内容は撓む前の表示内容と対応しているが、撓み領域B'の表示内容は撓む前の表示内容と厳密に一致しなくてもよい。例えば、撓み領域B'の表示内容は、撓む前の表示内容と比べて、一部削除されてもよい。また、領域Aの表示内容は移動する前の表示内容と対応しているが、領域Aの表示内容は移動する前の表示内容と厳密に一致しなくてもよい。例えば、領域Aの表示内容は、移動する前の表示内容と比べて一部追加されてもよく、追加される情報は、例えば領域A内のオブジェクトの詳細な情報であってもよい。 In addition, although the display content of bending area | region B 'respond | corresponds with the display content before bending, the display content of bending area B' does not need to correspond exactly with the display content before bending. For example, the display content of the bending area B ′ may be partially deleted as compared with the display content before bending. Further, the display content of the area A corresponds to the display content before the movement, but the display content of the area A may not exactly match the display content before the movement. For example, a part of the display content of the area A may be added as compared to the display content before moving, and the added information may be detailed information of objects in the area A, for example.
 図27(c)に、部分撓み画像の後に表示される画像を示す。ユーザが、図27(b)に示した部分撓み画像において領域Aの拡大された表示を望む場合、入力の後に、表示画面12aに、2本の指の間を拡大した領域を含む画像を表示させる。このとき、撓み領域の撓みを解消してもよい。例えば、ユーザがピンチアウトを終了して、タッチパネルから指を離すと、表示画面12aに、2本の指の間を拡大することによって表示された領域Aと等しい倍率で領域Aを中心とした画像を表示させる。この画像は、入力前の画像に対してズームイン操作を行った画像とほぼ等しい。 FIG. 27C shows an image displayed after the partial deflection image. When the user desires an enlarged display of the region A in the partial deflection image shown in FIG. 27B, an image including an enlarged region between two fingers is displayed on the display screen 12a after the input. Let At this time, the bending of the bending region may be eliminated. For example, when the user finishes pinching out and releases his / her finger from the touch panel, the image centered on the area A at the same magnification as the area A displayed by enlarging the space between the two fingers on the display screen 12a. Is displayed. This image is almost equal to an image obtained by performing a zoom-in operation on the image before input.
 図27(d)に、部分撓み画像の後に表示される画像を示す。ユーザが、図27(a)に示した部分撓み画像において領域Aの拡大された表示を望まない場合、例えば、2本の指の間隔を短くする方向にフリックすることにより、表示画面12aに入力前の画像を表示させる。 FIG. 27D shows an image displayed after the partial deflection image. When the user does not want to enlarge the display of the area A in the partial deflection image shown in FIG. 27A, for example, the user can input to the display screen 12a by flicking in the direction of shortening the interval between two fingers. Display the previous image.
 なお、ピンチインまたはピンチアウトを行う場合、2本の指を1本ずつ離してもよい。例えば、2本の指でピンチインを行う場合、表示画面12aには、入力前に表示されていなかった領域A2が2つの方向から移動して表示される。この場合、1本の指を表示画面12aから離すことにより、離した指に対応する領域A2は表示画面12aの外に移動し、別の指に対応する領域A2が表示画面12aに表示されたまま残る。 In addition, when performing pinch in or pinch out, two fingers may be released one by one. For example, when pinching in with two fingers, the area A2 that was not displayed before the input is displayed on the display screen 12a by moving from two directions. In this case, by releasing one finger from the display screen 12a, the area A2 corresponding to the released finger moves out of the display screen 12a, and the area A2 corresponding to another finger is displayed on the display screen 12a. Remains.
 また、異なる手の指を用いてピンチインまたはピンチアウトを行ってもよい。例えば、図28(a)に示すように、ユーザの2本の指が異なる方向にドラッグまたはフリックを行ってそれぞれ撓み領域B’を形成した後、1本の指によって形成された撓み領域B’を残したまま、他方の指を表示画面12aから離し、その後、図28(b)に示すように、この指で再びさらに異なる方向にドラッグを行って別の撓み領域B’を形成してもよい。あるいは、大画面の表示装置を用いる場合、複数の人間による入力により、表示画面12aの複数個所に撓み領域B’を形成してもよい。 Also, pinch-in or pinch-out may be performed using fingers of different hands. For example, as shown in FIG. 28 (a), after the user's two fingers drag or flick in different directions to form the respective bent regions B ', the bent region B' formed by one finger. The other finger is moved away from the display screen 12a while leaving the mark, and then, as shown in FIG. 28 (b), another bending region B ′ is formed by dragging with this finger in a further different direction. Good. Alternatively, when a large-screen display device is used, the bending regions B 'may be formed at a plurality of locations on the display screen 12a by a plurality of human inputs.
 例えば、ピンチアウトによってアイコンを起動させることができる。ここで、図29を参照して、ピンチアウトによるアイコンの起動を説明する。 For example, an icon can be activated by pinching out. Here, with reference to FIG. 29, activation of an icon by pinch-out will be described.
 まず、図29(a)に示すように、表示画面12aはマトリクス状に配列されたアイコンを表示する。ここでは、複数のアイコンを模式的に円状に示している。 First, as shown in FIG. 29A, the display screen 12a displays icons arranged in a matrix. Here, a plurality of icons are schematically shown in a circle.
 次に、図29(b)に示すように、ユーザは、2本の指で所定のアイコンを挟み、このアイコンを拡大するように2本の指の間隔を広げる。この場合、図29(c)に示すように、このアイコンは撓みながら拡大される。ここでは、アイコンは、縦長形状に撓んでいる。 Next, as shown in FIG. 29B, the user sandwiches a predetermined icon with two fingers, and widens the interval between the two fingers so as to enlarge the icon. In this case, as shown in FIG. 29C, this icon is enlarged while being bent. Here, the icon is bent into a vertically long shape.
 その後、指の間隔をさらに広げて、アイコンが所定の大きさを超えるようにアイコンにズームインすると、図29(d)に示すように、アイコンによって特定されるアプリケーションが起動する。ここでは、マップのアプリケーションが起動し、その一例として日本地図が表示されている。以上のように、特定の領域をピンチアウトすることにより、アプリケーションを起動させてもよい。 Then, when the distance between fingers is further expanded and the icon is zoomed in so that the icon exceeds a predetermined size, the application specified by the icon is started as shown in FIG. Here, a map application is activated, and a map of Japan is displayed as an example. As described above, the application may be activated by pinching out a specific area.
 本発明によれば、表示画面に表示される画像を効率的に変更することができる。本発明は、パソコン、デジタルカメラ、携帯電話、スマートフォン、タブレットPC、カーナビゲーションシステムおよびPDA(Personal Data Assistant)などに好適に適用される。 According to the present invention, the image displayed on the display screen can be changed efficiently. The present invention is suitably applied to a personal computer, a digital camera, a mobile phone, a smartphone, a tablet PC, a car navigation system, a PDA (Personal Data Assistant), and the like.
 10  表示装置
 12  表示部
 12a 表示画面
 14  入力部
 16  制御部
 18  記録部
DESCRIPTION OF SYMBOLS 10 Display apparatus 12 Display part 12a Display screen 14 Input part 16 Control part 18 Recording part

Claims (14)

  1.  表示画面に画像を表示させる工程と、
     前記表示画面に部分撓み画像を表示させる工程と
    を包含する、表示方法であって、
     前記部分撓み画像を表示させる工程において、前記部分撓み画像は、ユーザからの入力に応じて、前記入力の前に表示されていた画像のうちの少なくとも一部の領域を撓ませるとともに前記少なくとも一部の領域の撓みに伴って前記少なくとも一部の領域に連続する領域を移動させることによって形成される、表示方法。
    Displaying the image on the display screen;
    Including a step of displaying a partial deflection image on the display screen,
    In the step of displaying the partial deflection image, the partial deflection image causes the at least part of the image displayed before the input to bend and the at least part according to an input from a user. The display method is formed by moving a region continuous with the at least a portion of the region as the region is bent.
  2.  前記部分撓み画像を表示させる工程は、前記入力として前記ユーザがピンチインまたはピンチアウトを行うことによって前記部分撓み画像を形成する工程を含む、請求項1に記載の表示方法。 The display method according to claim 1, wherein the step of displaying the partial deflection image includes a step of forming the partial deflection image by the user performing pinch-in or pinch-out as the input.
  3.  前記部分撓み画像を表示させる工程は、前記入力として前記ユーザが2本の指の間を狭めて前記ピンチインを行うことにより、前記ユーザの2本の指の間の領域を撓ませる工程を含む、請求項2に記載の表示方法。 The step of displaying the partial deflection image includes the step of bending the region between the two fingers of the user by performing the pinch-in by narrowing the gap between two fingers as the input. The display method according to claim 2.
  4.  前記部分撓み画像を表示させる工程は、前記入力として前記ユーザが2本の指の間を広げて前記ピンチアウトを行うことにより、前記ユーザの2本の指の間の領域を拡大する工程を含む、請求項2に記載の表示方法。 The step of displaying the partial deflection image includes a step of enlarging a region between the two fingers of the user by performing the pinch out by spreading the gap between two fingers as the input. The display method according to claim 2.
  5.  前記部分撓み画像を表示させる工程において、前記部分撓み画像は、前記入力の前に表示されていなかった領域を含む、請求項1から3のいずれかに記載の表示方法。 4. The display method according to claim 1, wherein in the step of displaying the partial deflection image, the partial deflection image includes an area that has not been displayed before the input.
  6.  前記入力の後、前記表示画面に、前記入力の前に表示されていた画像を再び表示させる工程をさらに包含する、請求項1から5のいずれかに記載の表示方法。 The display method according to any one of claims 1 to 5, further comprising a step of displaying again the image displayed before the input on the display screen after the input.
  7.  前記入力の前に表示されていた画像を再び表示させる工程はフリックを行う工程を含む、請求項6に記載の表示方法。 The display method according to claim 6, wherein the step of displaying the image displayed before the input again includes a step of flicking.
  8.  前記入力の後、前記少なくとも一部の領域の撓みを解消し、前記表示画面に、前記入力の前に表示されていなかった領域を含む画像を表示させる工程をさらに包含する、請求項1から3のいずれかに記載の表示方法。 The method further includes the step of eliminating the bending of the at least a part of the area after the input and causing the display screen to display an image including an area that was not displayed before the input. The display method in any one of.
  9.  前記入力の後、前記表示画面に、前記入力の前に表示されていた画像全体と、前記入力の前に表示されていなかった領域との両方を含む広域画像を表示させる工程をさらに包含する、請求項1から3のいずれかに記載の表示方法。 After the input, the display screen further includes a step of displaying a wide area image including both the entire image displayed before the input and an area not displayed before the input. The display method according to claim 1.
  10.  前記広域画像を表示させる工程は、前記少なくとも一部の領域をタップまたはクリックする工程を含む、請求項9に記載の表示方法。 The display method according to claim 9, wherein the step of displaying the wide area image includes a step of tapping or clicking the at least part of the region.
  11.  前記部分撓み画像を表示させる工程は、ユーザからのさらなる入力があるまで、前記表示画面に前記部分撓み画像を表示させる、請求項1から4のいずれかに記載の表示方法。 The display method according to any one of claims 1 to 4, wherein in the step of displaying the partial deflection image, the partial deflection image is displayed on the display screen until further input from a user is received.
  12.  前記部分撓み画像を表示させる工程は、前記入力の前に表示されていた画像のうちの少なくとも一部の領域の座標を変換する工程を含む、請求項1から11のいずれかに記載の表示方法。 The display method according to claim 1, wherein the step of displaying the partial deflection image includes a step of converting coordinates of at least a partial region of the image displayed before the input. .
  13.  画像の表示される表示画面を有する表示部と、入力部と、制御部とを備える、表示装置であって、
     前記入力部を介したユーザからの入力に応じて、前記制御部は、前記入力の前に表示されていた画像のうちの少なくとも一部の領域を撓ませるとともに前記少なくとも一部の領域の撓みに伴って前記少なくとも一部の領域に連続する領域を移動させることによって形成された部分撓み画像を前記表示画面に表示させる、表示装置。
    A display device comprising a display unit having a display screen on which an image is displayed, an input unit, and a control unit,
    In response to an input from a user via the input unit, the control unit bends at least a part of the image displayed before the input and flexes the at least part of the area. A display device that causes a partial deflection image formed by moving a region continuous with the at least a portion of the region to be displayed on the display screen.
  14.  表示画面に画像を表示させる工程と、
     前記表示画面に部分撓み画像を表示させる工程と
    を実行させるプログラムであって、
     前記部分撓み画像を表示させる工程において、前記部分撓み画像は、ユーザからの入力に応じて、前記入力の前に表示されていた画像のうちの少なくとも一部の領域を撓ませるとともに前記少なくとも一部の領域の撓みに伴って前記少なくとも一部の領域に連続する領域を移動させることによって形成される、プログラム。
    Displaying the image on the display screen;
    A program for executing a step of displaying a partial deflection image on the display screen,
    In the step of displaying the partial deflection image, the partial deflection image causes the at least part of the image displayed before the input to bend and the at least part according to an input from a user. A program formed by moving a region that is continuous with the at least a portion of the region as the region is bent.
PCT/JP2012/053415 2011-03-09 2012-02-14 Display method, display device and program WO2012120978A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2011051234 2011-03-09
JP2011-051234 2011-03-09

Publications (1)

Publication Number Publication Date
WO2012120978A1 true WO2012120978A1 (en) 2012-09-13

Family

ID=46797947

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2012/053415 WO2012120978A1 (en) 2011-03-09 2012-02-14 Display method, display device and program

Country Status (1)

Country Link
WO (1) WO2012120978A1 (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2013029607A (en) * 2011-07-27 2013-02-07 Aisin Aw Co Ltd Information display apparatus, information display method and program
CN105917301A (en) * 2013-12-19 2016-08-31 三星电子株式会社 Display apparatus and method of displaying image by display apparatus
US11010029B2 (en) 2013-12-19 2021-05-18 Samsung Electronics Co., Ltd. Display apparatus and method of displaying image by display apparatus

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000137563A (en) * 1998-10-30 2000-05-16 Sharp Corp Electronic book device
JP2000163193A (en) * 1998-11-25 2000-06-16 Seiko Epson Corp Portable information equipment and information storage medium

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000137563A (en) * 1998-10-30 2000-05-16 Sharp Corp Electronic book device
JP2000163193A (en) * 1998-11-25 2000-06-16 Seiko Epson Corp Portable information equipment and information storage medium

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2013029607A (en) * 2011-07-27 2013-02-07 Aisin Aw Co Ltd Information display apparatus, information display method and program
CN105917301A (en) * 2013-12-19 2016-08-31 三星电子株式会社 Display apparatus and method of displaying image by display apparatus
EP3084574A4 (en) * 2013-12-19 2017-09-06 Samsung Electronics Co., Ltd. Display apparatus and method of displaying image by display apparatus
US11010029B2 (en) 2013-12-19 2021-05-18 Samsung Electronics Co., Ltd. Display apparatus and method of displaying image by display apparatus

Similar Documents

Publication Publication Date Title
US9176653B2 (en) Methods for combination tools that zoom, pan, rotate, draw, or manipulate during a drag
JP4533943B2 (en) Information processing apparatus, display control method, and program
US10082948B2 (en) Apparatus and method for grouping and displaying icons on a screen
US8370772B2 (en) Touchpad controlling method and touch device using such method
TWI434202B (en) Electronic apparatus with touch screen and associated displaying control method
JP5429060B2 (en) Display control apparatus, display control method, display control program, and recording medium on which this display control program is recorded
US20140002502A1 (en) Method and apparatus for outputting graphics to a display
JP5371798B2 (en) Information processing apparatus, information processing method and program
JP2004078693A (en) Visual field movement operating method
JP4695154B2 (en) Touch panel display control system, touch panel display control method, touch panel display control program
JP2011081440A (en) Information processing apparatus, information processing method, and information processing program
KR101885132B1 (en) Apparatus and method for input by touch in user equipment
JP2004192573A (en) Information processor and information display method
JP2009169493A (en) Touch panel display control system, touch panel display control method, and touch panel display control program
WO2012120978A1 (en) Display method, display device and program
JP4879933B2 (en) Screen display device, screen display method and program
JP2014197164A (en) Display device, display method and display program
JP2017204099A (en) Information processing device, information processing method and information processing program
JP5785891B2 (en) Display device
JP6373710B2 (en) Graphic processing apparatus and graphic processing program
JP2015153083A (en) Display control program, apparatus, and method
JP6526851B2 (en) Graphic processing apparatus and graphic processing program
JP4754653B2 (en) Touch panel display control system, touch panel display control method, touch panel display control program
JP5463455B2 (en) Map display device and map display method
US10838570B2 (en) Multi-touch GUI featuring directional compression and expansion of graphical content

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 12754337

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 12754337

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: JP