JP6065728B2 - Quantity selection device and terminal - Google Patents

Description

  The present invention relates to a quantity selection device for selecting the quantity of articles and the like on a terminal having a touch panel.

  In recent years, smartphones and tablet computers are rapidly spreading. These devices do not have the keyboard-type user interface that a conventional mobile phone or personal computer has, but by operating a touch panel installed on the display unit, input operations such as characters and on the Internet It is characterized by the operation of the contents.

  In addition, as one of the contents on the Internet, many virtual shops are opened on a server connected to the Internet. The user can browse the contents of the store by inputting an address on the Internet that specifies the store. Further, when there is an article to be purchased, it is necessary to select the quantity of the article to be purchased.

  In addition to the purchase of articles on the Internet described above, there are scenes where the quantity of articles etc. is selected on many contents.

  Conventionally, when selecting a quantity such as an article on a terminal having a touch panel such as a tablet computer, the quantity is changed by pressing the touch panel with a finger and sliding the finger in this pressed state (drag operation). A technique that can be used is known (for example, Patent Document 1). In the technique described in Patent Document 1, for example, when a finger is slid up in a pressed state, the quantity increases, and when the finger is slid down, the quantity decreases. The increment or decrement of the quantity is associated with the distance or speed at which the finger slides.

JP 11-338600 A

  However, in the conventional quantity selection method, since the change in quantity is associated with the direction of the drag operation, there is a problem that when the user selects the quantity, the user must be aware of the direction of the drag operation. there were. In addition, since the increment or decrement of the quantity is associated with the distance or speed at which the finger slides, there is a problem that it is difficult to select the target quantity.

  The present invention has been made to solve the above-described problems, and does not associate the direction of the drag operation on the touch panel with the change in the quantity, but by changing the quantity by a drag operation in an arbitrary direction, A quantity selection device that does not require the user to be aware of the direction of the drag operation is obtained.

The quantity selection device according to the present invention selects the quantity displayed on the display unit by operating the touch panel, and the touch detection unit that detects coordinates touched on the touch panel and the touch detection unit detects the quantity. based on the coordinates, the drag distance calculation unit for calculating a drag distance is the distance of the drag operation on the touch panel, based on the length of the drag distance the dragging distance calculation unit has calculated, the variation value for the quantity A quantity increase / decrease unit to be determined; and a display content output unit for determining and displaying the quantity displayed on the display unit based on the increase / decrease value calculated by the quantity increase / decrease unit , wherein the drag distance calculation unit is the touch detection unit The drag direction, which is the direction of the drag operation on the touch panel, is also calculated based on the coordinates detected by the unit, and the quantity increase / decrease unit is calculated by the drag distance calculation unit. Based on the above drag direction, a shall change the digit to increase or decrease the quantity.

In the quantity selection device of the present invention, the drag operation direction is associated with the increase / decrease width of the quantity, so that it is possible to easily select a large quantity.

It is a figure which shows the structure of the quantity selection apparatus in Embodiment 1-3. It is a flowchart which shows operation | movement of the quantity selection apparatus in Embodiment 1-3. It is a figure which shows the articles | goods etc. which were displayed on the terminal in Embodiment 1-3. 6 is a diagram illustrating an operation of increasing the quantity in the first embodiment. FIG. It is a figure which shows the operation | movement which clears the quantity in Embodiment 1-3. 3 is a diagram illustrating a single article or the like displayed on a terminal according to Embodiment 1. FIG. It is a figure which shows the drag direction corresponding to the increase / decrease value of the quantity selection apparatus in Embodiment 2. FIG. FIG. 10 is a diagram showing an operation of increasing the quantity in the second embodiment. FIG. 10 is a diagram showing an operation of increasing the quantity in the third embodiment.

