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

Description

Display device, display method, and program

The present invention relates to a display device for displaying information, a display method, and a program.

Many portable terminal devices (display devices) such as mobile phones, PHS (Personal Handyphone System), PDA (Personal Data Assistance, Personal Digital Assistants) have a touch panel function. You can activate and use convenient functions with a simple operation of simply touching. As a result, the user can perform an intuitive operation rather than a button key operation.

Also, a technique for predicting the moving direction of the finger on the touch panel and displaying information displayed in the predicted moving direction is considered (for example, see Patent Document 1).

JP 2008-21094 A

However, since the above-described technique is a simple operation that can be simply touched with a finger, an erroneous operation (incorrect input) such as a user touching an unintended icon may occur.

In general scrolling operations on touch panels, screen scrolling is realized by tracing the screen with a finger.

When the menu (icon) that is activated with a single touch is displayed at the bottom of the screen, if you move your finger from top to bottom to perform vertical scrolling, you may accidentally touch the icon. In that case, a function unintended by the user is activated.

Also, in scrolling in other directions, if an icon such as a menu is arranged in the direction of movement of the user's finger, there is a risk that the icon will be touched accidentally by extending the scrolling operation. Also in this case, a function not intended by the user is activated.

As a method for preventing an erroneous operation of the one-touch menu as described above, a method of confirming the operation by detecting that the finger touching the icon is released (touching the icon, releasing it if there is no problem in operation, releasing the icon if there is a problem) There is a method of canceling the erroneous operation by moving the finger to a different area and then releasing it), but the scrolling operation has a long finger movement distance or repeated operations many times, and the erroneous operation is excessive Even if you do, there is no room for canceling.

An object of the present invention is to provide a display device, a display method, and a program that solve the above-described problems.

The display device of the present invention includes:
A display unit having a touch panel function and displaying information;
A control unit that moves the display position of the icon displayed on the display unit to a position different from the currently displayed position in accordance with the movement of the contact body whose contact is detected by the display unit. .

Moreover, the display method of the present invention includes:
A display method for displaying information on a display having a touch panel function,
A process in which the display detects contact of a contact body;
A process of detecting the movement of the contact body detecting the contact;
In accordance with the detected movement, the display position of the icon displayed on the display is moved to a position different from the currently displayed position.

The program of the present invention is
A program for causing a device that displays information on a display having a touch panel function to execute the program,
A procedure for the display to detect contact of a contact body;
A procedure for detecting the movement of the contact body detecting the contact;
In accordance with the detected movement, a procedure for moving the display position of the icon displayed on the display to a position different from the position currently displayed is executed.

As described above, in the present invention, erroneous input to the touch panel can be prevented.

It is a figure which shows one Embodiment of the display apparatus of this invention. 4 is a flowchart for explaining a first example of a display method in the display device shown in FIG. 1. It is a figure which shows an example of the display screen of a display part in case the icon is displayed on the moving direction of a finger | toe. It is a figure which shows an example of the display screen of the display part which displays the icon moved by the process of step 3. FIG. It is a figure which shows the other example of the display screen of a display part in case the icon is displayed on the moving direction of a finger | toe. It is a figure which shows the other example of the display screen of the display part which displays the icon moved by the process of step 3. FIG. 6 is a flowchart for explaining a second example of a display method in the display device shown in FIG. 1. It is a figure which shows an example of a mode when a finger | toe crosses the boundary. It is a figure which shows an example of the display screen of the display part which displays the icon moved by the process of step. It is a figure which shows an example of the reset boundary. 10 is a flowchart for explaining a third example of the display method in the display device shown in FIG. 1. It is a figure which shows an example of a mode when the position which detected the contact of the finger | toe moved out of the area | region from the inside of an area | region. It is a figure which shows an example of the display screen of the display part which displays the icon moved by the process of step 24. FIG. 10 is a flowchart for explaining a fourth example of a display method in the display device shown in FIG. 1. It is a figure which shows an example of a mode when the position which detected the contact of the finger | toe moved out of the range into the range. It is a figure which shows an example of the display screen of the display part which displays the icon moved by the process of step.

Hereinafter, embodiments of the present invention will be described with reference to the drawings.

FIG. 1 is a diagram showing an embodiment of a display device of the present invention.

