JP5778881B1 - Selection device, item selection method, recording medium, and program - Google Patents

Abstract

The static image drawing unit (351a) draws a static image in which a plurality of large items are arranged. The management unit (353) manages each detection range corresponding to each large item. The acquisition unit (352) sequentially acquires the cursor position. The dynamic image drawing unit (351b) statically displays a dynamic image in which a plurality of small items associated with a target large item are arranged when the acquired operation position is within any detection range. Draw around the target image. The confirmation unit (354) confirms the selection of the specified small item in response to a click operation for specifying any of the small items while the dynamic image is drawn. The management unit (353) expands the detection range corresponding to the current cursor position so as to cover a part of adjacent large items based on the movement direction of the cursor and the direction of the dynamic image with respect to the established image. Let

Description

  The present invention relates to a selection device, an item selection method, a recording medium, and a program.

In recent years, sales sites for electronic commerce have become popular on the Internet. For example, a sales site (shopping mall site, etc.) composed of many stores (virtual stores) not only handles products of a wide range of genres (categories) as a whole, but also price competition between stores. Have gained many users.
In a typical sales site, for example, each product (product of each store) is managed by classifying it into a hierarchical genre, and a product information page, a sales page, etc. are displayed on the accessing user terminal. To do.

  As a prior art of such a sales site, for example, Patent Document 1 discloses an invention of a browsing device that can appropriately notify necessary information to a browsing user. More specifically, the browsing device of Patent Document 1 displays a pop-up notification information such as a purchase list superimposed on a Web page. Then, the displayed notification information is appropriately deleted according to the position of the cursor (mouse cursor) operated by the user.

Japanese Patent No. 5475200

As disclosed in the browsing device of Patent Document 1 described above, when a cursor is moved to a predetermined item on a Web page in a conventional user terminal (such as a personal computer) that displays the Web page, the item is displayed. Associated sub-items etc. are popped up. For example, as shown in FIG. 12A, large items 601 to 605 indicating the top genres of products are arranged and displayed on the Web page (top page or the like) of the sales site. When any of the arranged large items 601 to 605, for example, as shown in FIG. 12B, the cursor C is moved to the large item 603, the small items 631 to 633 (the arranged small items) associated with the large item 603 are displayed. Item) pops up. These small items 631 to 633 indicate lower genres than the large item 603.
Then, when any of the pop-up small items 631 to 633, for example, as shown in FIG. 12C, the cursor C is moved to the small item 632 and the mouse is clicked, the selection of the small item 632 is confirmed. Is done. Then, a screen transition is performed, and for example, a list page of products belonging to the small item 632 is displayed.

However, when selecting a small item from such a large item, the user may have made a mistake in operation (it is difficult to operate). This is likely to occur in a Web page with improved pop-up display response.
In a Web page with improved pop-up display responsiveness, for example, in any of the large items 601 to 605, the user does not stop or click the cursor C and corresponds to the cursor position (current position of the cursor C). The selected sub-item will pop up. That is, the cursor position is repeatedly acquired at an extremely short cycle, and even when the cursor C is moving, when the cursor C enters any of the large items 601 to 605, the corresponding small item is immediately popped up. . Therefore, for example, when the cursor C is moved so as to traverse the arrangement from the large item 601 to the large item 605, the small items corresponding to the large items 601 to 605 are sequentially switched and pop-up displayed.

In such a Web page with enhanced pop-up display responsiveness, when selecting a small item from a large item, the user may switch to a small item that the user does not want.
Similar to FIG. 12C described above, the case where the user tries to select the small item 632 will be specifically described as an example. For example, if the cursor C is previously above the large item 601, the user normally moves the cursor C so as to traverse the large item 601 to the large item 603. That is, as shown in FIG. 12D, the user moves the cursor C along the trajectory as indicated by the arrow Y1, and pops up the small items 631 to 633 corresponding to the large item 603. During the movement of the cursor C, the small items corresponding to the large items 601 and 602 are sequentially switched and displayed in a pop-up.
When the small items 631 to 633 are pop-up displayed, the user moves the cursor C toward the target small item 632. At this time, for example, as shown in FIG. 12E, the cursor C may move off the large item 603 through the trajectory as indicated by the arrow Y2, and may enter the adjacent (lower) large item 604.
In this case, as shown in FIG. 12F, the small items 641 to 644 related to the large item 604 are switched (the small items 631 to 633 are deleted and the small items 641 to 644 are popped up). That is, the user intends to move the cursor C toward the target small item 632, but actually moves the cursor C to the small items 641 to 644. In that state, the user finally notices an operation error. Therefore, the user needs to return the cursor C to the large item 603 again and pop up the small items 631 to 633 again.

  As described above, in a Web page with improved pop-up display responsiveness, an operation error at the time of item selection is likely to occur, and improvement in operability has been demanded.

  The present invention has been made in view of the above circumstances, and an object thereof is to provide a selection device, an item selection method, a recording medium, and a program capable of appropriately improving the operability when performing item selection. To do.

