WO2015159360A1 - 閲覧装置、表示制御方法、記録媒体、ならびに、プログラム - Google Patents

閲覧装置、表示制御方法、記録媒体、ならびに、プログラム Download PDF

Info

Publication number
WO2015159360A1
WO2015159360A1 PCT/JP2014/060693 JP2014060693W WO2015159360A1 WO 2015159360 A1 WO2015159360 A1 WO 2015159360A1 JP 2014060693 W JP2014060693 W JP 2014060693W WO 2015159360 A1 WO2015159360 A1 WO 2015159360A1
Authority
WO
WIPO (PCT)
Prior art keywords
pop
control unit
screen
display control
item
Prior art date
Application number
PCT/JP2014/060693
Other languages
English (en)
French (fr)
Inventor
礼入 鹿島
Original Assignee
楽天株式会社
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 楽天株式会社 filed Critical 楽天株式会社
Priority to US15/102,931 priority Critical patent/US10656773B2/en
Priority to PCT/JP2014/060693 priority patent/WO2015159360A1/ja
Priority to JP2014552236A priority patent/JP5727684B1/ja
Priority to TW104111956A priority patent/TWI539397B/zh
Publication of WO2015159360A1 publication Critical patent/WO2015159360A1/ja

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]
    • G06Q30/0633Lists, e.g. purchase orders, compilation or processing

