TWI395131B - An object control method for displaying an object in front of a link element - Google Patents

An object control method for displaying an object in front of a link element Download PDF

Info

Publication number
TWI395131B
TWI395131B TW099136697A TW99136697A TWI395131B TW I395131 B TWI395131 B TW I395131B TW 099136697 A TW099136697 A TW 099136697A TW 99136697 A TW99136697 A TW 99136697A TW I395131 B TWI395131 B TW I395131B
Authority
TW
Taiwan
Prior art keywords
small
icon
small icon
object control
control method
Prior art date
Application number
TW099136697A
Other languages
English (en)
Other versions
TW201129939A (en
Inventor
Hisashi Suzuki
Soh Masuko
Original Assignee
Rakuten Inc
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 Rakuten Inc filed Critical Rakuten Inc
Publication of TW201129939A publication Critical patent/TW201129939A/zh
Application granted granted Critical
Publication of TWI395131B publication Critical patent/TWI395131B/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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
    • G06F3/04817—Interaction 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 using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION 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/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION 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/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0641—Shopping interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Finance (AREA)
  • Accounting & Taxation (AREA)
  • Human Computer Interaction (AREA)
  • Development Economics (AREA)
  • Strategic Management (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • General Business, Economics & Management (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)
  • Processing Or Creating Images (AREA)

Description

用以在連結要素的前面顯示物件的物件控制方法
本發明係有關於在Web網頁上設定有連結之要素的前面顯示物件的機制，尤其是有關於隨著使用者之操作而控制該當物件的處理。
 <先行技術1>
於被顯示在使用者終端畫面上的地圖上，使所定影像從特定的出發地點往特定的抵達地點移動之機制，係為人所知(例如參照專利文獻1)。具體而言，例如將以出發地點與抵達地點為兩端的線段分割成所定數量(例如100)，重複使影像顯示在從出發地點側起算第n個地點(例如0≦n≦100)之位置(緯度、經度)所對應之畫面顯示領域的像素座標(Yn ,Xn )之處理(參照同文獻[圖19-2]的S34~S44，段落[0115]~[0117]等參照)。
[先前技術文獻] [專利文獻]
[專利文獻1]日本特開2009-129119號公報
在Web網頁中經常配置有，被設定了前往其他Web網頁之連結的要素(例如影像、文字、按鈕等)。藉由設定連結，就可使任意的Web網頁彼此直接連結起來。又，若使被設定有連結的要素本身運動，則可聚集某種程度的使用者之注目。
另一方面，在Web網頁傳輸時所利用的HTTP的性質上，基本上沒有把其他使用者的行動‧操作等，在Web網頁內即時反映。因此，被設定連結之要素，一般係為總是可以被點選。因此，在先前的Web網頁中，即使各個要素有運動，但總體而言沒有人氣。
本發明的目的係為，提供一種可以在Web網頁內演出人氣的物件控制方法。本發明的其他目的在於提供一種，在被設定連結之要素的前面，重疊顯示會妨礙點選之物件的物件控制方法。本發明的另一其他目的在於提供一種，當偵測到對前記物件之使用者操作時，使前記物件位移的物件控制方法。
為了解決上記課題，本發明係一種物件控制方法，係屬於在含有被設定有前往其他Web網頁之連結之連結要素的Web網頁中，對應關連於該連結要素而顯示複數小圖示的物件控制方法，其特徵為，係使顯示含有前記連結要素之Web網頁的電腦終端，執行：配置位置設定步驟，係針對每一前記小圖示，在前記連結要素的內容領域內，設定該當小圖示的配置位置；和小圖示顯示步驟，係於前記已設定之配置位置上，在前記連結要素的前面，顯示出妨礙該當連結要素之點選的前記小圖示；和小圖示位移步驟，係當偵測到對前記小圖示之使用者操作時，就使1或複數個小圖示位移。
亦可為構成為，前記各小圖示，係為具有一定領域的影像；使前記複數小圖示對前記連結要素之前面全面地重疊顯示，藉由該複數小圖示而妨礙對該連結要素之點選。亦可構成為，前記各小圖示的影像，係由不透明領域和透明領域所構成；透過被重疊顯示在前記連結要素前面之影像的透明領域，使該連結要素的內容領域可視化。
亦可為，前記小圖示位移步驟係包含，當偵測到對前記任一小圖示的拖放時，就使該小圖示位移配置至放下處的處理。亦可為，前記小圖示位移步驟係包含，當指標重疊在前記任一小圖示時，就以所定機率使該小圖示位移的處理。亦可為，還令前記電腦終端，針對每一前記已被位移之小圖示，執行小圖示再位移步驟，使該小圖示朝向變更前的配置位置或其周邊位移。
亦可為，當偵測到對前記任一小圖示之點選或雙擊時，還令前記電腦終端執行將該小圖示予以消去的小圖示消去步驟。亦可為，前記小圖示消去步驟係包含，就每一前記小圖示計數對該小圖示的點選次數，當該計數到的點選次數未達所定值時則經過所定時間後將前記已消去之小圖示予以再顯示的處理。亦可為，前記小圖示消去步驟係為，就每一前記小圖示計數對該小圖示的點選次數，當該計數到的點選次數達到所定值時，就將該小圖示予以消去的步驟。
又，為了解決上記課題，本發明係一種物件控制程式，係屬於在含有被設定有前往其他Web網頁之連結之連結要素的Web網頁中，對應關連於該連結要素而顯示複數小圖示的物件控制程式，其特徵為，係使顯示含有前記連結要素之Web網頁的電腦終端，執行：配置位置設定步驟，係針對每一前記小圖示，在前記連結要素的內容領域內，設定該當小圖示的配置位置；和小圖示顯示步驟，係於前記已設定之配置位置上，在前記連結要素的前面，顯示出妨礙該當連結要素之點選的前記小圖示；和小圖示位移步驟，係當偵測到對前記小圖示之使用者操作時，就使1或複數個小圖示位移。
又，為了解決上記課題，本發明係一種屬於可和使用者終端連接的Web伺服器，其特徵為，具有Web資料記憶手段，係記憶著Web資料，其係至少含有：含有被設定有前往其他Web網頁之連結之連結要素的Web網頁的資料、和被內嵌在該Web網頁的上記物件控制程式；並具備Web資料送訊手段，係隨應於來自前記使用者終端的要求，而將前記Web資料發送至該使用者終端。
本發明的物件控制方法，係在含有被設定有前往其他Web網頁之連結之連結要素的Web網頁內，在該當連結要素之前面，顯示用來妨礙該當連結要素之點選的複數小圖示。又，讀取了本發明之物件控制程式的電腦終端，係在Web網頁內偵測到對小圖示之使用者操作時，就使得上記被顯示在連結要素前面之小圖示位移或消去等。
在本發明中，連結要素係將商店街或購物商城予以具體化，小圖示係將造訪該當商店街或購物商城的使用者予以具體化。藉由將複數小圖示重疊顯示在特定連結要素之前面，就可在Web網頁上表現出特定商品或店舖看起來有「人潮」聚集的樣子。又，藉由隨應於使用者之操作(例如指標的移動、點選等)而使小圖示位移，就可讓人聯想到闖進該「人潮」的樣子。這些的結果而言，可在Web網頁內演出人氣。藉由妨礙點選的小圖示，就可限制前往連結要素的存取，可期待刺激使用者的購買慾望的效果。反之，將前往複數連結要素當中之部分連結要素的存取加以限制，可使存取分散至剩餘的連結要素，因此可減輕處理部分連結要素的伺服器負荷，可使伺服器全體之負荷均等化。
 <定義>
‧要素…Web網頁內所被顯示之文字、影像、圖形、按鈕等之總稱。
‧連結要素…被設定有前往其他Web網頁之連結的要素。
‧小圖示…在顯示畫面上將各種資料或處理機能以圖畫或圖畫文字方式顯示者。在以下的說明中，係為未被設定有前往其他Web網頁之連結的影像。此外，小圖示(影像)，係被配置在連結要素的前面以妨礙該當連結要素的點選。
‧內容領域…於Web網頁內，要素所被顯示之區域。若是被設定有連結的文字，則為選擇時被虛線等所圍繞的範圍。若是影像、圖形、按鈕等，則為該當影像、圖形、按鈕等的框內。
‧位移…使特定的要素從第1點移動至第2點。例如有以下的樣態。
(a)在第1點與第2點所連成的線(線段、曲線)上取複數個點，於各點上依序、高速地重複顯示、消去要素。
(b)使第1點上顯示中的要素滑移至第2點。
(c)將第1點上顯示中的要素予以消去，在第2點上顯示出要素。
<實施形態> [1.系統構成]
圖1係圖示本實施形態之物件控制方法所涉及之系統的構成。如圖1所示，本實施形態的物件控制方法所涉及之系統，係Web伺服器10與使用者終端20是透過通訊網路(本實施形態的物件控制方法所涉及的系統中，係為網際網路30)所連接而成的客戶端‧伺服器系統。
Web伺服器10係具有記憶著構成Web網頁的各種資料(HTML及該當HTML所參照的影像、式樣表單、腳本等；以下總稱為「Web資料」)的WebDB11，隨應於來自使用者終端20的要求而將所被指定的Web資料發送至使用者終端20。
又，Web伺服器10係具有記憶著使用者的登錄資訊(地址、姓名、年齡、性別、郵件位址；以下總稱為「使用者屬性」)的使用者DB12。使用者DB12係對Web伺服器10，提供用來生成Web網頁所需的屬性資訊。又，Web伺服器10係具有記憶著每一Web網頁的過去的利用履歷(每年月日或每星期或每小時的瀏覽次數、點選率、及訂購數)的利用履歷DB13。利用履歷DB13係對Web伺服器10，提供用來生成Web網頁所需的履歷資訊。
使用者終端20係具有Web瀏覽器，會讀取從Web伺服器10所接收到的Web資料，顯示在顯示器。此外，該當Web瀏覽器係支援腳本(例如以JavaScript(註冊商標)所撰寫的程式)的解譯、執行，解譯、執行的設定係被啟用。使用者終端20，係為具有通訊機能的既存之資訊處理終端(例如個人電腦等之電子計算機)即可。
[2.物件控制程式] [(a)特徵]
在本實施形態的物件控制方法所涉及之系統中，係在Web伺服器10所發送的Web網頁裡內嵌腳本(物件控制程式)，讓使用者終端20執行。此外，假設該當Web網頁中係複數配置有連結要素(被設定有前往其他Web網頁之連結的要素)。讀取了物件控制程式的電腦終端，係在Web網頁內，將複數小圖示重疊顯示在連結要素的前面。又，當偵測到所定事件時，隨應於事件之種類，而如下般地控制小圖示。
(a)變更特定小圖示的配置位置。
(b)將特定的小圖示予以暫時或完全消去。
(c)變更複數不特定小圖示的配置位置。
於Web網頁中，連結要素係將商店街或購物商城予以具體化，小圖示係將造訪該當商店街或購物商城的使用者予以具體化。藉由將複數小圖示重疊顯示在特定連結要素之前面，就可在Web網頁上對特定商品或店舖表現出有「人潮」聚集的樣子。又，藉由隨應於使用者之操作(例如指標的移動、點選等)而控制小圖示，就可讓人聯想到闖進該「人潮」的樣子。這些的結果而言，可在Web網頁內演出人氣。
更詳言之，本發明係首先從Web網頁內的複數要素之中，設定至少1個要素。藉由現在或過去的各種存取資料、統計資料(例如瀏覽次數(PV)、點選率(CTR)、訂購數等)，就可從複數要素之中，設定至少1個要素。又，可隨應於現在的伺服器負荷，辨識出想要讓人存取的要素、不想讓人存取的要素，而從複數要素之中設定至少1個要素。要素的設定係可利用現在的存取資料、利用回朔一定週期時的一定期間之過去資料、利用現在的伺服器負荷等。無論何種情況，均只要設定閾值、以該閾值為基準來設定要素即可。
接著，設定小圖示的數目。小圖示的數目係為複數較為理想。當設定複數小圖示時，可隨著現在或過去的存取資料或現在的伺服器負荷來決定小圖示數。利用存取資料時，可參照利用履歷，隨應於使用者屬性(性別、年齡、地區等屬性)而改變小圖示形態。
接著，對每一小圖示，在已設定之目標要素的內容領域內，設定目標位置。目標位置，係從目標要素之中作設定。當所有的要素是目標要素時，這些要素係成為目標位置的候補。可是，即使是候補，有時候也不會被設定成目標位置。將目標位置設定在內容領域內，在要素之上設定小圖示，使要素重疊顯示於已集中的小圖示，就可表現出關連於要素之商品等的注目程度。
藉由妨礙點選的小圖示，往連結要素的存取就會受到限制，除了可期待刺激使用者購買慾望的效果，還可將前往複數連結要素當中之部分連結要素的存取加以限制，使存取分散至剩餘的連結要素，因此可減輕處理部分連結要素的伺服器負荷，可使伺服器全體之負荷均等化。
[(b)執行程序]
圖2係圖示本實施形態之物件控制方法所涉及之系統中的物件控制程式的執行程序。
[11]使用者終端20，係對Web伺服器10指定URL而要求Web網頁(S205a)。Web伺服器10係一旦從使用者終端20接收Web網頁的要求(S205b)，則將所被指定之URL所對應之HTML資料，從WebDB11中抽出(S210b)，因應需要，參照使用者DB12及利用履歷DB13，發送至使用者終端20(S215b)。使用者終端20，係從Web伺服器10接收HTML資料(S215a)，在顯示器上顯示Web網頁(S220a)。
[12]使用者終端20，係對Web伺服器10指定URL而要求HTML資料內的參照資料(S225a)。Web伺服器10係一旦從使用者終端20接收參照資料的要求(S225b)，則將所被指定之URL所對應之參照資料，從WebDB11中抽出(S230b)，因應需要，參照使用者DB12及利用履歷DB13，發送至使用者終端20(S235b)。使用者終端20，係一旦從Web伺服器10接收參照資料(S235a)，便讀取該當參照資料(S240a)，因應需要而使其反映在顯示中的Web網頁上。
[13]使用者終端20，係判定Web網頁(含有參照資料)的載入是否完成(S245a)。若載入尚未完成(S245a中No)，則返回上記[12]，再取得其他的參照資料。另一方面，若載入完成(S245a中Yes)，則前進至下記[14]，開始執行腳本(物件控制程式)。
[14]執行初期化處理(S250a、圖3)及事件處理(S255a、圖7)。又，每隔所定時間(例如每5000微秒)就重複執行小圖示位移處理。
[3.初期化處理] [(a)初期化處理之程序]
圖3係圖示初期化處理之程序。此處係例示，生成所定數(本實施形態中係為100個)的小圖示(物件)而配置在Web網頁內，然後設定各種Property(屬性)及Method(手續)的程序。此外，關於Property項目，係參照圖4而後述。如圖3所示，使用者終端20係藉由下記[21]~[26]之程序，來執行初期化處理。
[21]在表示小圖示號碼的計數器i中，代入初期值1(S305)。
[22]在Web網頁內配置小圖示(影像要素)(S310)。假設對小圖示係附加了含有計數器號碼i的id。此外，在此時點上，由於並未設定配置位置及影像檔案，因此在Web網頁內中不會顯示小圖示。
[23]針對該小圖示，分別設定「目標要素」、「配置位置」、「自機數」及「易移動指數」(S315~S330)。
[24]設定該小圖示的影像檔案(S335)。影像檔案，係從複數檔案之中隨機選擇即可。各影像的大小係可任意，亦可不同大小的影像混合存在。此時點上，在Web網頁內係有顯示小圖示(影像)。
[25]對該小圖示，設定用來實現[4.事件處理](後述)之各處理所需的Method(S340)。
[26]判定計數器i是否等於所定數(在本實施形態中係為100)(S345)。當計數器i等於所定數時(S345中Yes)，結束初期化處理。另一方面，當計數器i不等於所定數時(S345中No)，則對計數器i加算1(S350)，返回上記[22]。
[(b)目標要素之設定]
於上記程序[23]中，使用者終端20，係設定小圖示的「目標要素」(S315)。具體而言，先對Web網頁中的複數要素(連結要素)賦予所定的id，從該當複數id之中隨機選擇任一者，將該當已選擇之id所被附加之要素，設定成「目標要素」。此外，例如亦可事先對下一要素賦予所定id。藉此，小圖示就被顯示在該當要素的前面，可集中使用者的注意。
‧特定的橫幅廣告
‧特定的連結文字
‧設定有前往特定促銷活動網頁之連結的影像
在將目標要素予以特定時，係參照利用履歷DB13，藉由現在或過去的各種存取資料、統計資料(例如瀏覽次數(PV)、點選率(CTR)、訂購數等)，而從複數要素之中設定至少1個要素。又，可參照Web伺服器10，隨應於現在的伺服器負荷，辨識出想要讓人存取的要素、不想讓人存取的要素，而從複數要素之中設定至少1個要素。要素的設定係可利用現在的存取資料、利用回朔一定週期時的一定期間之過去資料、利用現在的伺服器負荷等。無論何種情況，均只要設定閾值、以該閾值為基準來設定要素即可。
又，取得現在的存取資料、回朔一定週期時的一定期間之過去資料、現在的伺服器負荷對時間的微分值，判別出預料會發生存取集中的Web網頁、或伺服器負荷正逐漸增大的Web網頁，然後特定出目標要素，較為理想。
[(c)配置位置之設定]
於上記程序[23]中，使用者終端20，係設定小圖示的「配置位置」(S320)。具體而言，將已選擇之目標要素的內容領域內或其外緣上的點之周圍的隨機位置，設定成「配置位置」。在本實施形態中，是將已選擇之「目標要素」的左上位置的周圍的隨機位置，設定成「配置位置」。此外，若在已選擇之「目標要素」的內容領域內及其周圍的隨機位置設定「配置位置」，則可將該當「目標要素」以複數小圖示(影像)加以覆蓋，可妨礙對該當「目標要素」的點選。
[(d)自機數之設定]
於上記程序[23]中，使用者終端20，係設定小圖示的「自機數」(S325)。此處，「自機數」係為，為了將該小圖示完全消去所必須的點選次數。例如，生成所定範圍內(例如1~3)的隨機之自然數，設定成「自機數」。此外，亦可將所有的小圖示的「自機數」都設定成一定的自然數(例如1,2等)。
[(e)移動難易度指數之設定]
於上記程序[23]中，使用者終端20，係設定小圖示的「移動難易度指數」(S330)。此處，「移動難易度指數」係表示，該小圖示隨著使用者之操作而位移之可能性的高低。例如，生成所定範圍內(例如51~100)的隨機之自然數，設定成「移動難易度指數」。此外，亦可將所有的小圖示的「移動難易度指數」都設定成一定的自然數(例如50等)。又，亦可對各小圖示設定對應於小圖示號碼(id)的自然數。
[(f)Property項目]
圖4中係圖示，各小圖示物件的主要Property項目。如圖4所示，在小圖示物件的Property中，含有「識別資訊」、「目標要素」、「配置位置」、「影像檔案URL」、「自機數」、「移動難易度指數」、「位置移動旗標」、「顯示屬性」及「點選次數計數器」。此處，「位置移動旗標」，係該小圖示是否已被配置在位移後之位置的旗標，若為有義時則表示已被配置在位移後的位置。
[(g)小圖示的顯示例]
圖5~圖6係圖示小圖示的顯示例。圖5~圖6係圖示，以模仿人的影像(具有一定領域之影像，相當於人的身體以外之部分係呈透明)為小圖示，該當小圖示被重疊顯示在特定連結要素(目標要素)之前面的樣子。
在圖5的顯示例中，於Web網頁(500)的上方，複數小圖示是在目標要素(511)左上位置周邊所被設定的配置位置，被重疊顯示在該當目標要素的前面(512)。在圖6的顯示例中，於Web網頁(500)的下方，複數小圖示是在目標要素(521或531)左上位置周邊所被設定的配置位置，被重疊顯示在該當目標要素的前面(522或532)。
由這些顯示例也可得知，從Web網頁內在特定連結要素(目標要素)之前面有複數小圖示被重疊顯示的樣子，可以聯想到多數消費者群聚在特定商品或店舖的樣子。其結果為，可集中使用者對該當連結要素之注目。又，多數的小圖示，係被重疊配置在連結要素(目標要素)的前面，妨礙對該當連結要素之點選。其結果為，可以期待刺激使用者對於該當連結要素之連結目的之Web網頁所介紹之拍賣商品(例如數量限定、時間限定的商品)的購買慾望之效果。
[4.事件處理] [4-1.事件處理之程序]
圖7係圖示事件處理之程序。如圖7所示，使用者終端20，係每次在Web網頁內偵測出事件(S705)，就判別該當事件之種類(S710)，隨應於所判別出來的事件之種類而控制小圖示(S715~S730之任一者)。此外，在以下的說明中，係將第i個小圖示物件(被標示含有i之id的小圖示)，表示成小圖示[i]。
[4-2.小圖示手動位移處理]
圖8係圖示小圖示手動位移處理之程序。
小圖示手動位移處理係為，在Web網頁內偵測到對特定小圖示的拖放操作時(圖7的S710中「拖放」)，就將該當小圖示的「配置位置」變更成放下處的處理。如圖8所示，使用者終端20係藉由下記[31]~[34]之程序，來執行小圖示手動位移處理。
[31]在表示小圖示號碼的變數a中，代入被拖放的小圖示之號碼(S805)。
[32]取得小圖示[a]的放下處的位置資料(S810)。
[33]將小圖示[a]的「配置位置」變更成放下處之位置(S815)。
[34]將小圖示[a]的「位置移動旗標」予以更新(有義化)(S820)。
[4-3.小圖示消去處理] [(a)小圖示消去處理之程序]
圖9係圖示小圖示消去處理之程序。小圖示消去處理係為，當在Web網頁內偵測出有對特定小圖示的點選時(圖7的S710中「小圖示點選」)，隨應於點選次數而將該當小圖示予以暫時或完全消去之處理。如圖9所示，使用者終端20係藉由下記[41]~[45]之程序，來執行小圖示消去處理。
[41]在表示小圖示號碼的變數b中，代入被點選的小圖示之號碼(S905)。
[42]將小圖示[b]的「點選次數計數器」予以更新(增值)(S910)。
[43]將小圖示[b]的「顯示屬性」變更成放「非顯示」(S915)。例如，將該當小圖示(<img>標籤)的「display」屬性之值變更成「none」即可。
[44]判定小圖示[b]的「點選次數計數器」所示的數，是否等於小圖示[b]的「自機數」(S920)。當「點選次數計數器」等於「自機數」時(S920中Yes)，則結束小圖示消去處理。另一方面，當「點選次數計數器」不等於「自機數」時(S920中No)，則經過所定時間後(例如5000微秒後)，前進至下記[45]。
[45]將小圖示[b]的「顯示屬性」變更成放「顯示」(S925)。例如，將該當小圖示(<img>標籤)的「display」屬性之值變更成「block」即可。
[(b)變形例]
在上述中，藉由1次點選而消去小圖示(S915)，已消去的小圖示會被再次顯示直到「點選次數計數器」到達「自機數」為止(S925)。相對於此，亦可構成為，同樣地計數點選次數，當點選次數到達所定值時就消去小圖示。此時，直到點選次數到達所定值為止，都不會進行特別的處理。又，亦可將上記的「點選」變更成「雙擊」。
[4-4.小圖示自動位移處理] [(a)小圖示自動位移處理之程序]
圖10係圖示小圖示自動位移處理之程序。小圖示自動位移處理係為，當在Web網頁內滑鼠指標重疊在特定的小圖示的內容領域上時(圖7的S710中「滑鼠重疊」)，以所定機率使該當小圖示位移的處理。如圖10所示，使用者終端20係藉由下記[51]~[55]之程序，來執行小圖示自動位移處理。
[51]在表示小圖示號碼的變數c中，代入指標所重疊的小圖示之號碼(S1005)。
[52]在變數idx中，代入小圖示[c]的「移動難易度指數」(S1010)。此外，假設「移動難易度指數」係被設定50~100之自然數。
[53]生成所定範圍內的亂數值，代入至變數r(S1015)。此處係在0以上未滿100之範圍內，生成亂數值。
[54]判定變數idx是否大於變數r(小圖示[c]的「移動難易度指數」是否大於亂數值)(S1020)。當變數idx大於變數r時(S1020中Yes)，則前進至下記[55]。另一方面，當變數idx未大於變數r時(S1020中No)，則結束小圖示自動位移處理。
[55]設定小圖示[c]的目的位置(S1025)，使小圖示[c]從現在位置位移至目的位置(S1030)，將小圖示[c]的「配置位置」變更成目的位置(S1035)，將小圖示[c]的「位置移動旗標」予以更新(有義化)(S1040)。
[(b)目的位置之設定]
於上記程序[55]中，使用者終端20，係設定小圖示[c]的目的位置(S1025)。
例如，從複數方向候補(例如上下左右4方向，若也加上斜向方向則有8方向等)中隨機選擇，在所定範圍內(例如50~100像素等)設定隨機的位移距離。然後，以現在位置為基準，算出已選擇之位移方向的已設定之位移距離的位置，設定目的位置。
[(c)小圖示的位移等]
於上記程序[55]中，使用者終端20，係使小圖示[c]從現在位置位移至目的位置(S1030)，將小圖示[c]的「配置位置」變更成目的位置(S1035)。
例如亦可用以下的樣態來使其位移(參照上記<定義>)。此外，下記(a)及(c)中，可藉由變更小圖示的「配置位置」來使小圖示位移。此情況下，使小圖示位移的處理(S1030)與變更小圖示之「配置位置」的處理(S1035)，實質上係融合為一。
(a)在第1點與第2點所連成的線(線段、曲線)上取複數個點，於各點上依序、高速地重複顯示、消去要素。
(b)使第1點上顯示中的要素滑移至第2點。
(c)將第1點上顯示中的要素予以消去，在第2點上顯示出要素。
[4-5.小圖示擴散處理] [(a)小圖示擴散處理之程序]
圖11係圖示小圖示擴散處理之程序。小圖示擴散處理係為，在Web網頁內偵測到有對背景領域之點選時(圖7的S710中「背景點選」)，以所定機率使各小圖示位移的處理。此外，亦可在Web網頁內偵測到對背景領域的雙擊時進行同處理。如圖11所示，使用者終端20係藉由下記[61]~[66]之程序，來執行小圖示擴散處理。
[61]生成所定範圍內的亂數值，代入至變數r(S1105)。此處係在0以上未滿100之範圍內，生成亂數值。
[62]在表示小圖示號碼的計數器i中，代入初期值1(S1110)。
[63]在變數idx中，代入小圖示[i]的「移動難易度指數」(S1115)。此外，假設「移動難易度指數」係被設定50~100之自然數。
[64]判定變數idx是否大於變數r(小圖示[i]的「移動難易度指數」是否大於亂數值)(S1120)。當變數idx大於變數r時(S1120中Yes)，則前進至下記[65]。另一方面，當變數idx未大於變數r時(S1120中No)，則前進至下記[66]。
[65]設定小圖示[i]的目的位置(S1125)，使小圖示[i]從現在位置位移至目的位置(S1130)，將小圖示[i]的「配置位置」變更成目的位置(S1135)，將小圖示[i]的「位置移動旗標」予以更新(有義化)(S1140)。
[66]判定計數器i是否等於所定數(Web網頁中所顯示的小圖示之數目；在本實施形態中係為100)(S1145)。當計數器i等於所定數時(S1145中Yes)，結束小圖示擴散處理。另一方面，當計數器i不等於所定數時(S1145中No)，則對計數器i加算1(S1150)，返回上記[63]。
[(b)小圖示的位移等]
於上記程序[65]中，使用者終端20，係設定小圖示[i]的目的位置(S1125)，使小圖示[i]從現在位置位移至目的位置(S1130)，將小圖示[i]的「配置位置」變更成目的位置(S1135)。
此外，目的位置的設定、小圖示的位移樣態等，係和上記[4-4.小圖示自動位移處理]時相同(參照上記[4-4.小圖示自動位移處理]的[(b)目的位置之設定]、[(c)小圖示之位移等])。
[5.小圖示再位移處理] [(a)小圖示再位移處理之程序]
圖12係圖示小圖示再位移處理之程序。小圖示再位移處理，係使Web網頁內配置位置被變更過的小圖示(未被配置在連結要素前面的小圖示)，往已選擇之目標的方向再度位移之處理。如圖12所示，使用者終端20係藉由下記[71]~[76]之程序，來執行小圖示再位移處理。此外，小圖示再位移處理，係亦可每隔所定時間(例如每5000微秒)就重複執行。
[71]在表示小圖示號碼的計數器i中，代入初期值1(S1205)。
[72]判定小圖示[i]的「顯示屬性」是否為「顯示」(S1210)。當「顯示屬性」是「顯示」時(S1210中Yes)，則前進至下記[73]。另一方面，當「顯示屬性」不是「顯示」時(S1210中No)，則前進至下記[76]。
[73]判定小圖示[i]的「位置移動旗標」是否為有義(S1215)。「位置移動旗標」是有義時(S1215中Yes)，則前進至下記[74]。另一方面，「位置移動旗標」不是有義時(S1215中No)，則前進至下記[76]。
[74]將小圖示[i]的「位置移動旗標」予以更新(無義化)(S1220)。
[75]設定小圖示[i]的目的位置(S1225)，使小圖示[i]從現在位置位移至目的位置(S1230)，將小圖示[i]的「配置位置」變更成目的位置(S1235)。
[76]判定計數器i是否等於所定數(Web網頁中所顯示的小圖示之數目；在本實施形態中係為100)(S1240)。當計數器i等於所定數時(S1240中Yes)，結束小圖示再位移處理。另一方面，當計數器i不等於所定數時(S1240中No)，則對計數器i加算1(S1245)，返回上記[72]。
[(b)目的位置之設定]
於上記程序[75]中，使用者終端20，係設定小圖示[i]的目的位置(S1225)。具體而言，將小圖示[i]的「目標要素」之內容領域內或其外緣上的點之周圍的隨機位置，設定成目的位置。
此外，亦可記憶下位移前之位置(圖8的S815、圖10的S1030或圖11的S1130中的位移前之位置)，將該當位移前之位置設定成目的位置。
[(c)小圖示的位移等]
於上記程序[75]中，使用者終端20，係使小圖示[i]從現在位置位移至目的位置(S1230)，將小圖示[i]的「配置位置」變更成目的位置(S1235)。此外，小圖示的位移樣態等，係和上記[4-4.小圖示自動位移處理]時相同(參照上記[4-4.小圖示自動位移處理]的[(c)小圖示之位移等])。
10‧‧‧Web伺服器
11‧‧‧WebDB
20‧‧‧使用者終端
30‧‧‧網際網路
500‧‧‧Web網頁
[圖1]系統構成的區塊圖。(實施形態)
[圖2]物件控制程式的執行程序的流程圖。(實施形態)
[圖3]初期化處理之程序的流程圖。(實施形態)
[圖4]小圖示物件的Property項目的說明圖。(實施形態)
[圖5](Web網頁上方)小圖示的顯示例。(實施形態)
[圖6](Web網頁下方)小圖示的顯示例。(實施形態)
[圖7]事件處理之程序的流程圖。(實施形態)
[圖8]小圖示手動位移處理之程序的流程圖。(實施形態)
[圖9]小圖示消去處理之程序的流程圖。(實施形態)
[圖10]小圖示自動位移處理之程序的流程圖。(實施形態)
[圖11]小圖示擴散處理之程序的流程圖。(實施形態)
[圖12]小圖示再位移處理之程序的流程圖。(實施形態)
10．．．Web伺服器
11．．．WebDB
12．．．使用者DB
13．．．利用履歷DB
20．．．使用者終端
30．．．網際網路

Claims (15)

  1. 一種物件控制方法，係屬於在含有被設定有前往其他Web網頁之連結之複數連結要素的Web網頁中，對應關連於該連結要素而顯示複數小圖示的物件控制方法，其特徵為，係使顯示含有前記複數連結要素之Web網頁的電腦終端，執行：連結要素設定步驟，係利用現在的存取資料，以從前記複數連結要素之中，設定至少1個連結要素；和配置位置設定步驟，係針對每一前記小圖示，在前記已被設定之連結要素的內容領域內，設定該當小圖示的配置位置；和小圖示顯示步驟，係於前記已設定之配置位置上，在前記連結要素的前面，顯示出妨礙該當連結要素之點選的前記小圖示；和小圖示位移步驟，係當偵測到對前記小圖示之使用者操作時，就使1或複數個小圖示位移。
  2. 如請求項1所記載之物件控制方法，其中，前記連結要素設定步驟，係利用現在的伺服器負荷，以從前記複數連結要素之中，設定至少1個連結要素。
  3. 如請求項1所記載之物件控制方法，其中，前記連結要素設定步驟，係取得現在的存取資料對時 間的微分值，以從前記複數連結要素之中，設定至少1個連結要素。
  4. 如請求項2所記載之物件控制方法，其中，前記連結要素設定步驟，係取得現在的伺服器負荷對時間的微分值，以從前記複數連結要素之中，設定至少1個連結要素。
  5. 如請求項1所記載之物件控制方法，其中，前記各小圖示，係為具有一定領域的影像；使前記複數小圖示對前記連結要素之前面全面地重疊顯示，藉由該複數小圖示而妨礙對該連結要素之點選。
  6. 如請求項1所記載之物件控制方法，其中，還令前記電腦終端，針對每一前記已被位移之小圖示，執行小圖示再位移步驟，使該小圖示朝向變更前的配置位置或其周邊位移。
  7. 如請求項2所記載之物件控制方法，其中，還令前記電腦終端，針對每一前記已被位移之小圖示，執行小圖示再位移步驟，使該小圖示朝向變更前的配置位置或其周邊位移。
  8. 如請求項1所記載之物件控制方法，其中，當偵測到對前記任一小圖示之點選或雙擊時，還令前記電腦終端執行將該小圖示予以消去的小圖示消去步驟。
  9. 如請求項2所記載之物件控制方法，其中，當偵測到對前記任一小圖示之點選或雙擊時，還令前記電腦終端執行將該小圖示予以消去的小圖示消去步驟。
  10. 如請求項8所記載之物件控制方法，其中，前記小圖示消去步驟係包含，就每一前記小圖示計數對該小圖示的點選次數，當該計數到的點選次數未達所定值時則經過所定時間後將前記已消去之小圖示予以再顯示的處理。
  11. 如請求項9所記載之物件控制方法，其中，前記小圖示消去步驟係包含，就每一前記小圖示計數對該小圖示的點選次數，當該計數到的點選次數未達所定值時則經過所定時間後將前記已消去之小圖示予以再顯示的處理。
  12. 如請求項8所記載之物件控制方法，其中，前記小圖示消去步驟係為，就每一前記小圖示計數對該小圖示的點選次數，當該計數到的點選次數達到所定值時，就將該小圖示予以消去的步驟。
  13. 如請求項9所記載之物件控制方法，其中，前記小圖示消去步驟係為，就每一前記小圖示計數對該小圖示的點選次數，當該計數到的點選次數達到所定值時，就將該小圖示予以消去的步驟。
  14. 一種物件控制程式，係屬於在含有被設定有前往其他Web網頁之連結之連結要素的Web網頁中，對應關連於該連結要素而顯示複數小圖示的物件控制程式，其特徵為，係使顯示含有前記連結要素之Web網頁的電腦終端，執行： 配置位置設定步驟，係針對每一前記小圖示，在前記連結要素的內容領域內，設定該當小圖示的配置位置；和小圖示顯示步驟，係於前記已設定之配置位置上，在前記連結要素的前面，顯示出妨礙該當連結要素之點選的前記小圖示；和小圖示位移步驟，係當偵測到對前記小圖示之使用者操作時，就使1或複數個小圖示位移。
  15. 一種Web伺服器，係屬於可和使用者終端連接的Web伺服器，其特徵為，具有Web資料記憶手段，係記憶著Web資料，其係至少含有：含有被設定有前往其他Web網頁之連結之連結要素的Web網頁的資料、和被內嵌在該Web網頁的物件控制程式；並具備Web資料送訊手段，係隨應於來自前記使用者終端的要求，而將前記Web資料發送至該使用者終端；前記物件控制程式係為，在含有被設定前往其他Web網頁之連結的複數連結要素的Web網頁中，對應關連於該連結要素而顯示複數小圖示的程式；前記物件控制程式，係令顯示含有前記複數連結要素之Web網頁的電腦終端，執行：連結要素設定步驟，係利用現在的存取資料，以從前記複數連結要素之中，設定至少1個連結要素；和配置位置設定步驟，係針對每一前記小圖示，在前記已被設定之連結要素的內容領域內，設定該當小圖示的 配置位置；和小圖示顯示步驟，係於前記已設定之配置位置上，在前記連結要素的前面，顯示出妨礙該當連結要素之點選的前記小圖示；和小圖示位移步驟，係當偵測到對前記小圖示之使用者操作時，就使1或複數個小圖示位移。
TW099136697A 2009-10-29 2010-10-27 An object control method for displaying an object in front of a link element TWI395131B (zh)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2009249238 2009-10-29

Publications (2)

Publication Number Publication Date
TW201129939A TW201129939A (en) 2011-09-01
TWI395131B true TWI395131B (zh) 2013-05-01

Family

ID=43921935

Family Applications (1)

Application Number Title Priority Date Filing Date
TW099136697A TWI395131B (zh) 2009-10-29 2010-10-27 An object control method for displaying an object in front of a link element

Country Status (9)

Country Link
US (1) US8719697B2 (zh)
EP (1) EP2495645B1 (zh)
JP (1) JP5118256B2 (zh)
KR (1) KR101353702B1 (zh)
CN (1) CN102725721B (zh)
BR (1) BR112012010172B1 (zh)
ES (1) ES2659191T3 (zh)
TW (1) TWI395131B (zh)
WO (1) WO2011052513A1 (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2011080983A1 (ja) 2009-12-29 2011-07-07 楽天株式会社 オブジェクト制御方法、オブジェクト制御プログラム及びＷｅｂサーバ
AU2014203047B2 (en) * 2013-06-04 2019-01-24 Nowww.Us Pty Ltd A Login Process for Mobile Phones, Tablets and Other Types of Touch Screen Devices or Computers
JP5580924B1 (ja) * 2013-08-30 2014-08-27 ヤフー株式会社 配信装置、端末装置、配信方法及び配信プログラム
JP5616503B1 (ja) * 2013-08-30 2014-10-29 ヤフー株式会社 配信装置、端末装置、配信方法及び配信プログラム
JP6375601B2 (ja) * 2013-09-17 2018-08-22 コニカミノルタ株式会社 表示装置、表示方法、および表示プログラム
JP6144245B2 (ja) * 2014-11-05 2017-06-07 ヤフー株式会社 端末装置、配信装置、表示方法及び表示プログラム
WO2016199113A1 (en) * 2015-06-07 2016-12-15 Spetgang Shai Shawn Israel Transparent clickable icons as graphical elements in an application
KR102000287B1 (ko) * 2016-10-18 2019-07-16 에스이테크주식회사 사용자별 맞춤형 메뉴 제공 시스템

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW518477B (en) * 2001-08-16 2003-01-21 Tiger Color Inc Method for automatically downloading photos from web page
TW560140B (en) * 2000-07-10 2003-11-01 Jen-Hwang Weng Method for providing on-line extracting web page contents
US20050102177A1 (en) * 2002-09-02 2005-05-12 Hiromitsu Takayama Advertisement delivery method and system
US7234107B1 (en) * 1999-01-26 2007-06-19 International Business Machines Corporation System for customizing web page
TWI298450B (en) * 2003-07-01 2008-07-01 Yahoo Inc System and method of placing a search listing in at least one search result list

Family Cites Families (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0698149A (ja) * 1991-03-28 1994-04-08 Fuji Xerox Co Ltd 画像処理装置の編集指示表示方式
JP3304233B2 (ja) * 1995-04-21 2002-07-22 シャープ株式会社 携帯型画像読取装置
US6108459A (en) * 1996-06-11 2000-08-22 Canon Kabushiki Kaisha Method and apparatus for processing an image
JP2000333014A (ja) * 1999-05-20 2000-11-30 Minolta Co Ltd 画像処理装置および画像処理方法並びに画像処理手順を記憶したコンピュータ読み取り可能な記憶媒体
US20060122917A1 (en) * 2000-08-14 2006-06-08 Urbanpixel Inc Real-time collaborative commerce in a multiple browser environment
US6816176B2 (en) * 2001-07-05 2004-11-09 International Business Machines Corporation Temporarily moving adjacent or overlapping icons away from specific icons being approached by an on-screen pointer on user interactive display interfaces
US7730109B2 (en) * 2005-12-12 2010-06-01 Google, Inc. Message catalogs for remote modules
US7725530B2 (en) * 2005-12-12 2010-05-25 Google Inc. Proxy server collection of data for module incorporation into a container document
JP2008250578A (ja) * 2007-03-30 2008-10-16 Xing Inc ポイント算出方法、ポイント算出システム、表示通信機およびコンピュータプログラム
JP4909873B2 (ja) 2007-11-21 2012-04-04 楽天株式会社 情報表示システム及び情報表示プログラム
US7664862B2 (en) * 2008-01-14 2010-02-16 International Business Machines Corporation Browser-based proxy server for customization and distribution of existing applications
US8001274B2 (en) * 2009-05-14 2011-08-16 Sudharshan Srinivasan Mobile device network accessory supporting content integration between accessory data and internet content

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7234107B1 (en) * 1999-01-26 2007-06-19 International Business Machines Corporation System for customizing web page
TW560140B (en) * 2000-07-10 2003-11-01 Jen-Hwang Weng Method for providing on-line extracting web page contents
TW518477B (en) * 2001-08-16 2003-01-21 Tiger Color Inc Method for automatically downloading photos from web page
US20050102177A1 (en) * 2002-09-02 2005-05-12 Hiromitsu Takayama Advertisement delivery method and system
TWI298450B (en) * 2003-07-01 2008-07-01 Yahoo Inc System and method of placing a search listing in at least one search result list

Also Published As

Publication number Publication date
US8719697B2 (en) 2014-05-06
US20120272130A1 (en) 2012-10-25
CN102725721A (zh) 2012-10-10
BR112012010172A2 (pt) 2021-01-05
ES2659191T3 (es) 2018-03-14
BR112012010172B1 (pt) 2021-06-01
EP2495645B1 (en) 2017-12-13
KR101353702B1 (ko) 2014-01-20
EP2495645A1 (en) 2012-09-05
EP2495645A4 (en) 2015-12-02
TW201129939A (en) 2011-09-01
CN102725721B (zh) 2015-03-11
WO2011052513A1 (ja) 2011-05-05
JPWO2011052513A1 (ja) 2013-03-21
JP5118256B2 (ja) 2013-01-16
KR20120085831A (ko) 2012-08-01

Similar Documents

Publication Publication Date Title
TWI395131B (zh) An object control method for displaying an object in front of a link element
US11126333B2 (en) Application reporting in an application-selectable user interface
CN107624186B (zh) 多维导航
US20160125051A1 (en) System and method for dynamically retrieving data specific to a region of a layer
US10540055B2 (en) Generating interactive content items based on content displayed on a computing device
CA2861616C (en) Method and system to provide a scroll map
US10878175B2 (en) Portlet display on portable computing devices
JP5134143B2 (ja) Ｗｅｂページにおけるオブジェクト変位方法
KR20130116241A (ko) 브랜드화된 브라우저 프레임
US20130339884A1 (en) Augmenting user interface elements with information
US20130009963A1 (en) Graphical display of data with animation
WO2023101795A1 (en) Techniques for providing a search interface within a carousel
TWI503736B (zh) Object control method, object control program and Web server
US10216363B2 (en) Navigating a network of options
KR101976306B1 (ko) 웹 페이지 작성 지원 장치, 및 기억 매체
US20240012850A1 (en) Graphical user interface with insight hub and insight carousel
TWI399694B (zh) Object Displacement Method in Web Page