In order to achieve the above object, a selection device according to the first aspect of the present invention provides:
A selection device that selects any item from a plurality of items arranged on the display unit according to a user operation,
A first image drawing unit for drawing a first image in which a plurality of upper items are arranged on the display unit;
A management unit for managing each detection range corresponding to each of the upper items,
An acquisition unit for sequentially acquiring operation positions in the display unit according to a predetermined operation input;
When the acquired operation position is located within any of the detection ranges, a second image in which a plurality of lower items associated with the target upper item are arranged is drawn around the first image. A second image drawing unit,
A determination unit for confirming selection of the specified lower item in response to a specific operation for specifying any of the lower items in a state where the second image is drawn;
The management unit determines the detection range corresponding to the current operation position based on an operation direction determined from the most recent operation position for a predetermined number of times and a direction of the second image with respect to the first image. Extending to cover a part of the adjacent upper item,
It is characterized by that.

In the selection device according to the above aspect,
The management unit extends the detection range to any shape including a trapezoid, a sector, a triangle, and a staircase.
It is characterized by that.

In the selection device according to the above aspect,
The management unit restores the expanded detection range when the operation position is stopped after the detection range is expanded, or when a predetermined time has elapsed.
It is characterized by that.

In the selection device according to the above aspect,
The management unit changes a shape or a size for extending the detection range based on a moving speed obtained from the most recent operation position for a predetermined number of times.
It is characterized by that.

In the selection device according to the above aspect,
The management unit changes the shape or size for extending the detection range based on the drawing position of the second image with respect to the current operation position.
It is characterized by that.

In order to achieve the above object, an item selection method according to the second aspect of the present invention includes:
An item selection method in a selection device for selecting any item from a plurality of items arranged on a display unit according to a user operation,
A first image drawing step in which the selection device draws a first image in which a plurality of upper items are arranged on the display unit;
A management step in which the selection device manages each detection range corresponding to each of the upper items;
An acquisition step in which the selection device sequentially acquires operation positions in the display unit according to predetermined operation inputs;
When the selected operation position is within the detection range, the selection device displays a second image in which a plurality of lower items associated with the target upper item are arranged, A second image drawing step for drawing around the image;
The selection device includes a confirmation step of confirming selection of the specified lower item in response to a specific operation for specifying any of the lower items in a state where the second image is drawn,
In the management step, the detection range corresponding to the current operation position is determined based on an operation direction determined from the most recent operation position for a predetermined number of times and a direction of the second image with respect to the first image, Extending to cover a part of the adjacent upper item,
It is characterized by that.

In order to achieve the above object, a computer-readable recording medium according to the third aspect of the present invention provides:
A computer for selecting any item from a plurality of items arranged on the display unit according to a user operation,
A first image drawing unit for drawing a first image in which a plurality of upper items are arranged on the display unit;
A management unit for managing each detection range corresponding to each of the upper items,
An acquisition unit for sequentially acquiring operation positions in the display unit according to a predetermined operation input;
When the acquired operation position is located within any of the detection ranges, a second image in which a plurality of lower items associated with the target upper item are arranged is drawn around the first image. A second image drawing unit,
In the state in which the second image is drawn, in accordance with a specific operation for specifying any of the lower items, function as a determination unit that determines the selection of the specified lower item,
The management unit determines the detection range corresponding to the current operation position based on an operation direction determined from the most recent operation position for a predetermined number of times and a direction of the second image with respect to the first image. Extending to cover a part of the adjacent upper item,
A program characterized by that is recorded.

  The recording medium may be a non-transitory recording medium and can be distributed and sold independently of the computer. Here, the non-temporary recording medium refers to a tangible recording medium. Non-temporary recording media are, for example, compact disks, flexible disks, hard disks, magneto-optical disks, digital video disks, magnetic tapes, semiconductor memories, and the like. The transitory recording medium refers to the transmission medium (propagation signal) itself. The temporary recording medium is, for example, an electric signal, an optical signal, an electromagnetic wave, or the like. The temporary storage area is an area for temporarily storing data and programs, and is, for example, a volatile memory such as a RAM (Random Access Memory).

In order to achieve the above object, a program according to the fourth aspect of the present invention provides:
A computer for selecting any item from a plurality of items arranged on the display unit according to a user operation,
A first image drawing unit for drawing a first image in which a plurality of upper items are arranged on the display unit;
A management unit for managing each detection range corresponding to each of the upper items,
An acquisition unit for sequentially acquiring operation positions in the display unit according to a predetermined operation input;
When the acquired operation position is located within any of the detection ranges, a second image in which a plurality of lower items associated with the target upper item are arranged is drawn around the first image. A second image drawing unit,
In the state in which the second image is drawn, in accordance with a specific operation for specifying any of the lower items, function as a determination unit that determines the selection of the specified lower item,
The management unit determines the detection range corresponding to the current operation position based on an operation direction determined from the most recent operation position for a predetermined number of times and a direction of the second image with respect to the first image. Extending to cover a part of the adjacent upper item,
It is characterized by that.

  The above program can be distributed and sold via a computer communication network independently of the computer on which the program is executed.

  According to the present invention, it is possible to appropriately improve the operability when performing item selection.

