JP2016130888A - Computer program for icon selection, portable terminal, and computer mounting method - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide a user interface allowing effective icon selection by a slide operation in a portable terminal.SOLUTION: The computer program for icon selection of the present invention executes the steps of: when a detection unit detects a contact with an object accompanied with a slide operation, determining an operation vector of the slide operation detected by the detection unit; simultaneously moving a plurality of icons disposed on a display unit in accordance with the operation vector; selecting one of the icons on the basis of the reference position on the display unit; and making a computer serve as a control unit for executing a function related to the selected icon.SELECTED DRAWING: Figure 3

Description

  The present invention relates to a computer program, a portable terminal, and a computer-implemented method for selecting an icon arranged on a touch display in consideration of usability.

  Conventional portable terminals, particularly smartphones, typically include a touch display. The touch display includes a detection unit (touch panel) and a display unit (display), and the user can operate the screen by touching an icon through an object such as a fingertip or a stylus.

  In recent years, smartphones have become more and more multifunctional, and data displayed on a display has been diversified, and accordingly, user operations have become complicated. For example, a desired application such as a game application is started from the screen after the smartphone is started, and a desired operation is performed, or a desired setting is performed on the smartphone via a predetermined menu screen from the screen after the startup. The user operation is complicated. In the prior art, in consideration of user operability, it is common to provide a user interface that guides the user's touch operation by arranging icons in an easy-to-understand manner on the display as shown in FIG. Is.

However, in the conventional icon display, the icons are merely displayed automatically or manually (for example, icons A to D in FIG. 1), and sufficient operability is provided to the user. It's hard to say. This is because the user is troublesome that the icon must be identified by touching the finger with a pin point to the icon position.

  Especially when the user needs to perform a touch operation with his / her fingertip while holding with one hand in a moving means such as a train or bus, or when the user needs to perform a continuous touch operation in a game on a smartphone It is not preferable from the viewpoint of usability to simply request an accurate user operation for the icons arranged and displayed. In particular, in a game on a smartphone, it is necessary to effectively provide the user with operability associated with various types of switching such as switching of player actions, mode switching, and screen display switching.

  An object of the present invention is to improve usability of a mobile terminal, and when a user performs icon selection using the mobile terminal, the user does not need to touch the finger with a pinpoint to a predetermined icon position, and slides It is to provide a user interface that enables effective icon selection by operation.

In order to solve the above problems, the present invention provides a computer program for selecting an icon, a portable terminal, and a computer-implemented method.
The computer program according to the present invention determines an operation vector of the slide operation detected by the detection unit when the detection unit detects contact of an object accompanied by a slide operation, and a plurality of icons arranged on the display unit according to the operation vector Are simultaneously moved, one of the icons is selected based on the reference position on the display unit, and the computer is caused to function as a control unit that executes a function associated with the selected icon. In addition, a plurality of icons are arranged to be movable on the circumference on the display unit, and the reference position is a fixed position on the circumference. In the control unit, each icon is rotated and moved in the same direction on the circumference. Then, one of the icons is selected based on the distance between the reference position and each position of the icon. Further, the control unit rotates and moves the plurality of icons in the same direction on the circumference in order to align one position of the selected icon with the reference position.

  A portable terminal according to the present invention is provided with a storage unit that stores each of a plurality of icons in association with a function, a display unit that displays a plurality of icons stored in the storage unit, and a display unit that is in contact with an object with a slide operation. A control unit for detecting a slide operation detected by the detection unit, and simultaneously moving a plurality of icons arranged on the display unit in accordance with the operation vector to determine a reference on the display unit A control unit is provided that selects one of the icons based on the position and executes a function associated with the selected icon. In addition, a plurality of icons are arranged so as to be movable on the circumference in the display section, and the reference position is a fixed position on the circumference, and each position of the icon is rotated in the same direction on the circumference in the control section. Move and select one of the icons based on the distance between the reference position and each position of the icon.

  The computer-implemented method of the present invention includes a step of detecting contact of an object accompanied by a slide operation, a step of determining an operation vector of the detected slide operation, and simultaneously moving a plurality of icons arranged on the display unit according to the operation vector A step of selecting one of the icons based on a reference position on the display unit, and executing a function associated with the selected icon.

  A user interface that enables effective icon selection by a slide operation on a portable terminal by realizing a computer program, a portable terminal, and a computer-implemented method for selecting an icon according to the present invention Can be provided. In particular, according to the present invention, since icons are displayed around the user's finger, icon selection can be realized efficiently. In addition, since a plurality of icons are moved in conjunction with the movement of the finger during the slide operation, it is possible to provide a sensual operability for the user.