Embodiment 1 FIG.
FIG. 1 shows a configuration of a quantity selection device according to Embodiment 1 for carrying out the present invention. As shown in FIG. 1, the quantity selection device 10 according to the first embodiment detects the presence / absence of a touch (press) on a touch panel 21 installed on an external terminal 20, a touch position, and a touch released position. Using the detection results of the detection unit 11 and the touch detection unit 11, the drag distance calculation unit 12 that calculates the drag distance on the touch panel 21, and the quantity displayed on the display unit 22 in the terminal 20 is increased or decreased according to the drag distance. A display content output unit 14 for changing the display content of the display unit 22 or the like, and a memory 15 are provided. The memory 15 stores the content and quantity of articles to be displayed on the display unit 22 and operation data in which operations on the touch panel 21 are associated with processes.

  Next, operation | movement of the quantity selection apparatus 10 comprised in this way is demonstrated using FIG. FIG. 2 is a flowchart showing the operation of the quantity selection device 20 according to the first embodiment. Further, in the first embodiment, description will be given taking as an example the selection of the quantity on the article purchase screen as shown in FIG.

  First, the user operates the terminal 20 to display a screen for selecting and purchasing the quantity of articles as shown in FIG. 3 (st101). FIG. 3 is a diagram illustrating an example in which a screen for selecting the quantity of articles at an article purchase site on the Internet is displayed on the display unit 22 in the terminal 20. It is assumed that the touch panel 21 is overlapped on the display unit 22 of the terminal 20. FIG. 3 shows a state in which the quantity of articles to be purchased (ruler A, pencil B, notebook C, loupe D) is selected, and a diagram showing the articles to be purchased is displayed, and the quantity area in the vicinity of this figure In 201, numbers indicating the number of purchases of the target article are associated with each other and displayed in circles. At present, 0 is displayed as the initial display for all purchases. In the touch panel 21, an area other than the area surrounded by a dotted line is a clear area 202 for clearing the number of purchased items. The function of the clear area 202 will be described later.

  Next, a method for selecting the quantity of the ruler A on the article purchase screen shown in FIG. 3 will be described. When the user intends to purchase ruler A, the user needs to select the quantity to be purchased. In order to select a quantity to be purchased, the quantity area 201 associated with the ruler A on the touch panel 21 is touched, and a finger is slid in an arbitrary direction while maintaining a pressed state by the touch. Such an action of sliding a finger while pressing the touch panel 21 is referred to as a drag operation. When a touch or drag operation is performed on the touch panel 21 by the user, the touch coordinates of the touch panel 21 are detected by the touch detection unit 11 (st102).

  The press coordinates detected by the touch detection unit 11 are transmitted to the drag distance calculation unit 12, and the drag distance calculation unit 12 sequentially calculates the drag distance that is the dragged distance based on these press coordinates ( st103). The drag distance calculated in st103 is transmitted to the quantity increase / decrease unit 13, and the quantity increase / decrease part 13 determines the increase / decrease value of the quantity displayed in the quantity area 201 based on the drag distance (st104).

  Here, the determination method of the increase / decrease value of the quantity in the quantity increase / decrease part 13 is demonstrated. If the drag distance calculated in the drag distance calculation 12 is in a direction away from the coordinates (initial coordinates) of the quantity area 201 touched first by the user, the quantity is increased, and the increased amount is the distance of the dragged distance. It is determined according to the drag distance which is the length. At this time, if the direction is away from the initial coordinates, the quantity is increased in any direction. That is, if the user first touches the quantity area 201, the quantity can be increased by performing a drag operation in an arbitrary direction.

  On the other hand, when the drag distance is in the direction approaching the initial coordinates, the amount of decrease is determined in accordance with the length of the dragged distance. When the user first touches the quantity area 201, the quantity increases for a drag operation in an arbitrary direction, but the quantity can be reduced by changing the direction of the drag operation to a direction closer to the initial coordinates. Is possible.

  If the position of the touch panel 21 touched first by the user is an area other than the quantity area 201, it is determined that the quantity will not be increased or decreased, and the operations after st104 are not performed.

  The increase / decrease value of the quantity determined in st104 is transmitted to the display content output unit 14. The display content 14 calculates the display quantity by adding the received increase / decrease value to the quantity of articles displayed in the current quantity area 201 stored in the memory 15, and outputs the display quantity to the terminal 20 to output the quantity area. 201 is displayed (st105). Further, the quantity of articles stored in the memory 15 is also updated to a new display quantity. Further, the memory 15 also stores the selectable quantity of the target article. When the display quantity becomes larger than the selectable quantity, the selectable quantity is output as the display quantity.

  In addition, the operation of st105 is performed in real time while the touch detection unit 11 detects the pressed coordinate. That is, while the user is performing the drag operation, the quantity displayed in the sequential quantity area 201 is changed. Therefore, for example, when the quantity of ruler A is changed from 0 to 5, the quantity displayed in the display area 201 is 0 → 1 →. →→ 4 → 5 according to the distance of the drag operation. It is changed sequentially.

  FIG. 4 is a diagram illustrating a state in which the quantity of the ruler A is selected as 5 and displayed on the display device 22 by the user's drag operation. In the example of FIG. 4, the quantity is selected by moving the drag operation to the lower right, but as described in st104, the direction of the drag operation for increasing the quantity is not limited to the lower right. For example, it may be in an arbitrary direction such as upper right. In addition, in the state shown in FIG. 4, when it is desired to decrease the quantity, a drag operation may be performed in a direction opposite to the drag direction in which the quantity is increased. When the user determines the quantity of the ruler A with the quantity displayed in the current quantity area 201, the pressing on the touch panel 21 is released (st106). If it is desired to further increase the quantity after releasing the press, st101 to st106 may be repeated.

  When the user decides the purchase quantity of an article other than ruler A, for example, pencil B, first, the quantity area associated with pencil B is touched and the quantity is selected by performing the same operation. can do. The same applies to the case of purchasing other items.

  Next, a method for clearing the quantity displayed in the quantity area 201 will be described. For example, when the quantity of the ruler A is determined based on the above-described steps and the pressing is released, as shown in FIG. 5, after first touching the clear area 202, a drag operation is performed to the quantity area 201 to be cleared. Just do it. In this case, the quantity increase / decrease unit 13 may determine the quantity currently displayed in the quantity area 201 as the quantity reduction value based on the detection result of the touch detection unit 11, and output it to the display content output unit 14. By performing such an operation, the quantity displayed in the quantity area 201 can be cleared to zero. Note that the method of clearing the quantity is not limited to the above-described method. For example, when the initial value displayed in the quantity area 201 is stored in the memory 15 and a drag operation is performed from the clear area The initial value may be directly read out and displayed in the quantity area 201. Further, the operation for clearing the quantity may be configured to be executed by some method, and a special operation is set in advance as operation data in the memory 15, and such operation is detected by touch detection. If the part 11 detects, the quantity may be cleared. For example, when the touch detection unit 11 detects a continuous touch between the clear area 202 and the quantity area 201 within a predetermined time, the quantity of a specific article is cleared and the clear area 202 continues within a predetermined time. When a touch is detected, the configuration may be such that the quantity of all articles is cleared.

  As described above, in the quantity selection device according to the first embodiment, since the quantity of articles can be increased by a drag operation in an arbitrary direction, the user is not aware of the direction of the drag operation. There is an effect that the quantity of the target article can be selected easily.

  The determination of the increase / decrease value of the quantity in the quantity increase / decrease unit 13 in st104 has been described as increasing the quantity when the direction of the drag operation by the user is away from the initial coordinates. It may be configured. In this case, the quantity to be initially displayed in the quantity area 201 may be set to a selectable quantity that is the maximum quantity that can select an item instead of 0. With this configuration, the user can grasp the selectable quantity of articles at the initial display stage.

  Further, the increase / decrease of the quantity and the direction of the drag operation may be associated with each other by a separately provided changeover switch. For example, in the initial setting, the direction away from the initial coordinates may be associated with the increase in quantity, and the changeover switch may be operated so as to associate the direction away from the initial coordinates with the decrease in quantity. With such a configuration, even when the user first selects a quantity and releases the touch, the quantity can be reduced without performing a separately set clear method.

  In the above description, the increase / decrease value of the quantity is determined only when the position where the user first touches the touch panel 21 is in the quantity area 201. However, the user can grasp the article for selecting the quantity. If it is, an area other than the quantity area 201 may be touched first. For example, as shown in FIG. 6, when there is only one type of ruler A as an item to be purchased on the display unit 22, since the item to be selected is only the ruler A, the touch panel 21 is first touched. In the case of the direction away from the initial coordinate with the position thus set as the initial coordinate, the quantity is increased, and the increase amount may be determined according to the length of the dragged distance as an increase / decrease value. In addition, even when there are a plurality of articles as in the example of FIG. 3, when all the quantities are selected at the same time, the quantity can be increased by touching and dragging an area other than the quantity area. May be. In this case, for example, the center of the touch panel is set as an area where the quantity of all articles can be selected, and if a drag operation is detected by touching the first area, all articles (ruler A, pencil B) are selected. The increase / decrease value is determined so that the quantity associated with note C, loupe D) increases.

  In the present embodiment, the area where the quantity associated with the article is displayed and the area to be touched first to increase or decrease the quantity are common as the quantity area 201. It does not necessarily have to be a common area. Also, the display indicating the quantity associated with the article does not have to be a number. For example, any display that can be visually recognized by the user, such as displaying a scale corresponding to the quantity or displaying the target articles for the selected quantity, may be used.

  Furthermore, in the above description, the increase / decrease in the quantity is sequentially calculated and displayed on the display unit 22. However, the touch detection unit 11 releases the initial coordinates and the touch when the touch panel 21 is first touched. Only the release coordinates may be detected, and the drag distance calculation unit may be configured to calculate the drag distance using the initial coordinates and the release coordinates. In this case, even when a drag operation is performed from the initial coordinates, the quantity does not increase or decrease, and the quantity increases or decreases when the touch is released.