It is a block diagram which shows an example of the whole structure of the sales system which concerns on this embodiment. It is a block diagram which shows an example of schematic structure of the typical information processing apparatus with which a sales server and a user terminal are implement | achieved. It is a block diagram which shows an example of schematic structure of the user terminal which concerns on this embodiment. It is a schematic diagram for demonstrating an example of item management information. It is a schematic diagram which shows an example of the web page containing a static item. It is a schematic diagram which shows an example of the Web page on which a dynamic item is displayed as a pop-up. It is a schematic diagram for demonstrating the detection range of a static item. It is a schematic diagram for demonstrating expansion of a detection range. It is a schematic diagram for demonstrating expansion of a detection range. It is a schematic diagram for demonstrating expansion of a detection range. It is a schematic diagram for demonstrating expansion of a detection range. It is a flowchart for demonstrating an example of the item selection process which concerns on this embodiment. It is a schematic diagram for demonstrating the locus | trajectory of a cursor at the time of selecting a dynamic item from a static item. It is a schematic diagram for demonstrating the case where a detection range is extended according to the pop-up position of a dynamic item image. It is a schematic diagram for demonstrating expansion of a detection range. It is a schematic diagram for demonstrating a mode that a large item is arranged and displayed. It is a schematic diagram for demonstrating a mode that a small item is pop-up displayed. It is a schematic diagram for demonstrating a mode that selection of a small item is decided. It is a schematic diagram for demonstrating the locus | trajectory of the cursor on a large item. It is a schematic diagram for demonstrating the locus | trajectory of the cursor at the time of selecting a small item from a large item. It is a schematic diagram for demonstrating the case where it switches to the small item which is not desired.

Embodiments of the present invention will be described below. In the embodiment of the present invention, a sales site (a shopping mall site or the like) constituted by a large number of stores (virtual stores) will be described as an example. is there. As will be described later, the present invention is not limited to a sales site, and can be appropriately applied to various Web sites that display other items related to a certain item in a pop-up according to the position of a cursor (such as a mouse cursor).
Further, the following embodiments are for explanation, and do not limit the scope of the present invention. Therefore, those skilled in the art can employ embodiments in which each or all of these elements are replaced with equivalent ones, and these embodiments are also included in the scope of the present invention.

(overall structure)
As shown in FIG. 1, a sales system 100 according to an embodiment of the present invention is configured by connecting a sales server 200 and each user terminal 300 via the Internet 900. Although simplified in the figure, it is assumed that there are a large number of user terminals 300 according to the users to be used.

The sales server 200 is composed of, for example, a server computer, and provides information related to products to the user terminal 300 and sells products desired by the user.
As an example, the sales server 200 sells products of many stores (virtual stores), and manages each product (product of each store) by classifying it into hierarchical genres (categories). That is, the products are classified and classified into a higher genre (large item) and a lower genre (small item) associated with the higher genre. The sales server 200 transmits a Web page to the accessing user terminal 300 to display a screen for guiding products (for example, a top page) and a screen for selling products (for example, a sales page). .

The user terminal 300 includes, for example, a personal computer or a smartphone, and the selection device of the present invention is realized. The user terminal 300 accesses the sales server 200 via the Internet 900 and receives a web page. This Web page includes, for example, an HTML (HyperText Markup Language) file, various image files, a script file, and the like. When the user terminal 300 reads the Web page, the script (script program defined by the script file) is appropriately executed, and a guidance screen or the like is displayed.
For example, as will be described later, the user terminal 300 displays a top page on which large items (higher genres) of products are arranged and displayed. Then, when the user moves the cursor to any of the large items, the small items associated with the large item at the cursor position (arrangement of lower genres) are pop-up displayed.