Definitions

  • the present invention relates to a browsing apparatus, a display control method, a recording medium, and a program suitable for preventing an important matter from being overlooked by a user.
  • the second screen is popped up on the first screen, and the pop-up second screen is displayed.
  • a display method in which more detailed information is displayed. For example, when a plurality of so-called thumbnails with reduced images are displayed and any one of the thumbnails is selected by the user, a detailed image with the selected thumbnail enlarged is displayed in a pop-up.
  • the pop-up display has a merit that it is easy to attract attention from the user and the relationship between the first screen and the second screen is easy to understand, so it is often used in a wide range of fields.
  • the pop-up second screen also has a demerit that it hides a part of the first screen below.
  • Patent Document 1 when the first information is displayed, even if the second information related to the first information is displayed, the first information is hidden by the second information and cannot be seen.
  • An apparatus for preventing this is disclosed. According to this, when one of the plurality of buttons serving as the first information is pressed, the device pops up and displays the second information related to the pressed button. In addition, the device makes all buttons visible to the user by changing the display mode of each button, and prevents each button from being hidden by a pop-up.
  • the present invention has been made in view of the above circumstances, and an object thereof is to provide a browsing device, a display control method, a recording medium, and a program suitable for preventing an important matter from being overlooked by a user. .
  • the browsing device is: A display control unit for displaying content including one or more priority items on the screen; In response to the occurrence of an event, the display control unit displays a popup on the screen, overlaid on the content, If the priority item displayed on the screen is hidden by the pop-up, the display control unit arranges an alternative item in the pop-up and displays it on the screen. It is characterized by that.
  • the browsing device is A reception unit that receives an operation on the content or the popup displayed on the screen; An execution unit that executes processing associated with the priority item or the alternative item when the operation on the priority item or the alternative item is accepted; May be further provided.
  • the appearance in which the substitute item is displayed on the screen is associated in advance with the appearance in which the priority item is displayed on the screen,
  • the display control unit may arrange the substitute item at a predetermined position in the pop-up.
  • the content includes a first image representing the target in a first aspect
  • the pop-up includes a second image representing the target in a second aspect
  • the display control unit may display the pop-up when the operation on the first image is accepted.
  • the process associated with the priority item may be a process for starting an application for the target purchase.
  • the reception unit receives a designation of a position in the screen from a user, When the display control unit determines that the priority item is hidden by the pop-up and the received position in the screen is within the area where the pop-up is displayed, the display control unit Alternative items may be arranged.
  • the priority item may be plural, If all of the plurality of priority items are hidden by the pop-up, the display control unit may arrange a plurality of alternative items corresponding to each of the plurality of priority items in the pop-up.
  • the priority item may be plural, If at least one of the plurality of priority items is hidden by the pop-up, the display control unit arranges the plurality of alternative items corresponding to each of the plurality of priority items in the pop-up. Also good.
  • the display control unit based on a pixel value associated with each pixel constituting the pop-up, an area composed of a predetermined number or more adjacent pixels associated with a pixel value representing a background color in the pop-up. It is possible to discriminate and arrange the substitute item in the discriminated area.
  • the display control unit expands the pop-up when there is no region composed of a predetermined number or more of adjacent pixels associated with a pixel value representing a background color in the pop-up, and within the expanded region
  • the substitute item may be arranged.
  • the display control unit may add the substitute item in the popup when the priority item is hidden by scrolling the display of the content after displaying the popup that does not include the substitute item. .
  • the display control unit may delete the substitute item from the popup if the priority item is not hidden by scrolling the display of the content after displaying the popup including the substitute item. .
  • a browsing device is: A display control unit for displaying the first content including the priority items on the screen; The display control unit displays a second content different from the first content on the screen so as to overlap the first content; If the priority item displayed on the screen is hidden by the second content, the display control unit arranges an alternative item in the second content and displays it on the screen. It is characterized by that.
  • a display control method includes: A display control step for displaying content including priority items on the screen; In the display control step, in response to the occurrence of an event, a pop-up is displayed on the screen, overlaid on the content, If the priority item displayed on the screen is hidden by the pop-up, in the display control step, an alternative item is arranged in the pop-up and displayed on the screen. It is characterized by that.
  • the recording medium is: Computer It functions as a display control unit that displays content including priority items on the screen, In response to the occurrence of an event, the display control unit displays a popup on the screen, overlaid on the content, If the priority item displayed on the screen is hidden by the pop-up, the display control unit arranges an alternative item in the pop-up and displays it on the screen.
  • the program to be operated is stored.
  • a program according to another aspect of the present invention is: Computer It functions as a display control unit that displays content including priority items on the screen, In response to the occurrence of an event, the display control unit displays a popup on the screen, overlaid on the content, If the priority item displayed on the screen is hidden by the pop-up, the display control unit arranges an alternative item in the pop-up and displays it on the screen. 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.
  • the recording medium may be a non-temporary recording medium and can be distributed and sold independently of the computer.
  • FIG. 1 It is a figure which shows the outline
  • the electronic shopping mall system 1 includes an electronic shopping mall server 10 and store terminals 20 (three store terminals 20A, 20B, and 20C in FIG. 1) installed in one or more stores that open in the electronic shopping mall.
  • a browsing device 30 three browsing devices 30A, 30B, and 30C in FIG. 1 used by a user who performs shopping at an electronic shopping mall and a communication network 50 are configured.
  • the communication network 50 is the Internet.
  • the electronic shopping mall server 10 manages a virtual electronic shopping mall on the Internet in which a plurality of stores participate.
  • the electronic shopping mall server 10 is managed by an administrator of the electronic shopping mall.
  • the number of stores participating in the electronic shopping mall is arbitrary. In the electronic shopping mall, various products and services are sold.
  • products and services are collectively referred to as “products”, and the products include intangible services such as hotel reservations, online tickets, and software use licenses.
  • the store terminal 20 is installed in a store that sells products at an electronic shopping mall.
  • a store sales representative operates the store terminal 20 to register product information indicating products sold by the company in the electronic shopping mall server 10.
  • the product information for example, the product image of the first and second aspects representing the product, the product code for identifying the product, the name of the product, the description of the product, the number of products in stock, the sale of the product
  • a plurality of items such as unit price, product size, product weight, product shipping cost, product image, service provision date and time, and the like are included.
  • the product image of the first aspect is generally called a thumbnail and is an image having a display size smaller than that of the second aspect.
  • the product image of the second aspect is an image whose display size is larger than that of the first aspect.
  • the product image of the first aspect and the product image of the second aspect are images representing the same product.
  • a photograph of a product taken from a certain angle which is composed of X pixels in the vertical direction and Y pixels in the horizontal direction, is reduced in size to 25% in both vertical and horizontal directions to obtain a product image of the first aspect.
  • the original photograph consisting of X pixels vertically and Y pixels horizontally is the product image of the second aspect.
  • the product information includes a pop-up item that pops up based on an instruction from the user.
  • the pop-up item is a product image.
  • a screen (window) including the product image of the second mode with the display size enlarged corresponding to the thumbnail is displayed in a pop-up manner.
  • the product image of the first aspect is displayed, and after the operation by the user, if the condition is satisfied, the product image of the second aspect is displayed.
  • the product information includes priority items that should be displayed with priority over other items.
  • the priority item is hidden under the popup window, an alternative item including the same content as the priority item is displayed with its display position changed.
  • the substitute item is displayed in a popup window. Details will be described later.
  • the electronic shopping mall server 10 stores product information representing products sold in the electronic shopping mall, and transmits the product information to the browsing device 30 that has requested access.
  • the product information is provided to the browsing device 30 by a web page accessible from the browsing device 30.
  • the web page includes HTML (HyperTextyMarkup Language) data, image data, audio data, and the like.
  • HTML HyperTextyMarkup Language
  • the web page does not have to be in the HTML format, but may be in an XML (Extensible Markup Language) format, an XHTML (Extensible HyperText Markup Language) format, or the like.
  • the product information may be provided to the browsing device 30 using a dedicated application that is installed in advance on the browsing device 30 and provided from an electronic shopping mall.
  • the browsing device 30 is operated by a user who browses merchandise information related to merchandise exhibited in the electronic shopping mall.
  • the user operates the browsing device 30 to access the electronic shopping mall server 10, browses product information, and applies for purchase of the product.
  • the communication network 50 connects the electronic shopping mall server 10, the store terminal 20, and the browsing device 30 to each other.
  • the communication network 50 is typically the Internet, but may include a telephone line, a dedicated line, a LAN (Local Area Network), and the like.
  • the electronic shopping mall server 10 includes a storage unit 201, a communication unit 202, and a control unit 203.
  • the storage unit 201 includes a storage device such as a hard disk.
  • a product database 251 is stored in the storage unit 201.
  • the merchandise database 251 stores merchandise information about all the merchandise exhibited in the electronic shopping mall.
  • FIG. 3 shows a configuration example of product information stored in the product database 251.
  • the product database 251 stores various data indicating product attributes such as product name, quantity in stock, price, product image of the first aspect and second aspect, in association with the product code for identifying the product.
  • the product information is updated at any time by the store terminal 20 operated by the person in charge of the store that sells the product or the electronic shopping mall server 10.
  • the communication unit 202 includes a NIC (Network Interface Card), connects the electronic shopping mall server 10 to the communication network 50, and communicates with the store terminal 20 and the browsing device 30.
  • NIC Network Interface Card
  • the control unit 203 includes a CPU (Central Processing Unit), ROM (Read Only Memory), RAM (Random Access Memory), and the like, and controls the entire electronic shopping mall server 10.
  • CPU Central Processing Unit
  • ROM Read Only Memory
  • RAM Random Access Memory
  • the electronic shopping mall server 10 a general computer server, mainframe, cloud type server, or the like can be used.
  • the browsing device 30 includes a communication unit 401, an image processing unit 402, an audio processing unit 403, an I / O (Input / Output) unit 404, an input unit 405, a storage unit 406, and a control unit 407.
  • a communication unit 401 an image processing unit 402, an audio processing unit 403, an I / O (Input / Output) unit 404, an input unit 405, a storage unit 406, and a control unit 407.
  • the communication unit 401 includes a NIC, connects the browsing device 30 to the communication network 50, and communicates with the electronic shopping mall server 10.
  • the image processing unit 402 generates an image and displays it on the display 451.
  • the image processing unit 402 electronically transmits HTML data and image data that constitute a web page including the above-described product information, HTML data and image data that constitute a web page that accepts purchase of a product, via the communication unit 401.
  • a screen for guiding the product received, a screen for accepting purchase of the product, and the like received from the shopping mall server 10 are displayed on the display 451.
  • the audio processing unit 403 acquires audio data from the storage unit 406 or the electronic shopping mall server 10, reproduces it, and outputs audio from the speaker 452.
  • the I / O unit 404 includes an interface for connecting a removable memory card to the browsing device 30.
  • the input unit 405 includes an interface that receives input from the user.
  • the input unit 405 includes a keyboard and a mouse.
  • the storage unit 406 includes a storage device such as a ROM and a RAM, and stores an operating system that controls the browsing device 30, various programs, image data, audio data, text data, and the like.
  • the control unit 407 includes a CPU and controls the entire browsing device 30.
  • a general personal computer a mobile phone, a smartphone, a mobile terminal, a tablet computer, or the like having a communication function can be used.
  • a personal computer is employed as the browsing device 30.
  • the hardware configuration of the store terminal 20 is the same as that of the browsing device 30, and a detailed description thereof will be omitted.
  • FIG. 5 shows an example of product information displayed on the display 451 of the browsing device 30.
  • the control unit 407 executes application software (hereinafter referred to as “browser”) that is used by the user for browsing product information.
  • the control unit 407 acquires product information from the electronic shopping mall server 10 and displays the product information on the browser.
  • the control unit 407 may display product information by executing pre-installed application software dedicated to an electronic shopping mall.
  • the instruction mark 510 indicates a position designated by the user and is generally called a mouse pointer or a mouse cursor. The user can move the instruction mark 510 to an arbitrary position by operating the mouse.
  • Thumbnail 520 (three in FIG. 5 520A, 520B, and 520C) is obtained by reducing the display size of the product image included in the product information. For example, when the instruction mark 510 moves into the area where the thumbnail 520A is displayed, the control unit 407 displays a pop-up image 600 including an enlarged product image corresponding to the thumbnail 520A as shown in FIG. The same applies to the thumbnails 520B and 520C.
  • the pop-up image 600 is displayed as a separate window superimposed on the browser.
  • the user can perform operations on browsers that display product information other than the pop-up image 600. For example, even when the pop-up image 600 is displayed, the user can operate the application object 530 for applying for purchase of a product.
  • the position where the pop-up image 600 is displayed is the center of the entire display area of the browser.
  • the position where the pop-up image 600 is displayed may be the center of the entire display area of the display 451.
  • the control unit 407 can move the pop-up image 600 based on an instruction from the user. For example, when the instruction mark 510 is arranged on the pop-up image 600 and the instruction mark 510 is moved while the selection instruction for the pop-up image 600 is made, in other words, when the pop-up image 600 is dragged, the control is performed.
  • the unit 407 moves the pop-up image 600 according to the drag operation.
  • control unit 407 may always fix the display position of the pop-up image 600.
  • the control unit 407 erases the pop-up image 600 when the erase object 610 included in the pop-up image 600 is operated by the user.
  • the erase object 610 is a software button that receives an instruction to erase the pop-up image 600 from the user.
  • control unit 407 may delete the pop-up image 600.
  • control unit 407 provides a grace period, and even if the instruction mark 510 moves outside the area where the thumbnail 520 is displayed or the area where the pop-up image 600 is displayed, the grace time from the time when it moves outside.
  • the pop-up image 600 may be displayed until the time elapses, and the pop-up image 600 may be deleted when the grace time elapses.
  • the control unit 407 may display the pop-up image 600 including the product image corresponding to the thumbnail 520 when the instruction mark 510 moves into the area where the thumbnail 520 is displayed and an operation by the user is accepted.
  • the user operation is typically a mouse click operation.
  • the pop-up image 600 is not displayed only by the user moving the instruction mark 510 over the thumbnail 520, but if the mouse is clicked with the instruction mark 510 placed on the thumbnail 520, the pop-up image 600 is displayed. .
  • the application object 530 receives an application for purchasing the product indicated by the product information from the user.
  • the user can apply for purchase of a product to the electronic shopping mall by operating the application object 530.
  • the application object 530 is a software button that receives an application for purchase of the displayed product from the user.
  • the application object 530 corresponds to the priority item described above.
  • a selection instruction from the user with the instruction mark 510 in the area where the application object 530 is displayed is expressed as “button pressed”.
  • the control unit 407 can accept an operation by the user such as the application object 530 that is not included in the pop-up image 600 even when the pop-up image 600 is displayed. it can.
  • the user operates the application object 530 while displaying the pop-up image 600, or displays another pop-up image 600 including enlarged product images corresponding to the thumbnails 520A, 520B, and 520C. be able to.
  • the number of pop-up images 600 displayed at one time is limited to one.
  • the control unit 407 causes the product corresponding to the thumbnail 520A to be displayed. After deleting the pop-up image 600 including the image, a new pop-up image 600 including the product image corresponding to the thumbnail 520B is displayed.
  • the control unit 407 may adopt an embodiment in which two or more pop-up images 600 can be displayed simultaneously.
  • the control unit 407 displays the substitute object 700 that replaces the application object 530 in the pop-up image 600. To do.
  • control unit 407 displays an alternative object 700 whose appearance and associated processing are the same as those of the application object 530 at a predetermined position in the pop-up image 600.
  • the substitute object 700 is also called a substitute item.
  • the predetermined position is, for example, the bottom of the product image in the pop-up image 600 as viewed from the user, the upper left corner, the lower left corner, the upper right corner, the lower right corner, or the like. It is desirable that the substitute object 700 does not overlap with the product image.
  • the control unit 407 may acquire a position that does not overlap with the product image by calculation at any time. Specifically, the control unit 407 acquires the pixel value of each pixel constituting the image data corresponding to the product image displayed in the pop-up image 600.
  • the pixel value is represented by a combination of an illuminance value of R (red), an illuminance value of G (green), and an illuminance value of B (blue).
  • R red
  • G green
  • B illuminance value of B
  • the control unit 407 determines a blank area in which pixels representing white are arranged adjacent to the reference number or more, and displays the substitute object 700 in the determined blank area. As a result, the control unit 407 can display the substitute object 700 by calculating the optimum display position each time.
  • the above reference number is equal to or greater than the number of pixels constituting the alternative object 700. More precisely, the number of pixels adjacent in the vertical direction is equal to or greater than the number of pixels in the vertical direction constituting the substitute object 700, and the number of pixels adjacent in the horizontal direction constitutes the substitute object 700. More than a few.
  • the control unit 407 searches for a blank area in which pixels representing the background color are arranged adjacent to the reference number or more.
  • control unit 407 expands the pop-up image 600 in any one of four directions, up, down, left, and right, and expands the area.
  • the substitute object 700 may be displayed.
  • Priority items are not limited to the application object 530 alone.
  • the control unit 407 can set an arbitrary item included in the product information, an arbitrary character string composed of one or more characters or numbers, and the like as priority items.
  • FIG. 8 shows another display example of the product information and the pop-up image 600.
  • the control unit 407 includes the pop-up image 600.
  • the substitute object 800 that substitutes the character string 540 is displayed.
  • the control unit 407 displays the substitute object 800 representing the same character string as the priority item character string 540 in the pop-up image 600.
  • the control unit 407 may insert a line feed at an arbitrary position in the character string 540 or change the font of the character, the size of the character, the color of the character, and the like according to the size of the pop-up image 600.
  • the priority item (application object 530 and the like) and the alternative item (substitution object 700 and the like) may not be exactly the same.
  • the priority item is a software button
  • at least the processing associated with the software button may be the same, and the size, shape, color, design, and the like of the software button may be different.
  • Priority items are not limited to software buttons and character strings, but can be selected from still images, moving images, icons associated with processing executed when operated by the user, text boxes that accept input of characters, and choices.
  • a radio button, a drop-down list, a list box, a combo box, or the like that accepts any selection may be used.
  • product information is composed of data in HTML format, and priority items are defined by tags.
  • the priority item can be specified using the class attribute attached to the tag ⁇ span>.
  • priority items can be specified using class attributes that are uniquely defined.
  • Priority items can be specified using tag names instead of tag attributes. For example, an item written using a specific tag, such as a tag ⁇ b> for displaying text in bold, a tag ⁇ em> for highlighting, or a tag ⁇ button> for defining a software button, may be a priority item. Good.
  • Priority item is not limited to one and may be two or more.
  • priority items are set as priority items: an application object 530, a character string 550 “number”, and a list box 560 that accepts input of the number.
  • the control unit 407 displays, in the pop-up image 600, a substitute object 700 that substitutes the application object 530, a substitute object 910 that substitutes the character string 550, and a list box, as shown in FIG. A substitute object 920 that substitutes 560 is displayed.
  • control unit 407 displays the respective substitute objects that replace all the priority items including the priority items to be hidden as the pop-up image 600. You may display in.
  • priority items are set as priority items: an application object 530, a character string 550 of “number”, and a list box 560 that accepts the input of the number, and among these three items,
  • the control unit 407 substitutes not only the substitute object 700 substituting the application object 530 but also the character string 550 in the pop-up image 600 as shown in FIG.
  • the substitute object 910 and the substitute object 920 that substitutes the list box 560 may be displayed together.
  • the browser that displays the product image may be scrolled while the pop-up image 600 is displayed. Even if the priority item is not hidden at the start of displaying the pop-up image 600, the priority item may be hidden by the pop-up image 600 after scrolling.
  • the control unit 407 newly sets the substitute object 700 that substitutes the priority item at a predetermined position in the pop-up image 600.
  • the predetermined position is, for example, the lowermost part of the pop-up image 600 as viewed from the user.
  • the control unit 407 may delete the substitute object 700, or the once displayed substitute object is continuously displayed. It's also good.
  • the control unit 407 displays the substitute object 700 that replaces the priority item. Also good.
  • the control unit 407 does not display the substitute object 700 that substitutes the application object 530 that is the priority item in the pop-up image 600. .
  • the control unit 407 displays the substitute object 700 that substitutes the application object 530 that is the priority item in the pop-up image 600. .
  • the control unit 407 may change the size, shape, color, design, etc. of the pop-up image 600 based on whether or not the alternative object 700 is displayed.
  • the control unit 407 selects a product image 1210, a thumbnail 1220A that is the same or similar to the thumbnail 520A, a thumbnail 1220B that is the same or similar to the thumbnail 520B, and a thumbnail displayed in the pop-up image 600.
  • Buttons 1230A and 1230B to be changed are displayed.
  • the control unit 407 may display the buttons 1230A and 1230B when all the thumbnails cannot be displayed in the pop-up image 600 at one time.
  • the transmission unit 1301 transmits product information to the browsing device 30 based on a request from the browsing device 30. For example, when the receiving unit 1304 receives an instruction from the user to display the product information related to the product exhibited in the electronic shopping mall on the display 451, the control unit 407 of the browsing device 30 transmits the product information to the electronic shopping mall server. Request to 10.
  • the control unit 203 of the electronic shopping mall server 10 acquires product information from the product database 251 and transmits the product information to the browsing device 30.
  • the storage unit 201, the communication unit 202, and the control unit 203 of the electronic shopping mall server 10 work together to function as the transmission unit 1301.
  • the receiving unit 1302 receives product information from the electronic shopping mall server 10.
  • the received product information is stored in the storage unit 406.
  • the communication unit 401 and the control unit 407 of the browsing device 30 function as a receiving unit 1302 in cooperation.
  • the data transmitted and received between the electronic shopping mall server 10 and the browsing device 30 includes not only product information but also various contents such as member data and advertisement data.
  • the display control unit 1303 displays product information including priority items on the display 451. Further, the display control unit 1303 displays the pop-up image 600 over the product information based on the instruction received from the user by the receiving unit 1304 and the event generated in response to the received instruction. Further, if the priority item is hidden in the pop-up image 600, the display control unit 1303 displays alternative items (substitute objects) 700, 800, 910, and 920 in the pop-up image 600.
  • the image processing unit 402 and the control unit 407 work together to function as the display control unit 1303.
  • the accepting unit 1304 accepts an operation to move the instruction mark 510, an operation on the product information displayed on the display 451, an operation on the pop-up image 600, and the like from the user.
  • the input unit 405 functions as the reception unit 1304.
  • the execution unit 1305 executes a process associated with the priority item or the alternative item when an operation on the priority item or the alternative item is received by the reception unit 1304. For example, when the priority item is the application object 530, when an operation from the user to the application object 530 is received by the receiving unit 1304, a process associated with the application object 530 in advance, that is, a notification for applying for purchase of a product is sent to the electronic shopping mall. The data is transmitted to the server 10, and then the product settlement processing is executed.
  • the communication unit 401 and the control unit 407 work together to function as the execution unit 1305.
  • the control unit 407 of the browsing device 30 starts a browser and accesses an electronic shopping mall site based on an operation by a user.
  • the control unit 407 of the browsing device 30 transmits a request for transmitting product information to the browsing device 30 to the electronic shopping mall server 10 based on an operation by the user.
  • the control unit 203 of the electronic shopping mall server 10 acquires product information from the product database 251 and transmits the acquired product information to the browsing device 30.
  • the control unit 407 of the browsing device 30 receives product information from the electronic shopping mall server 10 (step S1401).
  • the control unit 407 of the browsing device 30 displays the received product information on the display 451, for example, as shown in FIG. 5 (step S1402).
  • the control unit 407 determines whether or not an event that triggers the display of the pop-up image 600 has occurred (step S1403).
  • This event is, for example, that an instruction mark 510 is placed on the area where the thumbnail 520 is displayed.
  • the event may be that the instruction mark 510 is on the area where the thumbnail 520 is displayed, and that the user has performed an operation such as clicking the mouse.
  • the event may be that there is an instruction mark 510 on the area where the thumbnail 520 is displayed for a predetermined time or more.
  • step S1403 If it is determined that no event has occurred (step S1403; NO), the control unit 407 proceeds to the process of step S1407, which will be described later. If it is determined that an event has occurred (step S1403; YES), the control unit 407 displays a pop-up image 600, for example, as shown in FIG. 6 (step S1404).
  • the control unit 407 determines whether the priority item is hidden by the pop-up image 600 (step S1405).
  • control unit 407 displays an alternative item that replaces the priority item in the pop-up image 600 (step S1406).
  • the control unit 407 applies an application for purchasing a product from the alternative object 700 having the same function as the application object 530, that is, the user.
  • a substitute object 700 that is a software button to be received is displayed in a pop-up image 600.
  • step S1405 when it is determined that the priority item is not hidden by the pop-up image 600 (step S1405; NO), the control unit 407 proceeds to the process of step S1407 described later. Alternative items are not displayed.
  • control unit 407 determines whether or not there is an application for purchasing the product indicated by the product information (step S1407). That is, the control unit 407 determines whether or not the application object 530 or the alternative object 700 is operated by the user.
  • step S1407; NO If there is no application for purchasing the product (step S1407; NO), the control unit 407 repeats the processing from step S1402 to S1407. When there is an application for purchasing a product (step S1407; YES), the control unit 407 executes order processing (step S1408).
  • the browsing device 30 cooperates with the electronic shopping mall server 10 to accept the purchase of a product, accept the input of the shipping destination of the product, notify the store, settle the price, and the like.
  • control unit 407 displays on the display 451 that the order process has been completed, and ends the display control process.
  • the control unit 407 starts the display control process again. If the user gives an instruction to close the browser during the display control process, the control unit 407 ends the display control process and closes the browser. If the pop-up image 600 is being displayed, the pop-up image 600 is deleted when the browser ends.
  • the present embodiment even if a word, image, object or the like appropriate to be always presented to the user is hidden by the pop-up image 600, the same or similar word, image, object or the like is displayed instead. Therefore, the appeal power of information to the user can be enhanced.
  • the electronic shopping mall system 1 can prevent an important matter from being overlooked by the user.
  • a priority item is set in advance in the product information, even if the priority item is hidden by the pop-up image 600, an alternative item instead of the priority item is included in the pop-up image 600. Is displayed. Therefore, for a store that sells products, if a button for accepting a purchase application for a product is set as a priority item, the button can always be presented to the user without being hidden, and therefore a sales opportunity is not missed. For the user, since either the button set as the priority item or the button displayed as the substitute item may be operated, convenience is increased.
  • information that should be presented to the user before accepting the purchase application for the product such as age restriction, cancellation rule, shipping fee, shipping date, etc., can always be displayed. Can be prevented.
  • the present invention is not limited to the above-described embodiment, and various modifications and applications are possible. Moreover, it is also possible to freely combine the constituent elements of the above-described embodiments.
  • control unit 407 may display the substitute item in the screen of the other application software when the priority item is hidden by the screen of the other application software instead of the pop-up image 600.
  • the first software is an Internet browser
  • the second software is a help screen of the browser. If there is a priority item in the product information indicating the wording that “a minor cannot purchase this product” and the priority item is hidden by the help screen, the control unit 407 displays the priority item in the help screen. Display alternative items that contain the same or similar content as the priority item.
  • the combination of the first software and the second software is not limited to the browser and its help screen, and is arbitrary, for example, a document creation application, a spreadsheet, an editor such as a text, a still image, or a moving image, a voice or a moving image Anything such as a player, a communication tool with voice or text input / output, etc.
  • the first software and the second software may be the same.
  • the first content is a first tab in a tab-type browser
  • the second content is a second tab in the same tab-type browser.
  • the priority item is displayed in the first tab, and when the user changes the tab to be displayed, the priority item in the first tab is hidden by the second tab. Therefore, when the priority item displayed in the first tab is hidden by switching the display from the first tab to the second tab, the control unit 407 gives priority to the second tab. Displays alternative items that replace the item.
  • product information representing a product sold in an electronic shopping mall is handled, but instead of product information, any content such as news articles, blogs, company guides, advertisements, games, electronic bulletin boards, character chats, etc. But you can.
  • a program for operating the computer as all or part of the browsing device 30 is stored in a computer-readable recording medium such as a memory card, CD (Compact Disc), DVD (Digital Versatile Disk), or MO (Magneto Optical Disk). It may be distributed and installed in another computer and operated as the above-mentioned means, or the above-mentioned steps may be executed.
  • a computer-readable recording medium such as a memory card, CD (Compact Disc), DVD (Digital Versatile Disk), or MO (Magneto Optical Disk).
  • the program may be stored in a disk device or the like of a server device on the Internet, and may be downloaded onto a computer by being superimposed on a carrier wave, for example.
  • the present invention it is possible to provide a browsing device, a display control method, a recording medium, and a program suitable for preventing an important matter from being overlooked by a user.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Human Computer Interaction (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Strategic Management (AREA)
  • Marketing (AREA)
  • Development Economics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

 電子ショッピングモールシステム(1)において、受信部(1302)は、送信部(1301)から送信された優先項目を含むコンテンツを受信する。表示制御部(1303)は、受信部(1302)が受信したコンテンツを画面に表示する。表示制御部(1303)は、イベントの発生に応じて、コンテンツ上に重ねて、ポップアップを画面に表示する。また、画面において表示されていた優先項目が、ポップアップに隠されるならば、表示制御部(1303)は、ポップアップ内に代替項目を配置して画面に表示する。実行部(1305)は、優先項目もしくは代替項目に対応付けられる処理を実行する。

Description

閲覧装置、表示制御方法、記録媒体、ならびに、プログラム
 本発明は、ユーザによる重要事項の見落としを防ぐために好適な閲覧装置、表示制御方法、記録媒体、ならびに、プログラムに関する。
 従来から、ある情報を第1の画面に表示している最中にユーザからの指示があると、第1の画面の上に第2の画面をポップアップさせ、そのポップアップされた第2の画面の中に、更に詳細な情報を表示させる、という表示方法がある。例えば、画像を縮小したいわゆるサムネイルを複数表示しておき、ユーザによっていずれかのサムネイルが選択されると、その選択されたサムネイルを大きくした詳細な画像がポップアップして表示される。
 ポップアップによる表示は、ユーザから注目を惹きやすく、また第1の画面と第2の画面との関連性が分かりやすいというメリットがあるので、広範な分野においてよく利用される。一方で、ポップアップによる第2の画面は、その下の第1の画面の一部分を隠してしまうというデメリットもある。
 特許文献1には、第1の情報が表示されているときに、第1の情報に関連する第2の情報を表示させても、第1の情報が第2の情報によって隠れて見えなくなることを防止する装置が開示されている。これによれば、装置は、第1の情報となる複数のボタンのうちのいずれかのボタンが押されると、押されたボタンに関連する第2の情報をポップアップして表示する。また、装置は、各ボタンの表示態様を変更することによってすべてのボタンがユーザに見えるようにし、ポップアップにより各ボタンが隠れて見えなくなることを防ぐ。
特開2010-079412号公報
 しかしながら、ポップアップによって隠される情報のすべてがユーザにとって常に必要であるとは限らないため、すべてのボタンが常に表示されるようにしても、優先してユーザに伝えるべき情報が全体の中に埋もれてしまい、かえってユーザが重要事項を見落としかねないという問題がある。また、特許文献1によれば、ポップアップが表示されない場合における各ボタンの配置と、ポップアップが表示された場合における各ボタンがいずれもポップアップによって隠れない配置と、の両方を予め設計しておく必要があり、設計者側の負担が大きい。
 本発明は、以上のような事情に鑑みてなされたものであり、ユーザによる重要事項の見落としを防ぐために好適な閲覧装置、表示制御方法、記録媒体、ならびに、プログラムを提供することを目的とする。
 本発明の第1の観点に係る閲覧装置は、
 一つ又は複数の優先項目を含むコンテンツを画面に表示する表示制御部
 を備え、
 前記表示制御部は、イベントの発生に応じて、前記コンテンツ上に重ねて、ポップアップを前記画面に表示し、
 前記画面において表示されていた前記優先項目が、前記ポップアップによって隠されるならば、前記表示制御部は、前記ポップアップ内に代替項目を配置して前記画面に表示する、
 ことを特徴とする。
 前記閲覧装置は、
 前記画面に表示された前記コンテンツもしくは前記ポップアップに対する操作を受け付ける受付部、
 前記優先項目もしくは前記代替項目に対する前記操作が受け付けられると、前記優先項目もしくは前記代替項目に対応付けられる処理を実行する実行部、
 をさらに備えてもよい。
 前記代替項目が前記画面に表示される外観は、前記優先項目が前記画面に表示される外観に予め対応付けられ、
 前記表示制御部は、前記代替項目を、前記ポップアップ内の予め定められた位置に配置してもよい。
 前記コンテンツには、対象を第1の態様で表す第1画像が含まれ、前記ポップアップには、前記対象を第2の態様で表す第2画像が含まれ、
 前記表示制御部は、前記第1画像に対する前記操作が受け付けられると、前記ポップアップを表示してもよい。
 前記優先項目に対応付けられる処理は、前記対象の購入の申し込みを開始する処理であってもよい。
 前記受付部は、前記画面内における位置の指定をユーザから受け付け、
 前記表示制御部は、前記優先項目が前記ポップアップによって隠され、且つ、前記受け付けられた前記画面内における位置が、前記ポップアップが表示されている領域の中にあると判別すると、前記ポップアップ内に前記代替項目を配置してもよい。
 前記優先項目は複数であってもよく、
 前記表示制御部は、前記複数の優先項目のすべてが前記ポップアップによって隠されるならば、前記ポップアップ内に、複数の前記優先項目のそれぞれに対応する複数の前記代替項目を配置してもよい。
 前記優先項目は複数であってもよく、
 前記表示制御部は、前記複数の優先項目のうち少なくともいずれか一つが前記ポップアップによって隠されるならば、前記ポップアップ内に、複数の前記優先項目のそれぞれに対応する複数の前記代替項目を配置してもよい。
 前記表示制御部は、前記ポップアップを構成する各画素に対応付けられる画素値に基づいて、前記ポップアップのうち背景色を表す画素値が対応付けられている所定個数以上の隣接した画素からなる領域を判別し、前記判別した領域内に前記代替項目を配置してもよい。
 前記表示制御部は、前記ポップアップのうち背景色を表す画素値が対応付けられている所定個数以上の隣接した画素からなる領域が無い場合には、前記ポップアップを拡張し、前記拡張した領域内に前記代替項目を配置してもよい。
 前記表示制御部は、前記代替項目を含まない前記ポップアップを表示した後に、前記コンテンツの表示がスクロールされることによって前記優先項目が隠されると、前記ポップアップ内に前記代替項目を追加してもよい。
 前記表示制御部は、前記代替項目を含む前記ポップアップを表示した後に、前記コンテンツの表示がスクロールされることによって前記優先項目が隠されなくなると、前記ポップアップ内から前記代替項目を消去してもよい。
 本発明のその他の観点に係る閲覧装置は、
 優先項目を含む第1のコンテンツを画面に表示する表示制御部
 を備え、
 前記表示制御部は、前記第1のコンテンツの上に重ねて、前記第1のコンテンツと異なる第2のコンテンツを前記画面に表示し、
 前記画面において表示されていた前記優先項目が、前記第2のコンテンツによって隠されるならば、前記表示制御部は、前記第2のコンテンツ内に代替項目を配置して前記画面に表示する、
 ことを特徴とする。
 本発明のその他の観点に係る表示制御方法は、
 優先項目を含むコンテンツを画面に表示する表示制御ステップ
 を備え、
 前記表示制御ステップでは、イベントの発生に応じて、前記コンテンツ上に重ねて、ポップアップを前記画面に表示し、
 前記画面において表示されていた前記優先項目が、前記ポップアップによって隠されるならば、前記表示制御ステップでは、前記ポップアップ内に代替項目を配置して前記画面に表示する、
 ことを特徴とする。
 本発明のその他の観点に係る記録媒体は、
 コンピュータを、
 優先項目を含むコンテンツを画面に表示する表示制御部
 として機能させ、
 前記表示制御部は、イベントの発生に応じて、前記コンテンツ上に重ねて、ポップアップを前記画面に表示し、
 前記画面において表示されていた前記優先項目が、前記ポップアップによって隠されるならば、前記表示制御部は、前記ポップアップ内に代替項目を配置して前記画面に表示する、
 ように機能させるプログラムを記憶する。
 本発明のその他の観点に係るプログラムは、
 コンピュータを、
 優先項目を含むコンテンツを画面に表示する表示制御部
 として機能させ、
 前記表示制御部は、イベントの発生に応じて、前記コンテンツ上に重ねて、ポップアップを前記画面に表示し、
 前記画面において表示されていた前記優先項目が、前記ポップアップによって隠されるならば、前記表示制御部は、前記ポップアップ内に代替項目を配置して前記画面に表示する、
 ことを特徴とする。
 上記プログラムは、プログラムが実行されるコンピュータとは独立して、コンピュータ通信網を介して配布・販売することができる。また、上記記録媒体は、非一時的な記録媒体であってよく、コンピュータとは独立して配布・販売することができる。
 本発明によれば、ユーザによる重要事項の見落としを防ぐことができる。
電子ショッピングモールシステムの構成の概要を示す図である。 電子ショッピングモールサーバの構成を示す図である。 商品データベースに格納される商品情報の例を示す図である。 閲覧装置の構成を示す図である。 商品情報の表示例を示す図である。 商品情報と、ポップアップ画像との表示例を示す図である。 商品情報と、代替項目を含むポップアップ画像との表示例を示す図である。 商品情報と、代替項目を含むポップアップ画像との表示例を示す図である。 商品情報と、複数の代替項目を含むポップアップ画像との表示例を示す図である。 商品情報と、代替項目を含まないポップアップ画像との表示例を示す図である。 商品情報と、代替項目を含むポップアップ画像との表示例を示す図である。 商品情報と、サムネイルを含むポップアップ画像との表示例を示す図である。 電子ショッピングモールシステムの機能的な構成を示す図である。 表示制御処理を説明するためのフローチャートである。
 本発明の実施形態を説明する。以下の実施形態は説明のためのものであり、本願発明の範囲を制限するものではない。したがって、当業者であればこれらの各要素もしくは全要素をこれと均等なものに置換した実施形態を採用することが可能であるが、これらの実施形態も本発明の範囲に含まれる。
 まず、本実施形態の電子ショッピングモールシステム1の概要構成を、図1を用いて説明する。電子ショッピングモールシステム1は、電子ショッピングモールサーバ10と、電子ショッピングモールに出店する1つ以上の店舗に設置される店舗端末20(図1では、店舗端末20A,20B,20Cの3つ)と、電子ショッピングモールで買い物をするユーザが使用する閲覧装置30(図1では、閲覧装置30A,30B,30Cの3つ)と、通信ネットワーク50と、から構成される。本実施形態では、通信ネットワーク50はインターネットである。
 電子ショッピングモールサーバ10は、複数の店舗が参加する、インターネット上の仮想の電子ショッピングモールを管理する。電子ショッピングモールサーバ10は、電子ショッピングモールの管理者により管理される。電子ショッピングモールに参加する店舗の数は任意である。電子ショッピングモールでは、様々な商品とサービスが販売される。
 以下において、説明の簡略化のため、商品とサービスをまとめて「商品」と呼び、商品には、例えばホテルの宿泊予約、オンラインチケット、ソフトウェアの使用ライセンスなどの無形のサービス、も含まれる。
 店舗端末20は、電子ショッピングモールで商品を販売する店舗に設置される。店舗の販売担当者は、店舗端末20を操作して、自社が販売する商品を示す商品情報を電子ショッピングモールサーバ10に登録する。
 商品情報には、具体的には例えば、商品を表す第1の態様及び第2の態様の商品画像、商品を識別する商品コード、商品の名称、商品の説明、商品の在庫数、商品の販売単価、商品の大きさ、商品の重量、商品の送料、商品の画像、サービスの提供日時、などの複数の項目が含まれる。
 第1の態様の商品画像は、一般にサムネイルと呼ばれ、第2の態様よりも表示サイズを小さくした画像である。第2の態様の商品画像は、第1の態様よりも表示サイズを大きくした画像である。
 第1の態様の商品画像も第2の態様の商品画像も、同じ商品を表す画像である。例えば、あるアングルから商品を撮影した、縦がXピクセルで横がYピクセルからなる写真を、縦横共にサイズを25%まで縮小し、第1の態様の商品画像を得る。縦がXピクセルで横がYピクセルからなる元の写真が、第2の態様の商品画像である。
 商品情報には、ユーザからの指示に基づいてポップアップして表示するポップアップ項目が含まれる。例えば、ポップアップ項目は、商品画像である。ユーザが第1の態様で表示されているサムネイルの上にマウスカーソルを動かすと、そのサムネイルに対応する、表示サイズを拡大した第2の態様の商品画像を含む画面(ウィンドウ)が、ポップアップ表示される。
 つまり、はじめに第1の態様の商品画像が表示され、ユーザによる操作の後、条件が満たされれば、第2の態様の商品画像が表示される。
 また、商品情報には、他の項目より優先して表示すべき優先項目が含まれる。優先項目が、ポップアップされたウィンドウの下に隠れると、その優先項目と同じ内容を含む代替項目が、表示位置を変えて表示される。本実施形態では、代替項目は、ポップアップされたウィンドウの中に表示される。詳しくは後述する。
 電子ショッピングモールサーバ10は、電子ショッピングモールで販売される商品を表す商品情報を記憶し、アクセス要求があった閲覧装置30に、商品情報を送信する。
 商品情報は、閲覧装置30からアクセス可能なウェブページによって、閲覧装置30に提供される。ウェブページは、HTML(HyperText Markup Language)データ、画像データ、音声データ等から構成される。ウェブページはHTML形式でなくてもよく、XML(Extensible Markup Language)形式、XHTML(Extensible HyperText Markup Language)形式などでもよい。あるいは、商品情報は、閲覧装置30に予めインストールされた、電子ショッピングモールから提供される専用のアプリケーションを用いて、閲覧装置30に提供されてもよい。
 閲覧装置30は、電子ショッピングモールに出品された商品に関する商品情報を閲覧するユーザによって操作される。ユーザは、閲覧装置30を操作して電子ショッピングモールサーバ10にアクセスし、商品情報を閲覧し、商品の購入を申し込む。
 通信ネットワーク50は、電子ショッピングモールサーバ10と店舗端末20と閲覧装置30とを互いに接続する。通信ネットワーク50は、典型的にはインターネットであるが、電話回線、専用回線、LAN(Local Area Network)などが含まれてもよい。
 次に、電子ショッピングモールサーバ10のハードウェア構成について、図2を用いて説明する。電子ショッピングモールサーバ10は、記憶部201、通信部202、制御部203を備える。
 記憶部201は、ハードディスク等の記憶装置から構成される。記憶部201には、商品データベース251が記憶される。商品データベース251は、電子ショッピングモールに出品されるすべての商品についての商品情報を記憶する。
 図3に、商品データベース251に記憶される商品情報の構成例を示す。商品データベース251には、商品を識別する商品コードと対応付けて、商品名、在庫数、価格、第1の態様及び第2の態様の商品画像等、商品の属性を示す様々なデータが記憶される。商品情報は、商品を販売する店舗の担当者が操作する店舗端末20、あるいは、電子ショッピングモールサーバ10によって、随時更新される。
 通信部202は、NIC(Network Interface Card)を備え、電子ショッピングモールサーバ10を通信ネットワーク50に接続し、店舗端末20や閲覧装置30と通信する。
 制御部203は、CPU(Central Processing Unit)、ROM(Read Only Memory)、RAM(Random Access Memory)等を備え、電子ショッピングモールサーバ10全体を制御する。
 電子ショッピングモールサーバ10として、一般的なコンピュータサーバ、メインフレーム、クラウド型サーバなどを用いることができる。
 次に、閲覧装置30のハードウェア構成について、図4を用いて説明する。閲覧装置30は、通信部401、画像処理部402、音声処理部403、I/O(Input/Output)部404、入力部405、記憶部406、制御部407を備える。
 通信部401は、NICを備え、閲覧装置30を通信ネットワーク50に接続し、電子ショッピングモールサーバ10と通信する。
 画像処理部402は、画像を生成してディスプレイ451に表示する。例えば、画像処理部402は、上述の商品情報を含むウェブページを構成するHTMLデータや画像データ、商品の購入を受け付けるウェブページを構成するHTMLデータや画像データ等を、通信部401を介して電子ショッピングモールサーバ10から受信し、商品を案内する画面や商品の購入を受け付ける画面等をディスプレイ451に表示する。
 音声処理部403は、記憶部406もしくは電子ショッピングモールサーバ10から音声データを取得し、再生し、音声をスピーカ452から出力する。
 I/O部404は、取り外し可能なメモリカードを閲覧装置30に接続するインタフェースを備える。
 入力部405は、ユーザからの入力を受け付けるインタフェースを備える。本実施形態では、入力部405は、キーボードとマウスを備える。
 記憶部406は、ROM、RAM等の記憶装置を備え、閲覧装置30を制御するオペレーティングシステム、各種のプログラム、画像データ、音声データ、テキストデータ等を記憶する。
 制御部407は、CPUを備え、閲覧装置30全体を制御する。
 閲覧装置30として、通信機能を持った一般的なパーソナルコンピュータ、携帯電話機、スマートフォン、携帯端末、タブレット型コンピュータ等を用いることができる。本実施形態では、閲覧装置30としてパーソナルコンピュータを採用する。
 なお、店舗端末20のハードウェア構成は、閲覧装置30と同等であるので、詳しい説明を省略する。
 次に、本実施形態の電子ショッピングモールシステム1において実行される表示制御処理について説明する。
 図5に、閲覧装置30のディスプレイ451に表示される商品情報の例を示す。本実施形態では、制御部407は、ユーザが商品情報の閲覧のために用いるアプリケーションソフトウェア(以下「ブラウザ」という。)を実行する。制御部407は、商品情報を電子ショッピングモールサーバ10から取得し、ブラウザ上に商品情報を表示する。ただし、制御部407は、予めインストールされた電子ショッピングモール専用のアプリケーションソフトウェアを実行して商品情報を表示してもよい。
 指示マーク510は、ユーザによって指定される位置を示し、一般にマウスポインタあるいはマウスカーソルと呼ばれる。ユーザは、マウスを操作して、任意の位置に指示マーク510を移動することができる。
 サムネイル520(図5では520A,520B,520Cの3つ)は、商品情報に含まれる商品画像の表示サイズを縮小したものである。例えば、サムネイル520Aが表示されている領域内に指示マーク510が移動すると、制御部407は、図6に示すように、サムネイル520Aに対応する拡大された商品画像を含むポップアップ画像600を表示する。サムネイル520B,520Cについても同様である。
 ポップアップ画像600は、別のウィンドウとして、ブラウザの上に重畳して表示される。
 本実施形態では、ポップアップ画像600が表示された状態であっても、ユーザは、ポップアップ画像600以外の、商品情報を表示するブラウザへの操作が可能である。例えば、ユーザは、ポップアップ画像600が表示された状態であっても、商品の購入を申し込むための申込オブジェクト530を操作することができる。
 ポップアップ画像600が表示される位置は、ブラウザの全表示領域のうちの中央である。あるいは、ポップアップ画像600が表示される位置は、ディスプレイ451の表示領域全体のうちの中央でもよい。
 制御部407は、ユーザからの指示に基づいてポップアップ画像600を移動することができる。例えば、ポップアップ画像600の上に指示マーク510が配置され、且つ、ポップアップ画像600への選択指示がなされたまま指示マーク510が移動されると、言い換えれば、ポップアップ画像600がドラッグされると、制御部407は、ドラッグ操作に従ってポップアップ画像600を移動する。
 ただし、制御部407は、ポップアップ画像600の表示位置を常に固定してもよい。
 制御部407は、ポップアップ画像600の中に含まれる消去オブジェクト610がユーザによって操作されると、ポップアップ画像600を消去する。消去オブジェクト610は、ポップアップ画像600を消去する指示をユーザから受け付けるソフトウェアボタンである。
 サムネイル520が表示されている領域もしくはポップアップ画像600が表示されている領域の外へ指示マーク510が移動すると、制御部407は、ポップアップ画像600を消去してもよい。
 なお、制御部407は、猶予時間を設け、サムネイル520が表示されている領域もしくはポップアップ画像600が表示されている領域の外へ指示マーク510が移動しても、外へ移動した時点から猶予時間が経過するまではポップアップ画像600の表示を続け、猶予時間が経過した時点でポップアップ画像600を消去してもよい。
 制御部407は、サムネイル520が表示されている領域内に指示マーク510が移動し、且つ、ユーザによる操作を受け付けると、サムネイル520に対応する商品画像を含むポップアップ画像600を表示してもよい。
 ユーザによる操作とは、典型的には、マウスのクリック操作である。この場合、ユーザが指示マーク510をサムネイル520の上に移動しただけではポップアップ画像600は表示されないが、指示マーク510をサムネイル520の上に配置したままマウスをクリックすると、ポップアップ画像600が表示される。
 申込オブジェクト530は、商品情報が示す商品を購入する申し込みをユーザから受け付ける。ユーザは、申込オブジェクト530を操作することで、商品の購入を電子ショッピングモールに申し込むことができる。申込オブジェクト530は、表示されている商品の購入の申し込みをユーザから受け付けるソフトウェアボタンである。この申込オブジェクト530は、上述した優先項目に該当する。
 以下の説明において、申込オブジェクト530が表示されている領域内に指示マーク510がある状態で、ユーザから選択指示がなされることを、「ボタンが押される」と表現する。
 ポップアップ画像600から指示マーク510が離れても猶予時間が経過するまではポップアップ画像600の表示が消えずにそのまま維持される実施形態を採用する場合、もしくは、消去オブジェクト610がユーザによって操作されるまでポップアップ画像600の表示が維持される実施形態を採用する場合、制御部407は、ポップアップ画像600を表示していても、ポップアップ画像600に含まれない申込オブジェクト530等のユーザによる操作を受け付けることができる。例えば図6において、ユーザは、ポップアップ画像600を表示させたまま、申込オブジェクト530を操作したり、サムネイル520A,520B,520Cに対応する拡大した商品画像を含む他のポップアップ画像600を表示させたりすることができる。
 なお、本実施形態では、一度に表示されるポップアップ画像600の数を1個に限定する。例えば、サムネイル520Aに対応する商品画像を含むポップアップ画像600を表示している状態で、サムネイル520Bが表示されている領域内に指示マーク510が移動すると、制御部407は、サムネイル520Aに対応する商品画像を含むポップアップ画像600を消去した後に、サムネイル520Bに対応する商品画像を含む新たなポップアップ画像600を表示する。ただし、制御部407は、2個以上のポップアップ画像600を同時に表示可能とする実施形態を採用してもよい。
 ところで、ポップアップ画像600が表示されると、商品情報のうちのポップアップ画像600と重なる部分は、ポップアップ画像600によって隠されてしまい、ユーザからは見えなくなる。例えば図7に示すように、ポップアップ画像600によって申込オブジェクト530が隠されてしまうことがある。そうすると、店舗にとっては商品の販売機会を逸する可能性があるし、ユーザにとっては商品を購入するためにはポップアップ画像600を移動させるか消去させなければならず面倒である。そこで、本実施形態では、制御部407は、優先項目である申込オブジェクト530がポップアップ画像600によって隠されてしまう場合には、申込オブジェクト530の代わりとなる代替オブジェクト700を、ポップアップ画像600内に表示する。
 具体的には、制御部407は、外観及び対応付けられる処理が申込オブジェクト530と同じである代替オブジェクト700を、ポップアップ画像600内の予め決められている位置に表示する。代替オブジェクト700を、代替項目とも呼ぶ。
 予め決められている位置とは、例えば、ポップアップ画像600のうちユーザから見て商品画像の下、あるいは、左上の隅、左下の隅、右上の隅、右下の隅、等である。代替オブジェクト700は、商品画像と重ならないことが望ましい。
 制御部407は、商品画像と重ならない位置を、随時計算によって取得してもよい。具体的には、制御部407は、ポップアップ画像600内に表示する商品画像に対応する画像データを構成する各画素の画素値を取得する。画素値は、R(赤)の照度値と、G(緑)の照度値と、B(青)の照度値と、の組み合わせによって表される。例えば、それぞれの色(チャンネルともいう)が8ビットで表される24ビットカラーの場合、R=255,G=255,B=255の画素は、白色を表す。制御部407は、白色を表す画素が基準個数以上隣接して配置されている空白領域を判別し、判別した空白領域内に代替オブジェクト700を表示する。これにより、制御部407は、最適な表示位置を都度計算して代替オブジェクト700を表示することができる。
 上記の基準個数は、代替オブジェクト700を構成する画素数以上とする。より正確には、縦方向に隣接する画素数が、代替オブジェクト700を構成する縦方向の画素数以上であり、且つ、横方向に隣接する画素数が、代替オブジェクト700を構成する横方向の画素数以上とする。
 ポップアップ画像600の背景色が、例えば黒など、白以外の場合には、制御部407は、背景色を表す画素が基準個数以上隣接して配置されている空白領域を検索する。
 背景色を表す画素が基準個数以上隣接して配置されている空白領域が無い場合、制御部407は、ポップアップ画像600を、上下左右の4方向のうちいずれかの方向に拡張し、拡張した領域の中に代替オブジェクト700を表示してもよい。
 優先項目は、申込オブジェクト530だけに限られない。制御部407は、商品情報に含まれる任意の項目、1つ以上の文字又は数字からなる任意の文字列等を、優先項目に設定することができる。
 図8に、商品情報とポップアップ画像600の他の表示例を示す。「50足限定!お一人様1足まで」という文字列540が優先項目に設定される場合において、この文字列540がポップアップ画像600によって隠れてしまう場合、制御部407は、ポップアップ画像600の中に、文字列540を代替する代替オブジェクト800を表示する。
 制御部407は、優先項目である文字列540と同じ文字列を表す代替オブジェクト800をポップアップ画像600内に表示する。
 制御部407は、ポップアップ画像600の大きさに応じて、文字列540の任意の場所に改行を入れたり、文字のフォント、文字のサイズ、文字の色等を変更したりしてもよい。
 つまり、優先項目(申込オブジェクト530等)と代替項目(代替オブジェクト700等)とは全く同一でなくてもよい。優先項目がソフトウェアボタンである場合には、少なくともそのソフトウェアボタンに対応付けられる処理が同じであればよく、そのソフトウェアボタンの大きさ、形状、色、デザイン等は異なってもよい。
 優先項目は、ソフトウェアボタンや文字列だけに限られず、静止画像、動画像、ユーザによって操作されると実行される処理が対応付けられているアイコン、文字の入力を受け付けるテキストボックス、選択肢の中からいずれかの選択を受け付けるラジオボタン、ドロップダウンリスト、リストボックス、コンボボックス等でもよい。
 本実施形態では、HTML形式のデータにより商品情報が構成され、優先項目は、タグによって定義される。例えば、タグ<span>に付けられるclass属性を用いて優先項目を指定することができる。また、独自に定義されたclass属性を用いて優先項目を指定することができる。
 タグの属性の代わりに、タグ名を用いて優先項目を指定することもできる。例えば、テキストを太字で表示させるタグ<b>、強調表示させるタグ<em>、ソフトウェアボタンを定義するタグ<button>等、特定のタグを用いて書かれた項目が、優先項目となってもよい。
 優先項目は、1つだけとは限らず、2つ以上であってもよい。
 例えば図5において、優先項目として、申込オブジェクト530と、「個数」という文字列550と、個数の入力を受け付けるリストボックス560と、の3つが優先項目に設定されており、且つ、ポップアップ画像600によってこれらのすべてが隠れる場合、制御部407は、図9に示すように、ポップアップ画像600の中に、申込オブジェクト530を代替する代替オブジェクト700と、文字列550を代替する代替オブジェクト910と、リストボックス560を代替する代替オブジェクト920とを表示する。
 制御部407は、設定されている優先項目のうちいずれか1つでもポップアップ画像600によって隠される場合には、隠される優先項目を含むすべての優先項目を代替するそれぞれの代替オブジェクトを、ポップアップ画像600の中に表示してもよい。
 例えば図5において、優先項目として、申込オブジェクト530と、「個数」という文字列550と、個数の入力を受け付けるリストボックス560と、の3つが優先項目に設定されており、且つ、これら3つのうちポップアップ画像600によって申込オブジェクト530のみが隠れる場合、制御部407は、図9に示すように、ポップアップ画像600の中に、申込オブジェクト530を代替する代替オブジェクト700だけでなく、文字列550を代替する代替オブジェクト910と、リストボックス560を代替する代替オブジェクト920も、合わせて表示してもよい。
 ポップアップ画像600から指示マーク510が離れても猶予時間が経過するまではポップアップ画像600の表示が消えずにそのまま維持される実施形態を採用する場合、もしくは、消去オブジェクト610がユーザによって操作されるまでポップアップ画像600の表示が維持される実施形態を採用する場合、ポップアップ画像600の表示中に、商品画像を表示するブラウザがスクロールされる可能性がある。そして、ポップアップ画像600の表示開始時には優先項目が隠れていなくても、スクロールの後、ポップアップ画像600によって優先項目が隠される可能性がある。そこで、制御部407は、代替オブジェクト700を含まないポップアップ画像600の表示中に優先項目が隠されると、ポップアップ画像600内の予め決められた位置に、優先項目を代替する代替オブジェクト700を新たに追加して表示してもよい。予め決められた位置とは、例えばユーザから見てポップアップ画像600の最下部である。
 また、ポップアップ画像600の表示開始時に優先項目が隠れていて代替オブジェクト700を表示しても、スクロールの後、ポップアップ画像600によって優先項目が隠されなくなる可能性がある。そこで、制御部407は、代替オブジェクト700を含むポップアップ画像600の表示中に優先項目が隠されなくなると、代替オブジェクト700を消去してもよいし、一旦表示された代替オブジェクトはそのまま表示を継続することとしても良い。
 指示マーク510がポップアップ画像600の上にあれば、ユーザはポップアップ画像600が示す商品に興味を示している可能性が高い。一方、指示マーク510がポップアップ画像600の上になければ、ユーザはポップアップ画像600が示す商品に興味を示している可能性が高くない。そこで、制御部407は、優先項目がポップアップ画像600によって隠れ、且つ、ポップアップ画像600が表示されている領域の中に指示マーク510がある場合に、優先項目を代替する代替オブジェクト700を表示してもよい。
 例えば、図10に示すように、指示マーク510がポップアップ画像600の上にないと、制御部407は、ポップアップ画像600の中に、優先項目である申込オブジェクト530を代替する代替オブジェクト700を表示しない。一方、図11に示すように、指示マーク510がポップアップ画像600の上にあると、制御部407は、ポップアップ画像600の中に、優先項目である申込オブジェクト530を代替する代替オブジェクト700を表示する。
 制御部407は、代替オブジェクト700を表示するか否かに基づいて、ポップアップ画像600の大きさや形状、色、デザイン等を変更してもよい。
 ポップアップ画像600の中に、サムネイル520と同一もしくは類似の画像があってもよい。例えば図12に示すように、制御部407は、商品画像1210と、サムネイル520Aと同一もしくは類似のサムネイル1220Aと、サムネイル520Bと同一もしくは類似のサムネイル1220Bと、ポップアップ画像600内に表示されるサムネイルを変更するボタン1230A,1230Bとを表示する。制御部407は、すべてのサムネイルを一度にポップアップ画像600の中に表示しきれない場合に、ボタン1230A,1230Bを表示するとよい。
 次に、本実施形態における電子ショッピングモールシステム1の機能的な構成について、図13を用いて説明する。
 送信部1301は、閲覧装置30からの要求に基づいて、閲覧装置30に商品情報を送信する。例えば、閲覧装置30の制御部407は、電子ショッピングモールに出品された商品に関する商品情報をディスプレイ451に表示させる旨の指示を受付部1304がユーザから受け付けると、商品情報の送信を電子ショッピングモールサーバ10に要求する。電子ショッピングモールサーバ10の制御部203は、商品情報を商品データベース251から取得し、閲覧装置30に送信する。電子ショッピングモールサーバ10の記憶部201と通信部202と制御部203が協働して、送信部1301として機能する。
 受信部1302は、電子ショッピングモールサーバ10から商品情報を受信する。受信された商品情報は、記憶部406に記憶される。閲覧装置30の通信部401と制御部407が協働して、受信部1302として機能する。
 なお、電子ショッピングモールサーバ10と閲覧装置30との間で送受信されるデータには、商品情報だけでなく、会員データ、広告データ等、様々なコンテンツが含まれる。
 表示制御部1303は、優先項目を含む商品情報をディスプレイ451に表示する。また、表示制御部1303は、受付部1304がユーザから受け付けた指示や、受け付けた指示に対応して発生するイベントに基づいて、商品情報の上に重ねて、ポップアップ画像600を表示する。また、表示制御部1303は、優先項目がポップアップ画像600に隠されるならば、ポップアップ画像600内に代替項目(代替オブジェクト)700,800,910,920を表示する。画像処理部402と制御部407が協働して、表示制御部1303として機能する。
 受付部1304は、指示マーク510を移動する操作や、ディスプレイ451に表示された商品情報に対する操作、ポップアップ画像600に対する操作等を、ユーザから受け付ける。入力部405が、受付部1304として機能する。
 実行部1305は、優先項目もしくは代替項目に対する操作が受付部1304によって受け付けられると、優先項目もしくは代替項目に対応付けられる処理を実行する。例えば、優先項目が申込オブジェクト530である場合、申込オブジェクト530に対するユーザからの操作が受付部1304によって受け付けられると、申込オブジェクト530に予め対応付けられる処理、すなわち商品の購入を申し込む通知を電子ショッピングモールサーバ10に送信し、その後、商品の決済処理を実行する。通信部401と制御部407が協働して、実行部1305として機能する。
 次に、表示制御処理の流れについて、図14のフローチャートを用いて説明する。
 まず、閲覧装置30の制御部407は、ユーザによる操作に基づいて、ブラウザを起動し、電子ショッピングモールのサイトにアクセスする。閲覧装置30の制御部407は、ユーザによる操作に基づいて、商品情報を閲覧装置30に送信する旨の要求を電子ショッピングモールサーバ10に送信する。電子ショッピングモールサーバ10の制御部203は、商品情報を商品データベース251から取得し、取得した商品情報を閲覧装置30に送信する。閲覧装置30の制御部407は、電子ショッピングモールサーバ10から商品情報を受信する(ステップS1401)。
 閲覧装置30の制御部407は、例えば図5に示すように、受信した商品情報をディスプレイ451に表示する(ステップS1402)。
 ユーザは、指示マーク510の位置を自由に変更できる。制御部407は、ポップアップ画像600を表示させる契機となるイベントが発生したか否かを判別する(ステップS1403)。
 このイベントとは、例えば、サムネイル520が表示されている領域の上に指示マーク510が入ること、である。
 あるいは、イベントは、サムネイル520が表示されている領域の上に指示マーク510があり、且つ、マウスのクリック等のユーザによる操作があったこと、でもよい。
 また、イベントは、予め決められた時間以上継続して、サムネイル520が表示されている領域の上に指示マーク510があること、でもよい。
 イベントが発生していないと判別した場合(ステップS1403;NO)、制御部407は、後述するステップS1407の処理に移る。イベントが発生したと判別した場合(ステップS1403;YES)、制御部407は、例えば図6に示すように、ポップアップ画像600を表示する(ステップS1404)。
 制御部407は、優先項目がポップアップ画像600によって隠されるか否かを判別する(ステップS1405)。
 優先項目がポップアップ画像600によって隠されると判別した場合(ステップS1405;YES)、制御部407は、ポップアップ画像600の中に、優先項目を代替する代替項目を表示する(ステップS1406)。
 例えば図7に示すように、優先項目である申込オブジェクト530がポップアップ画像600によって隠される場合、制御部407は、申込オブジェクト530と同じ機能を有する代替オブジェクト700、すなわちユーザから商品の購入の申し込みを受け付けるソフトウェアボタンである代替オブジェクト700を、ポップアップ画像600の中に表示する。
 一方、優先項目がポップアップ画像600によって隠されないと判別した場合(ステップS1405;NO)、制御部407は、後述するステップS1407の処理に移る。代替項目は表示されない。
 次に、制御部407は、商品情報が示す商品を購入する申し込みがあったか否かを判別する(ステップS1407)。すなわち、制御部407は、申込オブジェクト530もしくは代替オブジェクト700がユーザによって操作されたか否かを判別する。
 商品を購入する申し込みがない場合(ステップS1407;NO)、制御部407は、ステップS1402からS1407までの処理を繰り返す。商品を購入する申し込みがあった場合(ステップS1407;YES)、制御部407は、注文処理を実行する(ステップS1408)。
 この注文処理では、閲覧装置30は、電子ショッピングモールサーバ10と連携して、商品の購入の受け付け、商品の発送先の入力の受け付け、店舗への通知、代金の決済等を行う。
 なお、注文処理が終了した後、制御部407は、注文処理が終了した旨をディスプレイ451に表示し、表示制御処理を終了する。他の商品情報を閲覧する旨の要求がユーザから受け付けられると、制御部407は、再び表示制御処理を開始する。表示制御処理の最中にブラウザを閉じる指示がユーザからあった場合には、制御部407は、表示制御処理を終了し、ブラウザを閉じる。ポップアップ画像600の表示中であれば、ブラウザの終了と共にポップアップ画像600を消去する。
 本実施形態によれば、ユーザに常に提示されることが相応しい文言、画像、オブジェクト等がポップアップ画像600によって隠されたとしても、その代わりとなる同一又は類似の文言、画像、オブジェクト等が表示されるので、ユーザへの情報の訴求力を高めることができる。
 ユーザに伝えるべき重要事項は、ポップアップ画像600によって隠されても、ポップアップ画像600の中に更に表示される。従って、電子ショッピングモールシステム1は、ユーザによる重要事項の見落としを防ぐことができる。
 電子ショッピングモールシステム1において、商品情報の中に優先項目を予め設定しておけば、もしその優先項目がポップアップ画像600によって隠されても、優先項目の代わりとなる代替項目がポップアップ画像600の中に表示される。従って、商品を販売する店舗にとっては、商品の購入申し込みを受け付けるボタンを優先項目に設定しておけば、そのボタンを隠されることなく常にユーザに提示することができるので、販売機会を逃さない。また、ユーザにとっては、優先項目に設定されたボタンと、代替項目として表示されたボタンとのいずれを操作しても良いので、利便性が増す。
 また、本実施形態によれば、年齢制限、キャンセル規定、送料、出荷日等、商品の購入申し込みを受け付ける前にユーザに提示すべき情報を常に表示することができるので、販売に際してのトラブルを未然に防ぐことができる。
 本発明は、上述した実施形態に限定されず、種々の変形及び応用が可能である。また、上述した実施形態の各構成要素を自由に組み合わせることも可能である。
 上記実施形態では、ポップアップ画像600によって優先項目が隠される場合に、代替項目を表示している。しかし、制御部407は、ポップアップ画像600ではなく、他のアプリケーションソフトウェアの画面によって優先項目が隠される場合に、その他のアプリケーションソフトウェアの画面の中に、代替項目を表示してもよい。
 例えば、第1のソフトウェアによる画面を表すウィンドウ(第1のコンテンツ)と、第2のソフトウェアによる画面を表すウィンドウ(第2のコンテンツ)と、の2つがディスプレイ451に表示されているとする。第1のソフトウェアがインターネットのブラウザであり、第2のソフトウェアがそのブラウザのヘルプ画面である。商品情報の中に「未成年者はこの商品を購入できません」という文言を表す優先項目があり、ヘルプ画面によってその優先項目が隠されてしまう場合、制御部407は、そのヘルプ画面の中に、優先項目と同一又は類似の内容を含む代替項目を表示する。
 第1のソフトウェアと第2のソフトウェアの組み合わせは、ブラウザとそのヘルプ画面に限られず任意であり、例えば、文書作成アプリケーション、スプレッドシート、テキストや静止画像や動画像等のエディタ、音声や動画像のプレイヤー、音声あるいは文字による入出力を伴うコミュニケーションツール等々、何でもよい。
 また、第1のソフトウェアと第2のソフトウェアは同一でもよい。例えば、第1のコンテンツが、タブ型ブラウザにおける第1のタブであり、第2のコンテンツが、同じタブ型ブラウザにおける第2のタブである。第1のタブの中に優先項目が表示されており、ユーザが表示させるタブを変更すると、第1のタブの中の優先項目は第2のタブによって隠されることになる。そこで、制御部407は、第1のタブの中に表示されている優先項目が、第1のタブから第2のタブへの表示の切り替えによって隠されると、第2のタブの中に、優先項目を代替する代替項目を表示する。
 上記実施形態では、電子ショッピングモールで販売される商品を表す商品情報を扱ったが、商品情報の代わりに、ニュース記事、ブログ、会社案内、広告、ゲーム、電子掲示板、文字チャット等々の任意のコンテンツでもよい。
 閲覧装置30の全部又は一部としてコンピュータを動作させるためのプログラムを、メモリカード、CD(Compact Disc)、DVD(Digital Versatile Disk)、MO(Magneto Optical disk)などのコンピュータ読み取り可能な記録媒体に格納して配布し、これを別のコンピュータにインストールし、上述の手段として動作させ、あるいは、上述の工程を実行させてもよい。
 さらに、インターネット上のサーバ装置が有するディスク装置等にプログラムを格納しておき、例えば、搬送波に重畳させて、コンピュータにダウンロード等するものとしてもよい。
 本発明によれば、ユーザによる重要事項の見落としを防ぐために好適な閲覧装置、表示制御方法、記録媒体、ならびに、プログラムを提供することができる。
  1 電子ショッピングモールシステム
 10 電子ショッピングモールサーバ
 20,20A,20B,20C 店舗端末
 30,30A,30B,30C 閲覧装置
 50 通信ネットワーク
201 記憶部
202 通信部
203 制御部
251 商品データベース
401 通信部
402 画像処理部
403 音声処理部
404 I/O部
405 入力部
406 記憶部
407 制御部
510 指示マーク
520,520A,520B,520C サムネイル
530 申込オブジェクト(優先項目)
600 ポップアップ画像
700,800,910,920 代替オブジェクト(代替項目)
1301 送信部
1302 受信部
1303 表示制御部
1304 受付部
1305 実行部

Claims (16)

  1.  一つ又は複数の優先項目を含むコンテンツを画面に表示する表示制御部
     を備え、
     前記表示制御部は、イベントの発生に応じて、前記コンテンツ上に重ねて、ポップアップを前記画面に表示し、
     前記画面において表示されていた前記優先項目が、前記ポップアップによって隠されるならば、前記表示制御部は、前記ポップアップ内に代替項目を配置して前記画面に表示する、
     ことを特徴とする閲覧装置。
  2.  請求項1に記載の閲覧装置であって、
     前記画面に表示された前記コンテンツもしくは前記ポップアップに対する操作を受け付ける受付部、
     前記優先項目もしくは前記代替項目に対する前記操作が受け付けられると、前記優先項目もしくは前記代替項目に対応付けられる処理を実行する実行部、
     をさらに備えることを特徴とする閲覧装置。
  3.  請求項2に記載の閲覧装置であって、
     前記代替項目が前記画面に表示される外観は、前記優先項目が前記画面に表示される外観に予め対応付けられ、
     前記表示制御部は、前記代替項目を、前記ポップアップ内の予め定められた位置に配置する、
     ことを特徴とする閲覧装置。
  4.  請求項3に記載の閲覧装置であって、
     前記コンテンツには、対象を第1の態様で表す第1画像が含まれ、前記ポップアップには、前記対象を第2の態様で表す第2画像が含まれ、
     前記表示制御部は、前記第1画像に対する前記操作が受け付けられると、前記ポップアップを表示する、
     ことを特徴とする閲覧装置。
  5.  請求項4に記載の閲覧装置であって、
     前記優先項目に対応付けられる処理は、前記対象の購入の申し込みを開始する処理である、
     ことを特徴とする閲覧装置。
  6.  請求項2から5のいずれか1項に記載の閲覧装置であって、
     前記受付部は、前記画面内における位置の指定をユーザから受け付け、
     前記表示制御部は、前記優先項目が前記ポップアップによって隠され、且つ、前記受け付けられた前記画面内における位置が、前記ポップアップが表示されている領域の中にあると判別すると、前記ポップアップ内に前記代替項目を配置する、
     ことを特徴とする閲覧装置。
  7.  請求項1から6のいずれか1項に記載の閲覧装置であって、
     前記優先項目は複数であり、
     前記表示制御部は、前記複数の優先項目のすべてが前記ポップアップによって隠されるならば、前記ポップアップ内に、複数の前記優先項目のそれぞれに対応する複数の前記代替項目を配置する、
     ことを特徴とする閲覧装置。
  8.  請求項1から6のいずれか1項に記載の閲覧装置であって、
     前記優先項目は複数であり、
     前記表示制御部は、前記複数の優先項目のうち少なくともいずれか一つが前記ポップアップによって隠されるならば、前記ポップアップ内に、複数の前記優先項目のそれぞれに対応する複数の前記代替項目を配置する、
     ことを特徴とする閲覧装置。
  9.  請求項1又は2に記載の閲覧装置であって、
     前記表示制御部は、前記ポップアップを構成する各画素に対応付けられる画素値に基づいて、前記ポップアップのうち背景色を表す画素値が対応付けられている所定個数以上の隣接した画素からなる領域を判別し、前記判別した領域内に前記代替項目を配置する、
     ことを特徴とする閲覧装置。
  10.  請求項9に記載の閲覧装置であって、
     前記表示制御部は、前記ポップアップのうち背景色を表す画素値が対応付けられている所定個数以上の隣接した画素からなる領域が無い場合には、前記ポップアップを拡張し、前記拡張した領域内に前記代替項目を配置する、
     ことを特徴とする閲覧装置。
  11.  請求項1から10のいずれか1項に記載の閲覧装置であって、
     前記表示制御部は、前記代替項目を含まない前記ポップアップを表示した後に、前記コンテンツの表示がスクロールされることによって前記優先項目が隠されると、前記ポップアップ内に前記代替項目を追加する、
     ことを特徴とする閲覧装置。
  12.  請求項1から11のいずれか1項に記載の閲覧装置であって、
     前記表示制御部は、前記代替項目を含む前記ポップアップを表示した後に、前記コンテンツの表示がスクロールされることによって前記優先項目が隠されなくなると、前記ポップアップ内から前記代替項目を消去する、
     ことを特徴とする閲覧装置。
  13.  優先項目を含む第1のコンテンツを画面に表示する表示制御部
     を備え、
     前記表示制御部は、前記第1のコンテンツの上に重ねて、前記第1のコンテンツと異なる第2のコンテンツを前記画面に表示し、
     前記画面において表示されていた前記優先項目が、前記第2のコンテンツによって隠されるならば、前記表示制御部は、前記第2のコンテンツ内に代替項目を配置して前記画面に表示する、
     ことを特徴とする閲覧装置。
  14.  優先項目を含むコンテンツを画面に表示する表示制御ステップ
     を備え、
     前記表示制御ステップでは、イベントの発生に応じて、前記コンテンツ上に重ねて、ポップアップを前記画面に表示し、
     前記画面において表示されていた前記優先項目が、前記ポップアップによって隠されるならば、前記表示制御ステップでは、前記ポップアップ内に代替項目を配置して前記画面に表示する、
     ことを特徴とする表示制御方法。
  15.  コンピュータを、
     優先項目を含むコンテンツを画面に表示する表示制御部
     として機能させ、
     前記表示制御部は、イベントの発生に応じて、前記コンテンツ上に重ねて、ポップアップを前記画面に表示し、
     前記画面において表示されていた前記優先項目が、前記ポップアップによって隠されるならば、前記表示制御部は、前記ポップアップ内に代替項目を配置して前記画面に表示する、
     ように機能させるプログラムを記憶するコンピュータ読み取り可能な記録媒体。
  16.  コンピュータを、
     優先項目を含むコンテンツを画面に表示する表示制御部
     として機能させ、
     前記表示制御部は、イベントの発生に応じて、前記コンテンツ上に重ねて、ポップアップを前記画面に表示し、
     前記画面において表示されていた前記優先項目が、前記ポップアップによって隠されるならば、前記表示制御部は、前記ポップアップ内に代替項目を配置して前記画面に表示する、
     ことを特徴とするプログラム。
PCT/JP2014/060693 2014-04-15 2014-04-15 閲覧装置、表示制御方法、記録媒体、ならびに、プログラム WO2015159360A1 (ja)

Priority Applications (4)

Application Number Priority Date Filing Date Title
US15/102,931 US10656773B2 (en) 2014-04-15 2014-04-15 Alternative presentation of occluded high-presence material within an ecommerce environment
PCT/JP2014/060693 WO2015159360A1 (ja) 2014-04-15 2014-04-15 閲覧装置、表示制御方法、記録媒体、ならびに、プログラム
JP2014552236A JP5727684B1 (ja) 2014-04-15 2014-04-15 閲覧装置、表示制御方法、記録媒体、ならびに、プログラム
TW104111956A TWI539397B (zh) 2014-04-15 2015-04-14 A browsing device, a display control method, a recording medium, and a program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/JP2014/060693 WO2015159360A1 (ja) 2014-04-15 2014-04-15 閲覧装置、表示制御方法、記録媒体、ならびに、プログラム

Publications (1)

Publication Number Publication Date
WO2015159360A1 true WO2015159360A1 (ja) 2015-10-22

Family

ID=53437891

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2014/060693 WO2015159360A1 (ja) 2014-04-15 2014-04-15 閲覧装置、表示制御方法、記録媒体、ならびに、プログラム

Country Status (4)

Country Link
US (1) US10656773B2 (ja)
JP (1) JP5727684B1 (ja)
TW (1) TWI539397B (ja)
WO (1) WO2015159360A1 (ja)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10706456B2 (en) 2015-04-22 2020-07-07 Staples, Inc. Intelligent item tracking and expedited item reordering by stakeholders
JP6772777B2 (ja) * 2016-11-21 2020-10-21 コニカミノルタ株式会社 情報処理装置及びプログラム
JP2019120959A (ja) * 2017-12-28 2019-07-22 富士ゼロックス株式会社 画像処理装置及び画像処理プログラム
CA3044561C (en) * 2018-05-29 2024-06-04 Staples, Inc. Restocking hub with interchangeable buttons mapped to item identifiers
JP2023146488A (ja) * 2022-03-29 2023-10-12 富士フイルムビジネスイノベーション株式会社 情報処理システムおよびプログラム

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003281093A (ja) * 2002-03-26 2003-10-03 Rikogaku Shinkokai ブラウザにおけるリンク先情報の閲覧方法及び装置
WO2007138976A1 (ja) * 2006-06-01 2007-12-06 Panasonic Corporation 表示制御装置、表示制御方法、および集積回路
JP2010079412A (ja) * 2008-09-24 2010-04-08 Fuji Xerox Co Ltd 情報表示装置、処理装置及び情報表示制御プログラム
JP2014093053A (ja) * 2012-11-06 2014-05-19 Konica Minolta Inc 操作装置、画像形成装置、操作判断方法及び操作判断プログラム

Family Cites Families (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5377314A (en) * 1992-12-21 1994-12-27 International Business Machines Corporation Method and system for selective display of overlapping graphic objects in a data processing system
US5675755A (en) * 1995-06-07 1997-10-07 Sony Corporation Window system preventing overlap of multiple always-visible windows
US5859639A (en) * 1996-07-17 1999-01-12 International Business Machines Corporation Mechanism to control visible presence of desktop objects in a graphical user interface
US6002397A (en) * 1997-09-30 1999-12-14 International Business Machines Corporation Window hatches in graphical user interface
US6760048B1 (en) * 1999-06-15 2004-07-06 International Business Machines Corporation Display of occluded display elements on a computer display
US20030036963A1 (en) * 2000-11-20 2003-02-20 Jeffrey Jacobson Method and system for aggregating real estate information content in an on-line computing environment
US7057767B2 (en) * 2001-03-06 2006-06-06 Hewlett-Packard Development Company, L.P. Automatic background removal method and system
US20030210281A1 (en) * 2002-05-07 2003-11-13 Troy Ellis Magnifying a thumbnail image of a document
US7415677B2 (en) * 2002-06-05 2008-08-19 Sap Aktiengesellschaft Temporary communication areas for a computer user interface
US20060269132A1 (en) * 2005-05-31 2006-11-30 Xerox Corporation Apparatus and method for detecting white areas within windows and selectively merging the detected white areas into the enclosing window
US20060269142A1 (en) * 2005-05-31 2006-11-30 Xerox Corporation Apparatus and method for subtyping window elements in a document windowing system
US7607088B2 (en) * 2006-04-18 2009-10-20 International Business Machines Corporation Computer program product, apparatus and method for displaying a plurality of entities in a tooltip for a cell of a table
US8898577B2 (en) * 2010-03-09 2014-11-25 Microsoft Corporation Application sharing with occlusion removal
US9069374B2 (en) * 2012-01-04 2015-06-30 International Business Machines Corporation Web video occlusion: a method for rendering the videos watched over multiple windows

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003281093A (ja) * 2002-03-26 2003-10-03 Rikogaku Shinkokai ブラウザにおけるリンク先情報の閲覧方法及び装置
WO2007138976A1 (ja) * 2006-06-01 2007-12-06 Panasonic Corporation 表示制御装置、表示制御方法、および集積回路
JP2010079412A (ja) * 2008-09-24 2010-04-08 Fuji Xerox Co Ltd 情報表示装置、処理装置及び情報表示制御プログラム
JP2014093053A (ja) * 2012-11-06 2014-05-19 Konica Minolta Inc 操作装置、画像形成装置、操作判断方法及び操作判断プログラム

Also Published As

Publication number Publication date
US20170123596A1 (en) 2017-05-04
JP5727684B1 (ja) 2015-06-03
TW201539352A (zh) 2015-10-16
TWI539397B (zh) 2016-06-21
US10656773B2 (en) 2020-05-19
JPWO2015159360A1 (ja) 2017-04-13

Similar Documents

Publication Publication Date Title
US10416851B2 (en) Electronic publishing mechanisms
US11170063B2 (en) User interface element for surfacing related results
JP5727684B1 (ja) 閲覧装置、表示制御方法、記録媒体、ならびに、プログラム
JP6077083B1 (ja) 情報表示装置、情報表示方法、情報表示プログラムおよび配信装置
US10769697B2 (en) Non-transitory computer-readable medium, system, and method for local search of network content
JP6679640B2 (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP6553783B1 (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP7044674B2 (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
WO2015023261A1 (en) Representing numerical data in a mobile device
JP6431227B1 (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP6664590B2 (ja) 情報表示プログラム、情報表示方法、情報表示装置、及び配信装置
JP6491261B2 (ja) 情報表示プログラム、情報表示方法、情報表示装置、及び配信装置
JP2020042636A (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP2020035240A (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP6664603B2 (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP6761839B2 (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP7002877B2 (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
Libby et al. Responsive Web Design with HTML5 and CSS3 Essentials
JP2009163372A (ja) 表示装置
JP5923141B2 (ja) 配信装置、端末装置、配信方法、配信プログラム及びサーバ装置
JP2020043553A (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP2020035220A (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
Ballard et al. Designing Product Pages
JP2020042672A (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP2019164749A (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 2014552236

Country of ref document: JP

Kind code of ref document: A

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

Ref document number: 14889590

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 15102931

Country of ref document: US

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 14889590

Country of ref document: EP

Kind code of ref document: A1