Embodiment 2. FIG.
In the quantity selection device according to the first embodiment, when increasing the quantity of articles, the quantity is increased in accordance with the drag distance calculated by the drag distance calculation 12, and therefore when selecting a large quantity of articles. The user must repeatedly perform the drag operation. The quantity selection apparatus according to the second embodiment obtains the quantity selection apparatus by simply selecting a large quantity by associating the direction of the drag operation with the increase / decrease width of the quantity.

  The configuration of the quantity selection device according to the second embodiment is the same as that of the first embodiment, but the operations of the drag distance calculation unit 12 and the quantity increase / decrease unit 13 are different. The operation will be described below using the flowchart shown in FIG. 2 as in the first embodiment.

  Since st101 and st102 are the same operations as those in the first embodiment, description thereof is omitted. In st103, the press coordinates detected by the touch detection unit 11 are transmitted to the drag distance calculation unit 12, and the drag distance calculation unit 12 uses the drag distance and the drag that are dragged based on these press coordinates. The drag direction which is the operated direction is sequentially calculated. In st104, the drag distance and drag direction calculated in st103 are transmitted to the quantity increment / decrement unit 13, and the quantity increment / decrement part 13 increases / decreases the quantity displayed in the quantity area 201 based on the drag distance and drag direction. Determine the value. At this time, an increase / decrease range for increasing / decreasing the quantity is associated with the drag direction, and the range for increasing / decreasing the quantity varies depending on the drag direction.

  For example, as shown in FIG. 7, when the drag direction is the horizontal direction, an increase / decrease width of one digit is associated, and the increase / decrease value is determined as 0 → 1 →. →→ 8 → 9. The On the other hand, when the drag direction is the vertical direction, a two-digit increase / decrease width is associated, and an increase / decrease value is determined as 0 → 10 →. Subsequent st105 and st106 and clearing of the quantity are the same as in the first embodiment, and thus the description thereof is omitted.

  As described above, since the quantity selection device according to the second embodiment is configured, when the drag operation is performed downward from the initial coordinates as shown in FIG. 8, only the second digit of the quantity increases. become. The same applies to the decrease of the quantity. When the drag operation is performed upward from the state of FIG. 8, only the second digit is decreased.

  As described above, in the quantity selection device according to the second embodiment, the direction of the drag operation is associated with the increase / decrease width of the quantity, so that it is possible to easily select a large quantity.

  In the above description, the drag direction is associated with a digit that increases or decreases the quantity. However, the change width of the quantity does not necessarily depend on the number of digits. For example, a drag distance of 1 cm may be associated with the increase amount 1 in the horizontal drag operation, and a drag distance of 1 cm may be associated with the increase amount 10 in the vertical drag operation. In this case, when the drag operation is performed in the vertical direction, the increment of the increase in the quantity is the same as that in the horizontal direction, but the quantity can be greatly increased even with a short drag operation. .

  Furthermore, the drag direction can be associated with a decrease in quantity. That is, in st104, the quantity increment / decrement unit 13 increases one digit for the upward drag operation, decreases one digit for the downward drag operation, increases two digits for the right drag operation, and drags to the left. For the operation, an increase / decrease value may be determined such as a two-digit decrease.

  Further, the drag direction may be changed during the drag operation. For example, when the state shown in FIG. 8 is switched to the drag operation in the horizontal direction, the quantity is changed from 50 → 51 →.