(Outline configuration of information processing device)
A typical information processing apparatus 400 in which the sales server 200 and the user terminal 300 according to the embodiment of the present invention are realized will be described.

  As shown in FIG. 2, the information processing apparatus 400 includes a CPU (Central Processing Unit) 401, a ROM (Read Only Memory) 402, a RAM (Random Access Memory) 403, a NIC (Network Interface Card) 404, an image A processing unit 405, an audio processing unit 406, a DVD-ROM (Digital Versatile Disc ROM) drive 407, an interface 408, an external memory 409, a controller 410, a monitor 411, and a speaker 412 are provided.

  The CPU 401 controls the overall operation of the information processing apparatus 400 and is connected to each component to exchange control signals and data.

  The ROM 402 records an IPL (Initial Program Loader) that is executed immediately after the power is turned on, and when this is executed, a predetermined program is read into the RAM 403 and execution of the program by the CPU 401 is started. The ROM 402 stores an operating system program and various data necessary for operation control of the entire information processing apparatus 400.

  The RAM 403 is for temporarily storing data and programs, and holds programs and data read from the DVD-ROM and other data necessary for communication.

  The NIC 404 is for connecting the information processing apparatus 400 to a computer communication network such as the Internet, and conforms to the 10BASE-T / 100BASE-T standard used when configuring a LAN (Local Area Network). An analog modem for connecting to the Internet using a telephone line, an ISDN (Integrated Services Digital Network) modem, an ADSL (Asymmetric Digital Subscriber Line) modem, a cable modem for connecting to the Internet using a cable television line, etc. These are configured by an interface (not shown) or the like that mediates between these and the CPU 401.

   The image processing unit 405 processes the data read from the DVD-ROM or the like by a CPU 401 or an image arithmetic processor (not shown) included in the image processing unit 405, and then processes the processed data in a frame memory included in the image processing unit 405. (Not shown). The image information recorded in the frame memory is converted into a video signal at a predetermined synchronization timing and output to the monitor 411. Thereby, various page displays are possible.

  The audio processing unit 406 converts audio data read from a DVD-ROM or the like into an analog audio signal and outputs the analog audio signal from a speaker 412 connected thereto. Further, under the control of the CPU 401, a sound to be generated during the progress of the process performed by the information processing apparatus 400 is generated, and a sound corresponding to the sound is output from the speaker 412.

  A DVD-ROM mounted on the DVD-ROM drive 407 stores a program for realizing the sales server 200 according to the embodiment, for example. Under the control of the CPU 401, the DVD-ROM drive 407 performs a reading process on the DVD-ROM loaded therein, reads out necessary programs and data, and these are temporarily stored in the RAM 403 or the like.

  An external memory 409, a controller 410, a monitor 411, and a speaker 412 are detachably connected to the interface 408.

  The external memory 409 stores data related to the user's personal information and the like so as to be rewritable.

  The controller 410 includes an input device such as a mouse or a keyboard, for example, and receives an operation input from the user for the information processing apparatus 400. In addition, the controller 410 may be an input device such as a touch panel. The user of the information processing apparatus 400 can record these data in the external memory 409 as appropriate by inputting instructions through the controller 410.

  The monitor 411 presents the data output by the image processing unit 405 to the user of the information processing apparatus 400.

  The speaker 412 presents the audio data output by the audio processing unit 406 to the user of the information processing apparatus 400.

  In addition, the information processing apparatus 400 uses a large-capacity external storage device such as a hard disk so as to perform the same function as a ROM 402, a RAM 403, an external memory 409, a DVD-ROM mounted on the DVD-ROM drive 407, and the like. You may comprise.

Hereinafter, the configuration and the like of the user terminal 300 realized in the information processing apparatus 400 will be described with reference to FIGS. 3 to 7 (FIGS. 7A to 7E). When the information processing apparatus 400 is turned on and, for example, a program capable of browsing a Web page is executed, the user terminal 300 according to the present embodiment is realized.
The sales server 200 is also realized in the information processing apparatus 400 in the same manner. However, these configurations are omitted, and the most characteristic user terminal 300 in the present embodiment will be described below.

(Outline configuration of user terminal)
FIG. 3 is a block diagram illustrating an example of a schematic configuration of the user terminal 300 according to the present embodiment. As illustrated, the user terminal 300 includes a communication unit 310, a display unit 320, an operation unit 330, a storage unit 340, and a control unit 350.

The communication unit 310 transmits / receives necessary information to / from the sales server 200 via the Internet 900.
For example, the communication unit 310 requests the Web page from the sales server 200 and receives the Web page sent from the responding sales server 200. The Web page includes, for example, an HTML file, various image files (including moving image file), a script file (JavaScript (registered trademark) as an example), and the like. Note that the content (script) of the script file may be described in the HTML file.
The NIC 404 described above can function as such a communication unit 310.

The display unit 320 displays an image generated by the control unit 350 (more specifically, a drawing unit 351 described later).
For example, the display unit 320 displays a screen (such as a top page or a sales page) generated on the control unit 350 based on the Web page.
The monitor 411 described above can function as such a display unit 320.

The operation unit 330 is operated by a user and receives various operation instructions.
For example, the operation unit 330 is an input device such as a mouse, and receives an operation instruction such as movement or click of a cursor (mouse cursor) from the user.
The controller 410 described above can function as such an operation unit 330.

The storage unit 340 stores various information necessary for the operation of the user terminal 300.
For example, the storage unit 340 stores Web pages (HTML file, image file, script file, etc.) received by the communication unit 310. The storage unit 340 also stores various types of information required when the control unit 350 (more specifically, a drawing unit 351 described later) generates a screen based on a Web page. Specifically, the storage unit 340 stores item management information 341 as shown in FIG.

The item management information 341 shown in FIG. 4 is information necessary for displaying a screen (top page) for guiding products, and includes large items (upper genres) and small items (lower genres) about the products. Information for management. The item management information 341 is generated as work information when, for example, a script file included in a Web page received by the communication unit 310 is read.
Such item management information 341 includes, as an example, an item ID 341a, an item name 341b, a detection range 341c, and a related item ID 341d.

The item ID 341a indicates identification information for identifying large items and small items.
The item name 341b indicates the names of large items and small items.