As shown in FIG. 1, the display device 100 according to this embodiment includes a display unit 110 and a control unit 120. The display device 100 is a mobile terminal device such as a mobile phone, PHS (Personal Handyphone System), PDA (Personal Data Assistance, Personal Digital Assistant), PC (Personal Car), etc. It is a device having a touch panel function.

The display unit 110 is a display that has a touch panel function and displays information.

The control unit 120 detects the movement of a contact body such as a finger that the display unit 110 has detected contact, and currently displays the display position of the icon displayed on the display unit 110 according to the detected movement. Move to a position different from the current position. This icon is displayed to activate a predetermined function, and is a small menu image made up of simple pictures and figures displayed on the display unit 110, as in the case of generally used icons. is there. When the display unit 110 detects contact with an icon, the control unit 120 activates a function corresponding to the icon.

In addition, the control unit 120 changes the display position of the icon displayed on the display unit 110 in a direction different from the direction of the movement according to the direction of movement of the contact body that the display unit 110 detects contact. Move to position.

Hereinafter, a display method in the display device 100 shown in FIG. 1 will be described. In the following description, a case where the contact body is a finger will be described as an example.

FIG. 2 is a flowchart for explaining a first example of the display method in the display device 100 shown in FIG.

First, in step 1, the control unit 120 recognizes that the touch of the finger on the display unit 110 is detected and the display unit 110 is traced with the finger to scroll the display screen displayed on the display unit 110. Then, in step 2, the control unit 120 determines whether an icon is displayed in the finger movement direction.

FIG. 3 is a diagram illustrating an example of a display screen of the display unit 110 when an icon is displayed in the finger movement direction.

As shown in FIG. 3, when the icons 130-1 to 130-3 are displayed on the lower side of the display unit 110 and the finger moves from the upper side to the lower side of the display unit 110, the finger moves in the moving direction. The control unit 120 determines that the icons 130-1 to 130-3 are displayed. In the example shown in FIG. 3, a case where the number of icons 130-1 to 130-3 is three is shown as an example, but it may be two or less, or four or more. (It is the same in the following description).

Here, the position where the contact of the finger is detected may be specified using a general method, for example, based on coordinate information on the display unit 110 (the same applies in the following description).

If the control unit 120 determines that the icons 130-1 to 130-3 are displayed in the direction of finger movement, the icons 130-1 to 130-3 are displayed on the finger 120 by the control unit 120 in step 3. It is moved to a position in a direction different from the moving direction.

Note that the icon may be moved based on only the moving direction of the finger regardless of whether the scroll is being performed.

FIG. 4 is a diagram showing an example of a display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 3.

As shown in FIG. 4, the icons 130-1 to 130-3 displayed on the lower side of the display unit 110 move to the left side of the display unit 110 at a position different from the finger movement direction. In addition, since the moving direction of the finger is the movement from the upper side to the lower side of the display unit 110, the position in a direction different from the moving direction may be the upper side or the right side of the display unit 110.

FIG. 5 is a diagram showing another example of the display screen of the display unit 110 when icons 130-1 to 130-3 are displayed in the finger movement direction.

As shown in FIG. 5, when the icons 130-1 to 130-3 are displayed on the right side of the display unit 110 and the finger moves from the left side to the right side of the display unit 110, the icon 130 is moved in the finger movement direction. The control unit 120 determines that −1 to 130-3 are displayed.

FIG. 6 is a diagram showing another example of the display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 3.

As shown in FIG. 6, the icons 130-1 to 130-3 displayed on the right side of the display unit 110 move to the lower side of the display unit 110 which is in a direction different from the direction of finger movement. Note that since the movement direction of the finger is from the left side to the right side of the display unit 110, the position in a direction different from the movement direction may be the upper side or the left side of the display unit 110.

In addition, when the position at which the display unit 110 detects contact moves across a preset boundary on the display unit 110, the control unit 120 changes the display position of the icon displayed on the display unit 110. Further, it may be moved to a position corresponding to the position of contact detection after movement.

FIG. 7 is a flowchart for explaining a second example of the display method in the display device 100 shown in FIG.

First, in step 11, the control unit 120 recognizes that a finger contact with the display unit 110 is detected and the display unit 110 is traced with a finger to scroll the display screen displayed on the display unit 110. Then, in step 12, the control unit 120 determines whether or not the position where the finger contact has been detected has moved across a preset boundary.

FIG. 8 is a diagram illustrating an example of a state when the finger moves across the boundary.