FIG. 1 shows a screen display example of icons displayed on a portable terminal according to the prior art. FIG. 2 is an exemplary block diagram illustrating a basic configuration of the mobile terminal according to the embodiment of the present invention. FIG. 3 is a schematic diagram illustrating an operation example of selecting one of a plurality of icons by a slide operation according to an embodiment of the present invention. FIG. 4 is a schematic diagram illustrating another operation example of selecting one of a plurality of icons by a slide operation according to an embodiment of the present invention. FIG. 5 is an exemplary flowchart for processing to select an icon and execute a function according to an embodiment of the present invention. FIG. 6 is an example of a user screen in the game application.

  With reference to FIG. 2 and subsequent figures, a computer program, a portable terminal, and a computer-implemented method for icon selection according to an embodiment of the present invention will be described. In the figure, the same components are denoted by the same reference numerals.

  First, a basic configuration of a mobile terminal according to an embodiment of the present invention will be described with reference to FIG. FIG. 2 is a schematic block diagram showing only basic components of the mobile terminal. The portable terminal 10 can be a smartphone, a tablet terminal, a game console, a notebook PC, or the like that can communicate with a server or other terminals, but is not limited thereto. As illustrated, the mobile terminal 10 includes a touch display 20, a control unit 60, and a storage unit 80 as a basic configuration. The control unit 60 is electrically coupled to the touch display 20 and the storage unit 80 through each bus.

  The touch display 20 includes a display unit (display) 30 for displaying various data stored in the storage unit 80, and a detection unit (touch panel) 40 for detecting contact of an object such as a human finger or stylus. The touch panel 30 is disposed on the upper layer of the display 20 such as a liquid crystal panel, an organic EL, a plasma display or the like because of the structure of the touch display. The touch display 10 can employ a pressure detection method, a resistance film method, a capacitance method, an electromagnetic induction method, and the like. When an input is received by touching an object such as a finger or a stylus on the touch panel 40, a change in pressure, electrical resistance, capacitance, elastic wave energy, etc. is detected at that position, and the corresponding touch on the display 20 is detected. Coordinates are specified.

  The storage unit 80 is a storage medium such as a memory or a hard disk, and reads / writes data from / to the storage medium. The storage unit 80 stores a plurality of pieces of icon information to be displayed on the display unit 30. A plurality of icons may have a hierarchical structure and may be classified and stored for each hierarchy. In this case, at least one icon corresponding to the hierarchy is displayed on the display. The icon information is an icon type indicating the type of the icon such as “folder” / “file” format, position coordinate information on the display when displayed on the display 20, and executed when an icon is selected. Various information such as related application program information is included. Folders, files, and application programs are also stored in the storage unit 80. In particular, in the storage unit 80, functions such as “folder expansion”, “file open”, “program execution”, “display switching”, and “candidate selection” are associated with icons and stored (for example, as part of icon information). The The information stored in the storage unit 80 may be configured to be stored in, for example, a server and temporarily downloaded to the mobile terminal 10 through a network, in addition to being stored in the mobile terminal 10.

  The control unit 60 is configured to include a processing device, and performs processing for determining contact coordinates on the display 30 that are touched by an object and detected by the touch panel 40. Further, an icon selection process essential to the implementation of the present invention and a function associated with the selected icon are executed (described later).

  Next, with reference to FIG. 3 and FIG. 4, an operation example of selecting one of a plurality of displayed icons through a slide operation on the touch display will be described. 3 and 4, it is assumed that the user operates the touch display with the portable terminal fixed in the vertical direction (that is, with the portable terminal held vertically). Further, as shown in the figure, three icons (icons a to c) are displayed on the display, and the user can arbitrarily perform a horizontal slide operation from the slide start point P1 to the slide end point P2. It is assumed that the icon a is selected through.

  In FIG. 3, in the touch display 20, the circumference C is formed so that the position coordinate of the slide start point P1 becomes the center point, and the icons a to c are arranged on the circumference C at equal intervals. Yes. The icons a to c can be rotated and moved clockwise or counterclockwise along the circumference C while maintaining an interval. Further, a circular region is provided at a fixed position on the circumference C as a reference position STD. The position of the reference position STD may be any position as long as it is on the circumference. However, if the position is set at the upper part of the circumference in the circumference as shown in FIG. 3, the finger can be moved even when the finger is slid horizontally. It is advantageous because it is not hidden by.

  In the example of FIG. 3, each icon is arranged on the circumference C, but the radius of the circle can be set to an arbitrary value as long as the whole is displayed on the display. For example, the radius may be dynamically determined according to the number of icons, and the radius may be increased as the number of icons increases. The circumference C itself may not be displayed on the screen, and the shape is not limited to the circumference, and may be, for example, a polygonal shape.

  In FIG. 3A, when the user places his / her finger on the touch display 20, first, the circumference C is arranged with the position as the slide start point P1. Next, the user starts slide movement from the slide start point P1 on the touch panel. When slide movement due to finger contact is detected on the touch panel, the direction of slide movement is determined. Then, according to the determination result, the icons a to c are simultaneously rotated in the same direction along the circumference C.

  Specifically, if the slide movement relative to the horizontal direction is the right direction, the icons a to c are simultaneously rotated clockwise, and if the slide movement is the left direction, the icons a to c are changed. At the same time, it rotates counterclockwise. Even if the slide movement is an oblique movement relative to the horizontal direction, it is sufficient to extract a movement vector with respect to the horizontal direction and determine whether the slide movement has been performed to the left or right. At the same time, the rotational movement distances of the icons a to c along the circumference C are determined according to the slide movement distance. For example, the rotational movement angle (distance) can be determined in proportion to the slide movement distance.

  In the present invention, since the icon is rotated and moved through the movement vector in this way, the icon is displayed around the user's finger, and the movement of the finger to be slid and the movement of the icon can be linked. It is possible to provide sensory operability to the user.

  As illustrated in FIG. 3B, the user slides his / her finger to the slide end point P2 in the right direction, and the icons a to c simultaneously rotate clockwise along the circumference C while maintaining the interval. Moving. In FIG. 3B, at the end of the slide operation when the finger is released from the touch panel, the circle region of the reference position STD on the circumference C is in a state where at least a part of the icon a overlaps with the reference position STD. On the other hand, the icon a is the closest icon.

  When the finger is released from the touch panel, one icon is automatically selected according to the distance from the reference position STD to each icon. In the case of FIG. 3B, the icon a positioned closest to the reference position STD is selected. The distance from the reference position STD to each icon may be a linear distance or a circumferential distance (angle).

  When the icon a is selected in FIG. 3B, the icon a is further arranged so that the entire icon a is accommodated in the circular area of the reference position STD on the circumference C as shown in FIG. Each position of a to c is automatically adjusted by rotating it clockwise about the circumference C somewhat. Thereby, it can be shown to the user that the icon a has been selected. When it is shown that the icon a is selected in FIG. 3C, the functions associated with the icon a, for example, “folder expansion” “file open” “program execution” “display switching” “candidate selection” And the like (not shown).

  In FIG. 3, a plurality of icons are arranged on the circumference C, and the icons are rotated along the circumference C, whereas in FIG. 4, a plurality of icons are arranged on the three-dimensional ring R, The icon is rotated along the ring R. In the case of FIG. 4, since the ring R has a three-dimensional shape, the reference position STD ′ is inevitably included in the ring without explicitly displaying a circular region including the reference position STD as shown in FIG. 3. Being in front is sensuously understood by the user who performs the slide operation.

  When a plurality of icons are arranged on the three-dimensional ring R as shown in FIG. 4, the icon arranged on the near side on the ring R (here, the icon a) is displayed larger and on the depth side. Display control may be performed so that the icons (icon b and icon c) to be arranged are displayed smaller. The other main operations in FIGS. 4A to 4C are the same as those in FIG.

  By configuring the embodiment of the present invention as in the operation examples of FIGS. 3 and 4, it is possible to provide sensory operability to the user, and the user performs icon selection using the mobile terminal. In this case, it is possible to eliminate the necessity for the user to touch the finger with a pin point at a predetermined icon position, and to efficiently perform icon selection by the user.

  Next, a series of processing flows for selecting an icon and executing a function in order to realize the operation described in FIG. 3 will be described with reference to FIG. The process flow roughly includes that the user starts a slide operation related to icon selection in step S10, ends the slide operation in step S20, and then ends the icon function execution process in step S30. Details will be described below.

  In step S10, when the user starts a slide operation related to icon selection and detects touch of an object accompanied by the slide operation on the touch panel 40, the control unit 60 interprets the detection as an icon expansion command. In step S11, the control unit 60 arranges the circumference C on the display 30 with the coordinates on the touch display 20 corresponding to the start point P1 of the slide operation as the center point of the circumference C. In step S12, the control unit 60 arranges a plurality of icons associated with the icon expansion command on the circumference C so as to be movable along the circumference C on the display 30. Similarly, a circular region including the reference point STD is arranged at a fixed position on the circumference C.

  When the user slides his / her finger on the display 30 (touch panel 40), the control unit 60 determines a slide operation vector in steps S13 and S14. Specifically, in step S <b> 13, a slide operation determination with respect to a predetermined direction detected by the touch panel 40 is performed. In the operation example of FIG. 3, the left / right operation in either the left or right direction with respect to the horizontal direction is determined. The determined direction is used when determining the direction of rotational movement in step S15. In step S14, the slide distance is determined. The determined distance is used for determining the angle (distance) of the rotational movement in step S15.

  In response to the determination of the slide operation vector in steps S13 and S14, in step S15, each of the arranged icons is simultaneously rotated along the circumference C in the same direction. Here, steps S13 to S15 are repeatedly executed continuously while the slide movement by the user's finger is performed. That is, even when the slide direction is changed during the slide movement, each icon can be rotated and moved in accordance with the changed slide direction so as to be linked to the movement of the finger.

  When the slide operation with the user's finger is completed in step S20, in step S21, the control unit 60 selects one of the plurality of icons based on the reference position STD on the display 30. More specifically, the reference position STD is a fixed position provided on the circumference C, and one icon (the icon a in FIG. 3) that minimizes the distance between the reference position STD and each icon position. ) Is selected.

  Next, in step S22, in order to further align the position of the selected icon with the reference position STD in the control unit 60, a plurality of icons are simultaneously rotated and moved in the same direction on the circumference C. Adjust automatically. Subsequently, in step S23, the control unit 60 specifies and executes the function associated with the selected icon based on the information stored in the storage unit 80. Execution of the specified function ends as step 30 in the end.

  The computer program, the portable terminal, and the computer-implemented method for icon selection according to the embodiment of the present invention can be applied to all scenes in which one icon accompanied by a slide operation on the terminal by the user is selected.

  For example, user menu selection operation and program execution in basic software of a mobile terminal or a predetermined application, game progress operation during game play on a smartphone (especially user menu selection, player mode switching, screen display switching, etc.) It can be assumed that it can be applied to operations related to message input candidate selection in a message application and folder expansion in a predetermined folder or image file opening in a photo management application. In this case or even when a complicated continuous operation is required, the terminal operation can be performed smoothly.

  As an example, FIG. 6 shows an example of a game progress operation during game play on a smartphone. The game of FIG. 6 is an example of an online competitive game in which a character X can move in a three-dimensional game space by a user operation and confronts an enemy character encountered during the movement. In the scene where the character X attacks the enemy character, the user can display the circumference C, the icons 1 to 3 and the reference position STD by touching an arbitrary position on the touch display. As shown in the figure, the icon 1 is an icon displaying a sword. When the icon 1 is aligned with the reference position STD through a slide operation, the character X enters an operation mode in which an attack with a weapon is possible. Similarly, the icon 2 is an icon displaying a heart. When the icon 2 is aligned with the reference position STD through a slide operation, the character X is in an operation mode for recovering hit points (HP, strength). The icon 3 is an icon displaying magic, and when the icon 3 is aligned with the reference position STD through a slide operation, the character X is in an operation mode that enables a predetermined magic attack.

  The computer program for selecting an icon, the portable terminal, and the computer mounting method according to the embodiment of the present invention have been described above. The above-described embodiments are merely examples for facilitating understanding of the present invention, and are not intended to limit the present invention. Further, the present invention can be changed and improved without departing from the gist thereof, and needless to say, the present invention includes equivalents thereof.