The detection range 341c indicates the dominant region when the item is displayed. That is, when a cursor (mouse cursor) enters the dominant region indicated by the detection range 341c, it is used to detect that the item has been selected.
The large item detection range 341c is expanded by the control unit 350 (more specifically, the management unit 353 described later).

  The related item ID 341d indicates identification information of a lower genre (small item) associated with the item. That is, it points to each sub-item to be popped up when that item is selected.

In addition, the storage unit 340 stores the most recent cursor position for a predetermined number of times, and can calculate the moving direction, moving speed, and the like of the cursor.
The above-described RAM 403 or the like can function as such a storage unit 340.

  Returning to FIG. 3, the control unit 350 controls the entire user terminal 300. The control unit 350 includes a drawing unit 351, an acquisition unit 352, a management unit 353, and a determination unit 354, and supports item selection by the user.

  The drawing unit 351 draws (generates) an image to be displayed on the display unit 320. The drawing unit 351 includes a static image drawing unit 351a and a dynamic image drawing unit 351b. For example, a web page received by the communication unit 310 (an HTML file, an image file, and a script stored in the storage unit 340) A screen (top page) for guiding the product is drawn based on the file or the like.

The static image drawing unit 351a draws a static image based on the HTML file and the image file. This static image indicates an image that is maintained even if the cursor position changes.
Specifically, the static image drawing unit 351a draws the top page 500 including the static image 510 as shown in FIG. The static image 510 is an image in which large items 511 to 516 are arranged in the vertical direction. That is, each higher genre (electronic book to sports / golf) is arranged to be selectable by the cursor C. In the example of FIG. 5, images other than the static image 510 are images that are maintained even if the cursor position changes, and are similarly rendered by the static image rendering unit 351a.

Returning to FIG. 3, the dynamic image drawing unit 351b draws a dynamic image based on the item management information 341 and the script file described above. The dynamic image indicates an image that is displayed or not displayed depending on the cursor position.
Specifically, the dynamic image drawing unit 351b draws a dynamic image 520 as shown in FIG. 6 and displays it as a pop-up around the static image 510 (as an example, right next to it). This dynamic image 520 is an image that is drawn when the large item 514 is selected by the user (the position of the cursor C enters the detection range of the large item 514), and the small items 521 to 526 are arranged in the vertical direction. It is the image arranged along. That is, each lower genre (food to water / soft drink) is arranged to be selectable by the cursor C.
When another large item is selected, the dynamic image drawing unit 351b deletes the drawn dynamic image 520, and then selects another dynamic item in which small items associated with the selected large item are arranged. Draw a target image and make it pop up.

Returning to FIG. 3, the acquisition unit 352 sequentially acquires the cursor position and the like. For example, the acquisition unit 352 repeatedly acquires information from the operation unit 330 in a very short cycle, and can immediately obtain a cursor movement or a click operation.
Also, the cursor position acquired by the acquisition unit 352 is stored in the storage unit 340 so that the most recent predetermined number of times remain. From such a predetermined number of the latest cursor positions stored in the storage unit 340, the cursor moving direction, moving speed, and the like can be calculated.

The management unit 353 manages the detection range of each displayed item.
For example, as illustrated in FIG. 7A, when the static image 510 is drawn, the management unit 353 manages the detection ranges 511a to 516a indicated by dotted lines corresponding to the large items 511 to 516, respectively. The detection ranges 511a to 516a are determined according to the value of the detection range 341c of the item management information 341 described above. In FIG. 7A (the same applies to FIGS. 7B to 7E described later), the detection ranges 511a to 516a are shown slightly smaller than the outer peripheries of the corresponding major items 511 to 516 so that the dotted lines can be seen. Therefore, the actual detection ranges 511a to 516a (in a state where the expansion described later is not performed) are the same as the outer circumferences of the corresponding major items 511 to 516.

In addition, when the cursor position enters the static image 510, the management unit 353 extends the detection range. That is, the management unit 353 expands the detection range of the large item corresponding to the cursor position so as to cover a part of the adjacent large item based on the movement direction of the cursor.
For example, when the cursor C on the large item 514 as shown in FIG. 6 moves downward from above, the management unit 353 sets the detection range 514a of the large item 514 as shown in FIG. 7B. The trapezoid A1 that covers a part of the large item 515 is expanded. That is, since the moving direction of the cursor C is downward and the dynamic image 520 is adjacent to the right side of the static image 510, the management unit 353 expands the right end of the lower side of the detection range 514a by the trapezoid A1. . Note that the management unit 353 extends the detection range 514a and narrows the detection range 515a accordingly.