As shown in FIG. 8, with the icons 130-1 to 130-3 displayed on the lower side of the display unit 110, the finger crosses the boundary 140 indicated by the broken line from the upper side to the lower side of the display unit 110. , The controller 120 determines that the position where the finger contact is detected has moved across the boundary 140. In FIG. 8, the boundary 140 is indicated by a broken line. However, the boundary 140 may not actually be displayed on the display unit 110, and the control unit 120 may recognize the position using coordinate information or the like. It ’s fine.

Further, the position of the boundary 140 is determined based on the distance to the displayed icons 130-1 to 130-3, the moving speed of the finger, and the operation, and the icons 130-1 to 130-3 are moved. Taking into account the necessary processing time, it is set with a certain margin. In other words, when there is a movement across the boundary 140, it is a position where it can be determined that an operation in which the finger approaches the icons 130-1 to 130-3 is being performed.

If the control unit 120 determines that the position where the finger contact is detected has moved across the boundary 140, the displayed icons 130-1 to 130-3 are moved by the control unit 120 in step 13. It is moved to a position corresponding to the position of subsequent contact detection.

FIG. 9 is a diagram showing an example of a display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 13.

As shown in FIG. 9, when the contact detection position after the movement is lower than the boundary 140 drawn from the right side to the left side of the display unit 110, the icon 130 displayed on the lower side of the display unit 110. -1 to 130-3 move to the left side of the display unit 110. Since the contact detection position after the movement is below the boundary 140, the position where the icons 130-1 to 130-3 move may be the upper side or the right side of the display unit 110. Further, the boundary 140 may be drawn from the upper side to the lower side of the display unit 110.

Here, when the position of the boundary 140 drawn in the vertical direction of the display unit 110 is the left side of the display unit 110, the position where the finger contact is detected straddles the boundary 140 from the right side to the left side of the display unit 110. When moving at, the above-described processing is performed. In addition, when the position of the boundary 140 drawn in the vertical direction of the display unit 110 is on the right side of the display unit 110, the position where the finger contact is detected moves across the boundary 140 from the left side to the right side of the display unit 110. In this case, the above-described processing is performed. Further, when the position of the boundary 140 drawn in the horizontal direction of the display unit 110 is on the upper side of the display unit 110, the position where the finger contact is detected moves across the boundary 140 from the lower side to the upper side of the display unit 110. If so, the above-described processing is performed. In addition, when the position of the boundary 140 drawn in the horizontal direction of the display unit 110 is on the lower side of the display unit 110, the position where the finger contact is detected straddles the boundary 140 from the upper side to the lower side of the display unit 110. In the case of movement (shown in FIGS. 8 and 9), the above-described processing is performed.

When the icons 130-1 to 130-3 move, the boundary 140 is reset by the control unit 120 in step 14 accordingly.

FIG. 10 is a diagram illustrating an example of the reset boundary 140.

As shown in FIG. 10, when the icons 130-1 to 130-3 move from the position shown in FIG. 8 to the position shown in FIG. 9, the boundary 140 becomes the icon 130-1 to 130- shown in FIG. 3 is reset to the position on the right side of the icons 130-1 to 130-3 shown in FIG. The position at which the boundary 140 is reset is a position where it can be determined that an operation in which the finger approaches the icons 130-1 to 130-3 is performed, as described above.

In addition, when the position where the display unit 110 detects the contact moves out of the predetermined area, the control unit 120 changes the display position of the icon displayed on the display unit 110 to the contact after the movement. It may be moved to a position corresponding to the detection position.

FIG. 11 is a flowchart for explaining a third example of the display method in the display device 100 shown in FIG.

First, in step 21, the contact of the finger to the display unit 110 is detected, and the control unit 120 determines whether or not the position of the detection is within a preset area. This area will be described later.

When the control unit 120 determines that the position where the contact is detected is within the predetermined area, the display unit 110 is traced with a finger to scroll the display screen displayed on the display unit 110 in step 22. When the control unit 120 recognizes that this has been done, in step 23, the control unit 120 determines whether or not the position where the finger contact has been detected has moved out of the region.

FIG. 12 is a diagram illustrating an example of a state when the position where the finger contact is detected moves from the inside of the region to the outside of the region.