Claims (11)

It is a computer program for icon selection, and when the detection unit detects contact of an object with a slide operation,
Determine the operation vector of the slide operation detected by the detection unit,
According to the operation vector, a plurality of icons arranged on the display unit are moved simultaneously,
Selecting one of the icons based on a reference position on the display;
A computer program that causes a computer to function as a control unit that executes a function associated with the selected icon. A computer program according to claim 1,
The plurality of icons are movably arranged on the circumference in the display unit, and the reference position is a fixed position on the circumference, in the control unit,
Rotate and move each of the icons in the same direction on the circumference,
A computer program that selects one of the icons based on a distance between the reference position and each position of the icon.   The computer program according to claim 2, wherein the determination of the operation vector includes an operation determination for a predetermined direction, and the control unit determines the direction of the rotational movement according to the operation determination.   The computer program according to claim 2, wherein the determination of the operation vector includes determination of a slide distance, and the control unit determines the distance of the rotational movement along the circumference according to the slide distance.   5. The control unit according to claim 2, further comprising: rotating the plurality of icons in the same direction on the circumference in order to align one position of the selected icon with the reference position. 6. The computer program as described in any one of Claims.   The circumference is arranged on the display unit in the control unit, with the coordinates on the display unit corresponding to the start point of the slide operation in the detection unit as a center point of the circumference. The computer program according to claim 5. A storage unit for storing each of the plurality of icons in association with the function;
A display unit for displaying the plurality of icons stored in the storage unit;
A detection unit that is provided together with the display unit and detects contact of an object with a slide operation;
A control unit,
Determine the operation vector of the slide operation detected by the detection unit,
According to the operation vector, a plurality of icons arranged on the display unit are moved simultaneously,
Selecting one of the icons based on a reference position on the display;
And a control unit that executes a function associated with the selected icon. The mobile terminal according to claim 7,
The plurality of icons are movably arranged on the circumference in the display unit, and the reference position is a fixed position on the circumference, in the control unit,
Rotate and move each position of the icon in the same direction on the circumference,
A portable terminal that selects one of the icons based on a distance between the reference position and each position of the icon.   The portable terminal according to claim 7 or 8, wherein the determination of the operation vector includes an operation determination for a predetermined direction, and the control unit determines the direction of the rotational movement according to the operation determination.   10. The mobile phone according to claim 7, wherein the determination of the operation vector includes determination of a slide distance, and the control unit determines the distance of the rotational movement along the circumference according to the slide distance. Terminal. A computer-implemented method for icon selection,
Detecting the contact of an object with a slide operation;
Determining an operation vector of the detected slide operation;
Simultaneously moving a plurality of icons arranged on the display unit according to the operation vector;
Selecting one of the icons based on a reference position on the display;
Performing a function associated with the selected icon.