The shape for extending the detection range 514a is not limited to the trapezoid A1 shown in FIG. 7B, and may be another shape.
For example, as illustrated in FIG. 7C, the management unit 353 may extend the detection range 514a by the triangle A2. Further, for example, as illustrated in FIG. 7D, the management unit 353 may extend the detection range 514a by the sector A3. Further, for example, as shown in FIG. 7E, the management unit 353 may extend the detection range 514a by the stepped shape A4.

  7B to 7E described above are extended examples of the detection range 514a when the moving direction of the cursor C is downward and the dynamic image 520 is adjacent to the right of the static image 510. Therefore, if the moving direction of the cursor C and the pop-up position of the dynamic image 520 are different, the corresponding part is expanded. For example, if the movement direction of the cursor C is the upward direction and the pop-up position is also adjacent to the right, the right end of the upper side of the detection range 514a is expanded (in this case, the trapezoid A1 to the staircase A4 are vertically inverted and expanded). . Further, if the movement direction of the cursor C is the same downward direction and the pop-up position is adjacent to the left, the left end of the lower side of the detection range 514a is expanded (in this case, the trapezoid A1 to the stepped A4 are expanded by being horizontally reversed). .

The detection range is expanded by changing (updating) the value of the detection range 341c of the item management information 341 described above.
Further, when the cursor position moves to another detection range, the management unit 353 restores the expanded detection range (movement source detection range), and similarly extends the movement destination detection range. In addition to this, the management unit 353 expands when the cursor position is stopped within the same detection range after the detection range is expanded or when a predetermined time has elapsed within the same detection range. Restore the detected range.

Returning to FIG. 3, the confirming unit 354 confirms the selection of the small item in accordance with a specific operation for identifying any small item.
For example, when the dynamic image 520 as shown in FIG. 6 described above is displayed and the cursor C is moved to any one of the small items 521 to 526, when the mouse click operation is performed, the determination unit 354 is performed. Confirms the selection of the small item corresponding to the cursor position.

The control unit 350 having such a configuration performs various other processes. For example, the control unit 350 requests the sales server 200 via the communication unit 310 for a Web page (a product list page or the like) related to the small item whose selection is confirmed by the confirmation unit 354.
The CPU 401, the image processing unit 405, and the like described above can function as the control unit 350 having such a configuration.

(User terminal operation)
Hereinafter, the operation of the user terminal 300 having such a configuration will be described with reference to FIG. FIG. 8 is a flowchart showing the flow of item selection processing according to the present embodiment. This item selection process is started after receiving a Web page from the sales server 200. It is assumed that the received web page (HTML file, image file, script file, etc.) is stored in the storage unit 340, and accordingly, the item management information 341 shown in FIG. 4 is also stored in the storage unit 340. explain.

First, the control unit 350 draws a static image (step S11).
That is, the drawing unit 351 (static image drawing unit 351a) draws a static image based on the Web page (HTML file and image file) stored in the storage unit 340. For example, the static image drawing unit 351a draws the top page 500 including the static image 510 as shown in FIG.

The control unit 350 acquires the cursor position (step S12).
That is, the acquisition unit 352 acquires the current position of the cursor C as shown in FIG.

The control unit 350 determines whether or not the cursor position is within the large item (any) detection range (step S13).
That is, the control unit 350 determines whether or not the cursor position is included in the large item detection range 341c managed by the item management information 341 shown in FIG.

When determining that the cursor position is included in the detection range of the large item (step S13; Yes), the control unit 350 determines whether the corresponding dynamic image is not displayed (step S14).
That is, the control unit 350 determines whether or not the dynamic image of the small item associated with the large item corresponding to the cursor position has been drawn.
When determining that the corresponding dynamic image is not undisplayed (displayed) (step S14; No), the control unit 350 returns the process to step S12 described above.

On the other hand, when it is determined that the corresponding dynamic image is not displayed (step S14; Yes), the control unit 350 pops up the corresponding dynamic image (step S15).
That is, the drawing unit 351 (dynamic image drawing unit 351b) draws a dynamic image based on the Web page (script file or the like) stored in the storage unit 340 and the item management information 341. For example, the dynamic image drawing unit 351b draws a dynamic image 520 as shown in FIG.
In a situation where a dynamic image corresponding to the large item at the past cursor position is displayed, the dynamic image drawing unit 351b deletes the dynamic image and then corresponds to the large item at the current cursor position. Pop up dynamic images.

The control unit 350 extends the detection range (step S16).
That is, the management unit 353 covers the detection range of the large item corresponding to the cursor position so as to cover a part of the adjacent large item based on the moving direction of the cursor and the position of the dynamic image displayed as a pop-up. To expand.
For example, when the cursor C on the large item 514 as shown in FIG. 6 moves downward from above, the management unit 353 sets the detection range 514a of the large item 514 as shown in FIG. 7B. The trapezoid A1 that covers a part of the large item 515 is expanded. Note that the management unit 353 may extend the detection range 514a by different shapes (triangle A2 to step A4) as illustrated in FIGS.
In addition, in a situation where the detection range corresponding to the large item at the past cursor position is expanded, the management unit 353 returns the detection range to the original, and then sets the detection range corresponding to the large item at the current cursor position. Expand.

  And the control part 350 returns a process to step S12 mentioned above.