As shown in FIG. 12, the icons 130-1 to 130-3 are displayed on the lower side of the display unit 110. From the upper side to the lower side of the display unit 110, the area 150 indicated by the broken line is out of the area 150. When the finger moves, the control unit 120 determines that the position where the finger contact is detected has moved out of the region. In FIG. 12, the area 150 is indicated by a broken line. However, the area 150 may not actually be displayed on the display unit 110, and the control unit 120 may recognize the position using coordinate information or the like. It ’s fine.

The size and position of the area 150 are determined in response to the distance to the displayed icons 130-1 to 130-3, the moving speed of the finger, and the operation, and the icons 130-1 to 130-3 are moved. In consideration of the processing time required for the above, it is set with a certain margin. In other words, when there is a movement from the area 150 to the outside of the area 150, it can be determined that an operation in which the finger approaches the icons 130-1 to 130-3 is being performed. Further, the shape of the region 150 is not particularly defined.

If the control unit 120 determines that the position where the finger contact is detected has moved out of the area 150, the displayed icons 130-1 to 130-3 are moved by the control unit 120 in step 24. It is moved to a position corresponding to the position of subsequent contact detection.

FIG. 13 is a diagram showing an example of a display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 24.

As shown in FIG. 13, when the contact detection position after the movement is outside the region 150 and on the lower side, the icons 130-1 to 130-3 displayed on the lower side of the display unit 110 are displayed. Move to the left side of the display unit 110. In addition, since the detection position of the contact after the movement is below the area 150, the position where the icon moves may be the upper side or the right side of the display unit 110.

Further, when the position where the finger contact is detected moves outside the area 150 in a state where the icons 130-1 to 130-3 are displayed on the upper side of the display unit 110, the same processing as the above-described processing is performed. Is called. Further, when the position where the touch of the finger is detected moves outside the right side of the area 150 in a state where the icons 130-1 to 130-3 are displayed on the right side of the display unit 110, the same processing as described above is performed. Is called. Further, when the position where the finger contact is detected moves outside the left side of the region 150 in a state where the icons 130-1 to 130-3 are displayed on the left side of the display unit 110, the same processing as the above-described processing is performed. Is called.

In addition, the control unit 120 displays the display unit 110 when the position at which the display unit 110 detects contact moves from outside the predetermined range to within the range from the display position of the icon displayed on the display unit 110. The display position of the icon being moved may be moved to a position corresponding to the position of contact detection after movement.

FIG. 14 is a flowchart for explaining a fourth example of the display method in the display device 100 shown in FIG.

First, in step 31, a finger contact with the display unit 110 is detected, and the control unit 120 determines whether or not the detection position is outside a preset range. This range will be described later.

If the control unit 120 determines that the position where the contact is detected is out of the predetermined range, the display unit 110 can be traced with a finger to scroll the display screen displayed on the display unit 110 in step 32. If the control unit 120 recognizes that the finger contact has been made, the control unit 120 determines in step 33 whether or not the position where the finger contact has been detected has moved into the range.

FIG. 15 is a diagram illustrating an example of a state when the position where the finger contact is detected moves from outside the range to within the range.

As shown in FIG. 15, when the finger 130 moves from the outside of the range 160 indicated by the broken line while the icon 130-1 is displayed on the lower side of the display unit 110, the position where the finger contact is detected Is determined to be within the range by the control unit 120. In FIG. 15, the range 160 is indicated by a broken line. However, the range 160 may not actually be displayed on the display unit 110, and the control unit 120 may recognize the position using coordinate information or the like. It ’s fine.

The range 160 is set so as to surround the icon 130-1, and the size and position of the range 160 are determined based on the size of the displayed icon 130-1, the moving speed of the finger, and the operation. Taking into account the processing time required to move −1, it is set with a certain margin. That is, when there is a movement from the outside of the range 160 into the range 160, it can be determined that an operation in which the finger approaches the icon 130-1 is being performed. In other words, it can be said that the inside of the range 160 is a position close to the displayed icon 130-1. Further, the shape of the range 160 does not need to be matched with the shape of the icon 130-1, and is not particularly defined. For example, it may be a circle having a predetermined radius from the center of the icon 130-1, or may be within a predetermined distance from one reference coordinate (for example, the upper left corner) of the icon 130-1. May be. Furthermore, it may be in a range where both absolute values of the XY coordinates are not more than a predetermined value.

In FIG. 15, the case where only one icon 130-1 is displayed has been described as an example. However, the number may be three as shown in FIG. do not do.