Embodiment 3 FIG.
In the quantity selection devices in the first and second embodiments, the touch panel related to single touch that is one point press has been described. However, the quantity selection device in the third embodiment has two or more presses. Targeting a touch panel capable of detecting multi-touch, by associating the number of touches with the increment of the quantity, a large quantity can be easily selected to obtain a quantity selection device.

  The configuration of the quantity selection device in the third embodiment is the same as that in the first embodiment, except that the touch panel 21 supports multi-touch, the touch detection unit 11, the drag distance calculation unit 12, and the quantity increase / decrease unit 13. The operation is different. The operation will be described below using the flowchart shown in FIG. 2 as in the first embodiment.

  About st101, since it is the same operation | movement as Embodiment 1, description is abbreviate | omitted. In st <b> 102, when a touch or drag operation by the user is performed on the touch panel 21, the touch coordinates of the touch panel 21 are detected by the touch detection unit 11. At this time, the touch type which is the type of whether the touch operation is single touch or multi-touch is also determined and detected. For the press coordinates in the case of multi-touch, for example, an average value of the respective press coordinates is used. Since st103 is the same as that of Embodiment 1, description is abbreviate | omitted.

  In st104, the touch type detected in st102 and the drag distance calculated in st103 are transmitted to the quantity increase / decrease unit 13, and the quantity increase / decrease part 13 is displayed in the quantity area 201 based on the touch type and drag distance. Decide the increase / decrease value of the quantity. At this time, an increase / decrease range for increasing / decreasing the quantity is associated with the touch type, and the width for increasing / decreasing the quantity varies depending on the drag direction.

  For example, when the drag type is single touch, an increase / decrease width of one digit is associated, and an increase / decrease value is determined such as 0 → 1 →. → 8 → 9. On the other hand, when the drag type is multi-touch, a two-digit increase / decrease width is associated, and an increase / decrease value is determined such as 0 → 10 →. → 80 → 90. Subsequent st105 and st106 and clearing of the quantity are the same as in the first embodiment, and thus the description thereof is omitted. If the position of the touch panel 21 touched first by the user is an area other than the quantity area 201, it is determined that the quantity will not be increased or decreased, and the operations after st104 are not performed.

  As described above, in the quantity selection device according to the second embodiment, since the touch type and the increase / decrease range of the quantity are associated with each other, there is an effect that it is possible to easily select a large quantity.

  In the above description, the touch type is associated with a digit that increases or decreases the quantity. However, the change width of the quantity does not necessarily depend on the number of digits. For example, a drag distance of 1 cm may be associated with the increase amount 1 in the single touch type, and a drag distance of 1 cm may be associated with the increase amount 10 in the multi-touch touch type. In this case, when the multi-touch drag operation is performed, the increment of the increase in the quantity is the same as that of the single touch, but the multi-touch can increase the quantity greatly even with a short drag operation. There is an effect.

  The touch type may be changed during the drag operation. For example, when the touch type is switched to the single touch from the state shown in FIG. 9, the quantity is changed from 50 → 51 →.

  In the above first to third embodiments, the quantity selection device 10 has been described as a device separate from the terminal 20, but the quantity selection device 10 can be incorporated into the terminal 20 to form a single device. Needless to say. Further, the functions described in the first to third embodiments can be appropriately combined.

  DESCRIPTION OF SYMBOLS 10 Quantity selection apparatus, 11 Touch detection part, 12 Drag distance calculation part, 13 Quantity increase / decrease part, 14 Display content output part, 15 Memory, 20 Terminal, 21 Touch panel, 22 Display part