If it is determined in step S13 described above that the cursor position is not included in any large item detection range (step S13; No), is the control unit 350 displaying a dynamic image? It is determined whether or not (step S17).
That is, the control unit 350 determines whether or not the dynamic image 520 as shown in FIG.
When determining that the dynamic image is not being displayed (step S17; No), the control unit 350 returns the process to step S12 described above.

  On the other hand, when determining that the dynamic image is being displayed (step S17; Yes), the control unit 350 determines whether or not the cursor position is within the detection range of the small item (any) (step S18). .

When determining that the cursor position is not included in the detection range of any of the small items (step S18; No), the control unit 350 deletes the dynamic image (step S19).
That is, the drawing position 351 erases the dynamic image because the cursor position has also deviated from the dynamic image displayed as a pop-up.

The control unit 350 restores the detection range (step S20).
In other words, the management unit 353 restores the detection range expanded in step S16 described above. In addition to this, the management unit 353 restores the expanded detection range when the cursor position is stopped within the same detection range or when a predetermined time has elapsed within the same detection range.

  And the control part 350 returns a process to step S12 mentioned above.

When it is determined in step S18 described above that the cursor position is included in the detection range of the small item (step S18; Yes), the control unit 350 determines whether or not a click operation has been performed (step S21). ).
That is, for example, the determination unit 354 displays a dynamic image 520 as illustrated in FIG. 6, and a mouse click operation is performed in a state where the cursor C is moved to any of the small items 521 to 526. To determine whether

  When determining that there is no click operation (step S21; No), the control unit 350 returns the process to step S12 described above.

On the other hand, when it is determined that a click operation has been performed (step S21; Yes), the control unit 350 determines the selection of the small item (step S22).
That is, the determination unit 354 determines the selection of the small item corresponding to the cursor position.

In such an item selection process, the user can select a large item from a small item without an operation error.
As shown in FIG. 6 described above, the case where the user tries to select the small item 523 in a state where the dynamic image 520 corresponding to the large item 514 is displayed in a pop-up manner will be specifically described as an example. For example, if the cursor C is previously above the static image 510, the user normally moves the cursor C so as to traverse the large item 511 to the large item 514. That is, as shown in FIG. 9, the user moves the cursor C along the trajectory as indicated by the arrow T1, and displays a dynamic image 520 corresponding to the large item 514 in a pop-up display. During the movement of the cursor C, dynamic images corresponding to the large items 511 to 513 are sequentially switched and displayed in a pop-up manner.
The dynamic image 520 is displayed as a pop-up, and the detection range 514a of the large item 514 is expanded by the control unit 350 (management unit 353). In this state, the user moves the cursor C toward the target small item 523. At that time, the cursor C may pass along a trajectory as indicated by an arrow T2, for example. The trajectory indicated by the arrow T2 deviates from the large item 514 on the display and is within the large item 515 on the display, but does not deviate from the detection range 514a. Therefore, the display of the dynamic image 520 is maintained as it is, and the user can move the cursor C toward the target small item 523.

  In other words, by extending the detection range 514a so as to match the trajectory of the cursor (the trajectory that tends to deviate), it is possible to make it difficult for the user to make an operation error. As a result, it is possible to appropriately improve the operability when performing item selection.

(Other embodiments)
In the above embodiment, the case where the detection range is extended based on the moving direction of the cursor and the position of the dynamic image displayed in the pop-up has been described. However, the detection range is extended with emphasis on one of the requirements. You may let them.
First, when placing importance on the moving direction of the cursor, for example, the shape or size for extending the detection range is changed based on the moving speed of the cursor. The moving speed of the cursor is obtained from the nearest cursor position for a predetermined number of times stored in the storage unit 340.
As an example, the control unit 350 (management unit 353) changes the shape for expanding the detection range or expands the size to be expanded when the calculated moving speed of the cursor is faster than the reference value.

Next, when emphasizing the position of the dynamic image displayed as a pop-up, the control unit 350 expands the detection range, for example, depending on whether the position of the dynamic image is upward or downward.
Specifically, as illustrated in FIG. 10, when the dynamic image 520 is popped up upward with respect to the large item 514 (or the position of the cursor C), the control unit 350 moves the cursor C in the moving direction. Is expanded, the right end of the upper side of the detection range 514a is expanded.
At that time, when the dynamic image 520 is popped up above (or below) the predetermined reference line, the control unit 350 changes or expands the shape for extending the detection range. To enlarge.

  Furthermore, when placing importance on the position of the dynamic image displayed as a pop-up, as shown in FIG. 11, the control unit 350 may extend the right end of the upper side and the right end of the lower side of the detection range 514a.

  In the above embodiment, the case where the user terminal 300 is a personal computer using a mouse has been described as an example, but the user terminal 300 may be a smartphone or a tablet terminal using a touch panel. When the user terminal 300 is a smartphone or a tablet terminal, the control unit 350 (acquisition unit 352) sequentially acquires touch positions by the user.

  In the above embodiment, a case has been described in which a lower genre (small item) displayed in a pop-up corresponding to a higher genre (large item) is selected on the Web page (top page) of the sales site. It can be applied as appropriate when selecting items. Further, the present invention is not limited to Web pages, and can be applied as appropriate when selecting items in various applications. In other words, any other item related to a certain item can be similarly applied as long as it pops up in accordance with the cursor position or the touch position.

  As described above, according to the present invention, it is possible to provide a selection device, an item selection method, a recording medium, and a program that can appropriately improve the operability when performing item selection.