If the control unit 120 determines that the position where the finger contact is detected has moved into the range 160, the displayed icons 130-1 to 130-3 are moved by the control unit 120 after the movement in step 34. It is moved to a position corresponding to the position where the contact is detected. At this time, the range 160 also moves together with the icons 130-1 to 130-3.

FIG. 16 is a diagram showing an example of a display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 34.

As shown in FIG. 16, when the contact detection position after the movement is within the range 160 with the icon 130-1 being displayed on the lower side of the display unit 110, the lower side of the display unit 110 is displayed. The icon 130-1 and the range 160 displayed on the left move to the left side of the display unit 110. The position where the icon 130-1 and the range 160 move may be on the upper side or the right side of the display unit 110.

Further, when the position where the finger contact is detected moves to the inside of the range 160 in a state where the icon 130-1 is displayed on the upper side, the right side, or the left side of the display unit 110, the same processing as that described above is performed. Is called.

Further, in the above-described form, when the finger is operated beyond the boundary 140 or the region 150, or when the finger is moved (moved) into the range 160, the movement direction of the finger is determined. An explanation has been given of moving an icon to the end of a different display unit 110. However, in the case of an icon not arranged at the lower end of the display unit 110, the icon is moved in the same direction as the finger moving direction. May be. The icon may be moved by a predetermined coordinate without moving to the end of the display unit 110.

As described above, according to the present invention, it is possible to provide a UI (User Interface) that can prevent a user from accidentally touching an unintended icon and prevent an erroneous operation of the user. Therefore, a display device with higher operability can be provided.

The processing performed by each component provided in the display device 100 described above may be performed by a logic circuit that is produced according to the purpose. Further, a computer program (hereinafter referred to as a program) in which processing contents are described as a procedure is recorded on a recording medium readable by the display device 100, and the program recorded on the recording medium is read by the display device 100 and executed. It may be what you do. The recording medium readable by the display device 100 is a removable recording medium such as a floppy (registered trademark) disk, a magneto-optical disk, a DVD, and a CD, and a memory such as a ROM and a RAM built in the display device 100. And HDD. The program recorded on the recording medium is read by the control unit 120 provided in the display device 100, and the same processing as described above is performed under the control of the control unit 120. Here, the control unit 120 operates as a computer that executes a program read from a recording medium on which the program is recorded.

The present invention has been described above with reference to the embodiments, but the present invention is not limited to the above embodiments. Various changes that can be understood by those skilled in the art can be made to the configuration and details of the present invention within the scope of the present invention.

This application incorporates the entire disclosure of Japanese Patent Application No. 2011-072739 filed on March 29, 2011.

Claims (7)

A display unit having a touch panel function and displaying information;
A control unit that moves the display position of the icon displayed on the display unit to a position different from the currently displayed position in accordance with the movement of the contact body whose contact is detected by the display unit. Display device. The display device according to claim 1,
The control unit moves the display position of the icon displayed on the display unit to a position different from the direction according to the direction of movement of the contact body on which the display unit detects contact. A display device characterized by that. The display device according to claim 1,
When the position where the display unit detects contact moves across a preset boundary on the display unit, the control unit determines the display position of the icon displayed on the display unit, A display device, wherein the display device is moved to a position corresponding to the position of contact detection after movement. The display device according to claim 1,
When the position at which the display unit detects contact moves outside the predetermined area on the display unit, the control unit determines the display position of the icon displayed on the display unit. A display device, wherein the display device is moved to a position corresponding to the position of contact detection after movement. The display device according to claim 1,
The control unit displays when the position where the display unit detects contact moves from outside the predetermined range to the inside of the icon displayed by the display unit. A display device characterized in that the display position of a moving icon is moved to a position corresponding to the position of contact detection after the movement. A display method for displaying information on a display having a touch panel function,
A process in which the display detects contact of a contact body;
A process of detecting the movement of the contact body detecting the contact;
A display method for performing a process of moving the display position of the icon displayed on the display to a position different from the currently displayed position in accordance with the detected movement. In a device that displays information on a display with a touch panel function,
A procedure for the display to detect contact of a contact body;
A procedure for detecting the movement of the contact body detecting the contact;
A program for executing a procedure for moving a display position of an icon displayed on the display to a position different from a currently displayed position in accordance with the detected movement.

Images