Claims (5)

In the quantity selection device that selects the quantity displayed on the display unit by operating the touch panel,
A touch detection unit for detecting coordinates touched on the touch panel;
A drag distance calculation unit that calculates a drag distance, which is a distance of a drag operation on the touch panel, based on the coordinates detected by the touch detection unit;
And quantity adjuster which the drag distance calculator is based on the length of the drag distance calculated to determine the increase or decrease of the number amount,
On the basis of the increase or decrease value the quantity adjuster is calculated, have a display content output unit for displaying determine the quantity to be displayed on the display unit,
The drag distance calculation unit
Based on the coordinates detected by the touch detection unit, the drag direction which is the direction of the drag operation on the touch panel is also calculated,
The quantity increase / decrease part is:
A quantity selection device , wherein a digit for increasing or decreasing the quantity is changed based on the drag direction calculated by the drag distance calculation unit . The touch detection unit
The touch type that is the type of the number of touches on the touch panel is also detected,
The quantity increase / decrease part is:
The quantity selection device according to claim 1, wherein an increase / decrease width of the increase / decrease value is changed based on a touch type detected by the touch detection unit. The touch panel has a clear area for clearing the quantity,
When the coordinates detected by the touch detection unit are changed from coordinates in the clear area to coordinates other than the clear area,
The display content output unit
The quantity selection device according to claim 1 or 2 , wherein the quantity displayed on the display unit is cleared. 4. The switch according to claim 1, further comprising a switch for switching whether the increase / decrease value determined by the quantity increase / decrease unit based on the length of the drag distance is an increase value or a decrease value. The quantity selection device according to any one of the above. A display for displaying the quantity;
A touch panel that accepts an operation of selecting the quantity displayed on the display unit;
A drag distance calculation unit that calculates a drag distance, which is a distance of a drag operation on the touch panel, based on the coordinates detected by the touch detection unit;
And quantity adjuster which the drag distance calculator is based on the length of the drag distance calculated to determine the increase or decrease of the number amount,
On the basis of the increase or decrease value the quantity adjuster is calculated, have a display content output unit for displaying determine the quantity to be displayed on the display unit,
The drag distance calculation unit
Based on the coordinates detected by the touch detection unit, the drag direction which is the direction of the drag operation on the touch panel is also calculated,
The quantity increase / decrease part is:
A terminal that changes a digit to increase or decrease the quantity based on the drag direction calculated by the drag distance calculation unit .

Images