DESCRIPTION OF SYMBOLS 100 Sales system 200 Sales server 300 User terminal 310 Communication part 320 Display part 330 Operation part 340 Storage part 350 Control part 351 Drawing part 352 Acquisition part 353 Management part 354 Determination part 400 Information processing apparatus 401 CPU
402 ROM
403 RAM
404 NIC
405 Image processing unit 406 Audio processing unit 407 DVD-ROM drive 408 Interface 409 External memory 410 Controller 411 Monitor 412 Speaker 900 Internet

Claims (8)

A selection device that selects any item from a plurality of items arranged on the display unit according to a user operation,
A first image drawing unit for drawing a first image in which a plurality of upper items are arranged on the display unit;
A management unit for managing each detection range corresponding to each of the upper items,
An acquisition unit for sequentially acquiring operation positions in the display unit according to a predetermined operation input;
When the acquired operation position is located within any of the detection ranges, a second image in which a plurality of lower items associated with the target upper item are arranged is drawn around the first image. A second image drawing unit,
A determination unit for confirming selection of the specified lower item in response to a specific operation for specifying any of the lower items in a state where the second image is drawn;
The management unit determines the detection range corresponding to the current operation position based on an operation direction determined from the most recent operation position for a predetermined number of times and a direction of the second image with respect to the first image. Extending to cover a part of the adjacent upper item,
A selection device characterized by that. The selection device according to claim 1,
The management unit extends the detection range to any shape including a trapezoid, a sector, a triangle, and a staircase.
A selection device characterized by that. The selection device according to claim 1,
The management unit restores the expanded detection range when the operation position is stopped after the detection range is expanded, or when a predetermined time has elapsed.
A selection device characterized by that. The selection device according to claim 1,
The management unit changes a shape or a size for extending the detection range based on a moving speed obtained from the most recent operation position for a predetermined number of times.
A selection device characterized by that. The selection device according to claim 1,
The management unit changes the shape or size for extending the detection range based on the drawing position of the second image with respect to the current operation position.
A selection device characterized by that. An item selection method in a selection device for selecting any item from a plurality of items arranged on a display unit according to a user operation,
A first image drawing step in which the selection device draws a first image in which a plurality of upper items are arranged on the display unit;
A management step in which the selection device manages each detection range corresponding to each of the upper items;
An acquisition step in which the selection device sequentially acquires operation positions in the display unit according to predetermined operation inputs;
When the selected operation position is within the detection range, the selection device displays a second image in which a plurality of lower items associated with the target upper item are arranged, A second image drawing step for drawing around the image;
The selection device includes a confirmation step of confirming selection of the specified lower item in response to a specific operation for specifying any of the lower items in a state where the second image is drawn,
In the management step, the detection range corresponding to the current operation position is determined based on an operation direction determined from the most recent operation position for a predetermined number of times and a direction of the second image with respect to the first image, Extending to cover a part of the adjacent upper item,
Item selection method characterized by the above. A computer for selecting any item from a plurality of items arranged on the display unit according to a user operation,
A first image drawing unit for drawing a first image in which a plurality of upper items are arranged on the display unit;
A management unit for managing each detection range corresponding to each of the upper items,
An acquisition unit for sequentially acquiring operation positions in the display unit according to a predetermined operation input;
When the acquired operation position is located within any of the detection ranges, a second image in which a plurality of lower items associated with the target upper item are arranged is drawn around the first image. A second image drawing unit,
In the state in which the second image is drawn, in accordance with a specific operation for specifying any of the lower items, function as a determination unit that determines the selection of the specified lower item,
The management unit determines the detection range corresponding to the current operation position based on an operation direction determined from the most recent operation position for a predetermined number of times and a direction of the second image with respect to the first image. Extending to cover a part of the adjacent upper item,
The computer-readable recording medium which recorded the program characterized by the above-mentioned. A computer for selecting any item from a plurality of items arranged on the display unit according to a user operation,
A first image drawing unit for drawing a first image in which a plurality of upper items are arranged on the display unit;
A management unit for managing each detection range corresponding to each of the upper items,
An acquisition unit for sequentially acquiring operation positions in the display unit according to a predetermined operation input;
When the acquired operation position is located within any of the detection ranges, a second image in which a plurality of lower items associated with the target upper item are arranged is drawn around the first image. A second image drawing unit,
In the state in which the second image is drawn, in accordance with a specific operation for specifying any of the lower items, function as a determination unit that determines the selection of the specified lower item,
The management unit determines the detection range corresponding to the current operation position based on an operation direction determined from the most recent operation position for a predetermined number of times and a direction of the second image with respect to the first image. Extending to cover a part of the adjacent upper item,
A program characterized by that.

Images