TWI490729B

TWI490729B - 用於提供頁面模組中內容之方法與系統

Info

Publication number: TWI490729B
Application number: TW097129534A
Authority: TW
Inventors: Joshua Allen Rehling; Andrew Boath Faris; Anthony Dominic Amidei; Stephen Gerald Garcia
Original assignee: Yahoo Inc
Priority date: 2007-08-16
Filing date: 2008-08-04
Publication date: 2015-07-01
Also published as: WO2009025951A9; TW200923718A; WO2009025951A3; WO2009025951A2; US20090049380A1

Description

用於提供頁面模組中內容之方法與系統

本發明係關於一種線上內容之領域，且更特別地係，關於頁面模組與狀態。

電腦與計算裝置使用係每年增加。使用增加係受到裝置網路互接的鼓勵，例如藉由使用網際網路。隨著每位新使用者及/或網站上線，全球的電腦系統儲存及存取的資訊量明顯增加。同時，電腦使用者的數量、變化與嫻熟度已提升，且對於工具的功能性、界面、與該使用者經驗，使用者預期亦提高。

網際網路及其他網路係互接電腦與計算裝置，以允許透過網路連接來進行資料傳送。電腦與計算裝置時常構成主從關係。一類型伺服器為一網站伺服器，且一用戶端之一範例為一網站用戶端，例如一個人電腦執行一網頁瀏覽器程式。一些網站伺服器提供入口服務，以從不同來源收集資訊，且只要請求，則因應該網站用戶端產生一入口網頁。此入口網頁之一範例係在由Yahoo Inc.公司提供的網站www.yahoo.com。此網站亦具有支援個人化頁面的設施。請參見例如my.yahoo.com。

藉由使用一協定系統，網站伺服器基本上可服務來自網站用戶端之請求。回應接收的請求，該網站伺服器可傳回資料回應。該超文件傳輸協定(HTTP，“Hyper Text Transfer Protocol”)係為一習知所使用協定之範例。一或多個網站用戶端係在該請求中的環球資源定位器(URL，“Universal Resource Locator”)所代表一頁面的一特定網站伺服器位址上送出請求。回應該特定位址之一伺服器係以資料回應，例如顯示的一網頁、或使用另一類型的資料集。

用於該網頁的習知技術是有限制。目前，該網站用戶端基本上使用一瀏覽器應用程式，其可在一使用者界面中提供全部或一部分的網頁給使用者。該瀏覽器應用程式係進一步接受使用者輸入，以與網頁及/或網站互動。網頁瀏覽器普遍是由使用者用來在一單一頁面中導覽，並存取數個網頁。除了提供網頁及接受與網頁有關的使用者輸入之外，網頁瀏覽器時常提供功能性。例如，只要接收一網頁，該網頁時常包括可由一網頁瀏覽器執行的可執行程式元件。這些元件包括應用程式界面(API,“Application Program Interface”)的許多變化。

瀏覽器應用程式提供使用者一界面以經由網際網路或該網站來接收及/或與內容互動。一瀏覽器應用程式通常係常駐在一使用者的電腦。該瀏覽器應用程式包括一視窗，以供顯示經由該網站或網際網路從網站取回的內容。該瀏覽器應用程式亦可包括一或多個應用程式工具列。網頁瀏覽器係以一網頁形式提供資訊，其係藉由解譯使用超文件標誌語言(HTML,“Hyper Text Markup Language”)所編碼之文字文件而產生。數據機網頁使用者界面基本上係使用先進的應用程式界面、JAVA語言的變化、Flash及其他Script、與執行一使用者和一使用者界面的逐漸複雜功能之構件。

如上所述，目前的應用程式及/或界面技術具有某些限制。而且，儘管來自許多來源的龐大資訊量之可用性，但在網際網路、或甚至關於單一主題的所有資訊不是始終對每位使用者是有關、有用、及/或有意義。當連續施加於使用者太多資訊、太多選擇、不相關及/或雜亂無章的內容時，人和機器系統會變成過載，藉此減少強力資訊工具的有用性。

使用者界面

一種用於提供內容之使用者界面係包括數個模組，用以將該內容顯示在一單一頁面中。在該頁面中的一第一模組係用於提供來自一第一來源之內容，且一第二模組係用於提供來自一第二來源之內容。第一模組係堆疊在提供該頁面的一視窗中的第二模組之上。第一模組提供之內容係與第二模組提供之內容無關，以致於一使用者能與每一模組的內容互動，毋須導覽至該單一頁面一外部的位置。

該使用者界面最佳係包括一用於第一模組之水平捲動軸，及藉由使用該水平捲動軸，透過第一模組提供額外內容。在該使用者與第一模組互動期間，第一模組具有多種形狀或尺寸，且第二模組可自動調整至調適第一模組之形狀及/或尺寸。在一特定實施中，第一模組之尺寸係被重定尺寸，以最大化在一瀏覽器視窗中的邊緣至邊緣水平檢視。當該捲動軸到達在該模組中提供的內容之邊緣時，該內容會捲繞以讓該使用者繼續捲動；或者，當該捲動軸到達在該模組中提供的內容之邊緣時，可提供更多內容之選項，以致於不連續提供該使用者內容，即是來源不受限。有關更多內容之選項包括一點擊至重新載入按鈕、一搜尋功能、或用於獲得及提供額外內容之另一適當構件。

模組編輯及變更該饋送

模組的來源基本上包括來自多種來源的饋送。最佳地係，第二模組的一第二饋送係來自不同於第一饋送的來源。該等模組包括該界面之一使用者狀態，以變更在該頁面中的一或多個模組之凍結。本發明之具體實施例包括一重組該等模組之縮放模式。該縮放模式係提供一整頁面檢視給該使用者。在該整頁面檢視中，該頁面與模組之佈局係更可輕易由一使用者確認。該整頁面檢視具有小圖示，用於表示重組該等模組移動的方向，且基於小圖示提供的指示符，該使用者可藉由使用一拖曳與放下動作以將該等模組有利地在該頁面中重組。如此，該使用者可決定每一模組的位置。

模組可選擇性新增或移除，且該使用者決定每一模組之提供。而且，內容、饋送、及每一模組的其他特徵可自訂，以致於該使用者可決定每一模組之組態。

範例模組類型

範例模組類型包括：一廣告模組；一每日一句模組，用於提供對該使用者重要之引句；一股市追蹤模組；一相片模組，其經組態以從一例如flickr.com之相片網址取回內容。一社會性內容模組係經組態以從一網站取回內容，其中在該網站上的內容係由一例如digg.com之評分系統決定。另一類型模組為資訊走廊模組，其包括不同範本，其組態係可新增至一頁面或從其移除。例如，在一具體實施例中，若點擊資訊走廊中的一範本，在該頁面中的模組會上滑，且基於該範本之一新模組係插入模組的頁面。這些及額外模組係在下面進一步描述。

狀態

每一模組最佳包括數個狀態，例如一縮回非捲動狀態、一縮回捲動狀態、一擴展非捲動狀態、一擴展捲動狀態、一自訂狀態、一告示條狀態、與一隱藏或暫時移除狀態。該縮回非捲動狀態係增加在該頁面上的使用者模組檢視寬度，並減少提供給該使用者的詳細資訊量，以致於在該頁面上提供的內容且在此狀態中不會讓該使用者不知所措。在此非捲動狀態中，一組工具最佳隱藏不讓該使用者看見。該組工具提供模組內的導覽，例如藉由包括該水平捲動軸、及/或編輯與移除之選擇。此格式稱為即時及/或隨選內容。而且，在該頁面上及在每一模組中提供的內容係基於該使用者的規格。

該縮回捲動狀態係用於提供一組工具給一使用者，當在該非捲動狀態中，一游標定位在一模組上時，該組工具會出現。該擴展非捲動狀態係用於提供額外內容給該使用者，例如影像、視訊、及/或聲音多媒體剪輯、標題形式文字等。最佳地係，該額外內容係在該堆疊的模組頁面格式中提供，不會有該介面的明顯或不美觀變化，例如彈出、訊框、及/或新視窗。

該擴展捲動狀態係用於提供一組工具，其先前處於該非捲動狀態基本上係被隱藏。如上面所示，該擴展動狀態包含增加提供資訊深度之詳細視野。除了該導覽工具之外，該組工具可選擇性包括多媒體工具，例如一自動播放特徵、及/或用來返回一縮回狀態之按鈕。另一狀態係該告示列條狀態，其需要極小空間以提供在該頁面中的內容。最佳地係，如同該使用者自訂特徵部分，該等模組係可移除。然而，一些模組包括一暫時移除狀態，以致於處於此狀態的模組會一預定時間再次出現於該使用者界面。例如，一使用者可有利地將一廣告模組置於一暫時移除狀態，以致於當允許不引人注意的廣告與使用者自訂內容共存時，允許該使用者控制內容。

該組態狀態基本上可於一捲動狀態中，經由一使用者選擇而促成，用於轉移至該組態狀態。當一模組選擇供組態時，該選定的模組會出現在該頁面的一定位置上旋轉，以致於提供該使用者該模組的一編輯模式，毋須改變在模組頁面中其他模組的出現。在一實施中，該組態狀態係出現在選定用於編輯及/或使用者自訂的模組背面上。該組態狀態通常具有一特定顏色以表示該模組的狀態。該組態狀態包括儲存變更之一選項、及退出該組態狀態之一選項。當選取退出的選項時，一些具體實施例的組態狀態會在一定位置旋轉，以返回選取該組態狀態之狀態。然後，在該模組所在頁面的一定位置上提供於該模組所做的變更。

一種提供內容之方法包括使用一瀏覽器以連接至一伺服器及執行一檢查。該檢查包括一特定組件之系統檢查、及/或一特定使用者個人資料之使用者識別檢查。基於該檢查，該方法可提供形成一模組頁面的一組模組。該方法可自訂在該組模組中的一第一模組，及儲存該自訂。該方法係執行由該模組所提供的功能。

有時，該組模組包括模組的預設組，例如供一新的使用者及/或一新瀏覽器連接。或者，藉由使用一登錄ID、一Cookie或另一識別碼，該提供組之模組可包括模組的存檔組，其係基於付費瀏覽器之使用者而提供。該方法可在不同時間編輯自訂。藉由使用在該組模組中的第一模組，該方法可提供位在一儲存位置外部有關該模組頁面的內容。最佳地係，當更新位在該外部的內容時，一或多個模組提供的內容會自動更新。該方法係重組在該組模組中的一模組，以改變該頁面的呈現。該方法係選擇性新增額外的模組(例如一第二模組)、移除模組(例如第一模組)、及/或暫時隱藏或移除模組，然後稍後在該頁中提供暫時移除的模組。同樣地，內容、導覽、及/或其他工具可在不同時間予以隱藏。

該方法係沿著該頁面的y軸以垂直捲動，以檢視在該模組頁面中的特定模組，特別地係當模組的數量延伸超過一單一頁面檢視。該方法係沿著在一模組中的x軸以水平捲動，例如供在該模組中導覽。最佳地係，在該頁面中的其他模組係不受到在該水平捲動的模組中的水平捲動之影響。該方法係選擇性將內容加入第一模組，藉此增加水平捲動之可用量。該方法係將內容包裝在一模組中；或者，其可當到達該水平捲動的極限時，提供額外內容的選項。

該等模組之每一者基本上具有數個狀態。該等狀態包括下列之一或多個：一縮回非捲動狀態、一縮回捲動狀態、一擴展非捲動狀態、一擴展捲動狀態、一自訂狀態、一告示條狀態、及/或一暫時移除狀態。該等模組係選擇性包括許多類型，例如一標題模組、一每日一句模組、一廣告模組、一相片模組、一股市模組、一社會性內容模組、一焦點型模組、一歡迎度類型模組、一電影模組、一新聞模組、一資訊走廊模組、一建議或針對性模組、與一註腳模組。模組之每一類型係基本上包括基於該模組內容之特定細節與特徵。例如，當該模組包含一新聞模組時，該執行基本上包括來自一RSS饋送之回應；當該模組包含一社會性網路書籤模組時，該執行係進一步包括Javascript物件圖示法；或當該模組包含一相片模組時，該執行係進一步包括一REST類型API。額外模組係在本發明的具體實施例中予以考慮。額外範例包括有關電影、即時訊息與電子郵件之模組。在一特定實施中，執行該檢查包含檢查一Flash組件，且該執行步驟包括一Flash Script。

組態一頁面之方法係將一游標定位在一頁面中的特定位置上，且藉此顯示供組態該頁面之一組工具。該方法係選擇一工具，並轉移至一或多個模式供自訂。一模式包括一重組模式。當選取此模式時，該方法可將該頁面予以放大，以提供該頁面之整頁面檢視。從該整頁面檢視，該方法係藉由使用該游標以選擇一第一模組及移動該選定的第一模組。最佳地係，使用該游標包含一拖曳與放下操作。當在該整頁面檢視中選取一第一模組時，該方法最佳係提供一視覺提示，以說明該選定第一模組的可能運動方向以供重組。當移動第一模組時，該方法可自動調整一第二模組，其係接近該移動的第一模組。

系統與詳盡事件

一種用於提供內容之系統包括一用戶端裝置、一伺服器、一瀏覽器應用程式、一使用者界面、一頁面、數個模組、與在數個模組之中的一第一模組。第一模組包括數個狀態。該用戶端裝置基本上包括該瀏覽器應用程式，其係用來耦合至該伺服器。該伺服器係提供該頁面與該等模組給一使用者。該使用者可有利地使用及自訂該頁面、模組與狀態，以提供更多相關及/或更大可用性給該使用者，如上述。最佳地係，該等模組是在一單一頁面中提供，且在該單一頁面中的每位使用者互動包含一詳盡事件。因此，一些具體實施例包括記錄有關該單一頁面，該詳盡事件之系統及方法。例如，基於該詳盡事件記錄，可有利地側描及/或行為上地追蹤使用者。該等詳盡事件包括在一頁面中的一滑鼠滑過事件及/或一點擊。

在下列描述中，提出許多細節以供說明。然而，熟諳此項技術人士應該明白，本發明可使用這些特殊細節加以實施。在其他範例中，眾所週知的結構與裝置係以方塊圖形式顯示，以在沒有詳細內容不致造成對本發明描述的失焦。

本發明之具體實施例包括提供資訊的結構，其包括網頁。該等網頁最佳係包括聚合及/或整頁面檢視，以供提供廣泛資訊，而減少無關或不必要的資訊。這些具體實施例在此稱為縮回檢視、或狀態。進一步具體實施例包括提供額外資訊深度之擴展檢視或狀態。該等檢視與資訊係透過一使用者可自訂的界面加以提供。最佳地係，該界面係分段成不連續的模組。該等模組可適當地新增、編輯或自訂、重組、隱藏、及/或移除。而且，該界面具有選擇性提供內容之有利特徵。這些具體實施例之內容、與獲得及/或自訂內容之工具可為即時及/或隨選。

例如，在該等擴展與縮回狀態之每一者中，一些實施包括一捲動狀態。此狀態係藉由使用一指向裝置(例如一滑鼠、軌跡球、軌跡板或其他裝置)，將游標定位在一選定模組上達成。當該捲動狀態完成時，先前某些隱藏的資訊及/或導覽工具會出現供該使用者使用。選擇性出現的資訊及/或工具的一些範例係包括點擊按鈕及/或供捲動之滑動機制。特定實施包括一水平捲動構件，用以選擇性顯示一可變的內容量。該內容係選擇性由使用者組態及/或自動組態。例如，該內容時常包括藉由使用應用程式界面(API,“Application Programming Interface”)及/或聚合內容(RSS,“Really Simple Syndication”)饋送而從數個來源取得資料。

由於這些具體實施例之某些的結構，所以某些優點的實施係關於頁面分析。例如，詳盡事件計數及/或記錄可有利地達成資料收集、行為側描及/或針對性。這些頁面分析係連同習知的點擊流量資料以選擇性收集及/或處理。

示例性模組、組態及狀態的個人化或自訂

如上所述，本發明之具體實施例包括有系統地提供如同模組的每一內容類型之結構。該等模組可加以編輯、新增、移除、重新排列、重組、及/或關閉，以建立幾乎無限數量之組合。且如上述，每一模組基本上包括複數個狀態。先前及額外特徵將參考特定範例進一步描述。

第一圖係說明根據本發明之具體實施例的一頁面100與數個模組。在此圖所示，該等模組包括一標題模組102、一每日一句模組104、一廣告模組106、兩相片模組106和116、一股市模組110、一社會性內容模組112、一焦點型模組114、一歡迎度類型模組118、一電影模組120、一新聞模組124、一資訊走廊模組126、與一註腳128。

最佳地係，每一模組提供的內容具有作為一特定使用者的特定關聯。此外，該內容通常係儲存在頁面100的一外部位置。在這些情況中，該內容能以聚合方式而有利地取回及/或提供，並具有額外有利特徵(例如自動更新、及/或依想要特徵的組織(例如依關連、歡迎度及/或近期性)。例如，社會性內容模組112包括一些物件，其為藉由票決或另一方式所決定的社群。最佳地係，該內容係以自動方式從一外部網址獲得。網站digg.com為一社會性內容網站之範例。

熟諳此項技術人士應可明白，該等說明的模組係變化及數量示例性，且進一步可辨識額外模組與模組的組合。例如，一些實施包括一社會性網路書籤模組，以提供一使用者一組最近及/或大部分使用的書籤。最佳地係，關於該等書籤的資訊係儲存在該等社會性網路書籤模組外部的位置及/或網站。網站del.icio.us為此類網站的範例。有利地係，該社會性網路書籤模組提供及/或儲存該使用者想要的一組書籤。不管是否提供該特定內容，該模組提供該用戶端一自訂界面，毋須導覽至(或在)一外部位置，且毋須透過一不同界面於另一位置進行額外自訂。

不同可能模組的額外範例係在此參考附圖予以進一步描述。例如，該每日一句討論模組係參考第十八圖，該股市模組係參考第二十圖，該焦點型模組係參考第十一圖，該相片模組係參考第十二圖描述，該電影模組係參考第十五圖，該新聞模組係參考第十七圖，及該歡迎度類型模組係不同類型，例如一新聞相片模組，其係在第二十一圖中說明。

第二圖係說明具一頁面200具有處於一擴展狀態的模組。更明確地係，廣告模組206、相片模組216與電影模組220係以一擴展狀態加以描述。在該擴展狀態中，該模組提供關於該模組所提供內容的更詳細資訊。在一些具體實施例中，該模組的尺寸係略微地擴展至容納更詳細的內容及/或該內容的更詳細格式。

最佳地係，在頁面200中的特定模組具有一使用者可選擇的自訂狀態。第二圖係進一步說明一模組組態及/或自訂狀態222。在頁面200中的多數模組是使用者可組態，然而，廣告模組206最佳係不是使用者可組態。在一具體實施例中，該使用者選擇該模組，以供使用一按鈕在該使用者界面中對該模組進行組態。當點擊一些具體實施例的按鈕時，在該使用者界面中，藉由使用一動態順序，將選定模組轉換成另一狀態。

例如，當一使用者選擇供自訂的一特定模組時：一特定實施的選定模組可適當地轉換。在一些實施中，該模組會適當旋轉而不會影響相鄰的模組。對一使用者而言，該自訂狀態直覺地出現在供自訂而選取的模組背面。此外，一些實施係以一特定顏色顯示該自訂狀態，例如綠色。這些實施提供一更流暢及情境化經驗給正在一頁或在該頁上多個模組中自訂一單一模組的使用者。

第三圖係更詳細顯示具有在自訂狀態322的一模組之頁面300。

該特定自訂狀態係用於第二圖的新聞模組224。如在此圖中所示，對於該新聞模組的自訂狀態322包括作為來源饋送、及有關顯示偏好之引導設定。說明的來源饋送包括World News、Local News、Tech News、及一包括額外類型的新聞選擇。熟諳此技術者將應可明白額外的新聞來源饋送係選擇性包括在該模組中或從其予以排除。在第三圖中，第二圖的廣告模組206與電影模組220係被移除或被隱藏無法從看到。如第三圖所示，其餘模組係自動調整以改造、調整大小、及/或提供額外內容可用的空間。

RSS饋送

網路內容聯合組織係逐漸受歡迎方式讓內容提供者引起注意及讓造訪者上網頁或網站。藉由使用內容聯合組織技術，例如聚合內容(RSS)，一內容提供者可有利地建立該網站內容的XML摘要。基本上包括許多標題(其具有不同片段，例如一標題、一內容鏈結、與一簡要描述)的摘要係儲存在發起的網站的網頁伺服器，作為一RSS饋送。該RSS饋送係手動建立及更新，例如藉由編輯XML；或自動，例如藉由使用不同Script以定期掃瞄該網站及更新該XML。習知上，網站的操作者、或個別使用者係藉由包括對在該訂閱頁面的HTML或其他原始程式碼中的想要RSS饋送之參考，以訂閱RSS饋送之頁面。一些具體實施例在所有單一頁面上提供一直覺式使用者界面，以供這類許多及變化之潛在訂閱，毋須導覽至額外頁面。

當例如透過一或多個模組以顯示該訂閱的內容時，可存取在發起網站伺服器上維護的RSS饋送，且在該摘要中的每一項目之標題會以一鏈結顯示該訂閱的頁面上。習知上，該訂閱頁面之檢視者點擊這些鏈結之任一者，以檢視在發起網站的項目。根據本發明之具體實施例，一使用者最佳將來自使用者想要的所有網站的這些RSS饋送予以聚合至一單一主頁面，以在毋須額外導覽、工具、及/或程式處理，可讓該使用者以一整合格式加以控制及檢視。藉由檢視該使用者的自訂主頁面，在將其加入及/或更新至任何網站時，該使用者可方便看到新的內容。

對位在外部內容的界面係基於該內容及/或該模組類型的性質。例如，該社會性網路書籤模組係選擇性使用Javascript物件圖示法(JSON,“JavaScript Object Notation”)從一外部網站(例如網站del.icio.us)請求及接收內容，而從一相片網站(例如flickr.com)獲得內容的一模組係使用該REST API。額外的協定及/或應用程式界面係被考慮用於具有影像內容、地圖、電子郵件與即時通訊模組之額外內容模組，例如電影與廣告模組。

第四圖係說明模組的頁面400之自訂版本。例如，一股市模組410已重組出現在標題模組402與一每日一句模組404之間。同樣地，一眾所矚目模組414已在每日一句模組404與一社會性網路書籤模組412之間重組，從上至下依序一相片模組416、一歡迎度模組418、一新聞模組424、與一註腳428。同時，在第四圖顯示，廣告模組會被移除及/或暫時從檢視將其隱藏。

第五圖係說明模組頁面500的另一自訂。在此圖中，一新聞模組524出現在頁面500的上面，在一標題502與一每日一句模組504之間。每日一句模組504接著係一股市模組510、一焦點型模組514、一社會性內容模組512、一相片模組516、一歡迎度類型模組518、與一註腳528。

第六圖係說明模組的一頁面600之替代組態。如此圖所示，一相片模組616係出現在一標題模組602與一(建議)廣告及/或針對性模組630之間。在一些具體實施例中，此模組630係基於該使用者的個人資料或已知關於該使用者的其他資訊，以將內容推向該特定使用者。

第七圖與第八圖係說明一些具體實施例的模組706和806具有一告示條狀態。在第七圖中，告示條706包括對一使用者有興趣的簡要資訊。然而，告示條706的細長本質是有利的，且需要很少空間。若該使用者有興趣額外資訊，該告示條狀態係容易展開至另一狀態，以提供更詳細內容。此外，若該使用者偏好，該告示條可選擇性移除、及/或隱藏不被檢視。如此圖所示，一旦移除，一些模組將稍後再次出現。而且(或者)，一旦移除或隱藏，一些具體實施例將提供使用者有關取回該模組及/或告示條之簡要說明。

第八圖係說明在告示條狀態801中的一廣告模組806，且處於一非捲動狀態809。第八圖係進一步說明關於廣告模組806移除之一使用者指令。

狀態

如上所述，本發明之具體實施例係採用隨選及/或即時機制，以提供內容、導覽、及/或其他資訊、與工具。因此，每一模組基本上包括複數個狀態，例如：(1)一縮回檢視非捲動狀態、(2)一縮回檢視捲動狀態、(3)一擴展檢視非捲動狀態、及(4)一擴展檢視捲動狀態。一些模組進一步選擇性包括：(5)一自訂狀態、(6)一告示條狀態、及/或(7)一暫時移除狀態。這些狀態之每一者係參考第九圖進一步討論。

第九A圖、第九B圖和第九C圖係說明一社會性內容模組912處於不同狀態。如在這些圖所示，該等狀態包括一縮回非捲動狀態903、一縮回捲動狀態905、一擴展非捲動狀態907、一擴展捲動狀態909、與組態狀態911和913。當處於縮回狀態903時，社會性內容模組912只會提供模組912所提供的每一物件的一列標題。模組912最佳係從提供社會上決定內容之網站引出內容。因此，該社會性內容模組包括藉由票決或另一方法所決定社群的物件。最佳地係，該內容係以自動方式從一外部網站獲得。網站digg.com為一社會性內容網站之範例。

在此圖中，社會性內容模組912係組態成從digg.com網站接收內容。在dig.com，網站的使用者選擇內容，例如藉由使用每一物件的「diggs」數量。因此，該說明的具體實施例係在digg.com的票決系統上更進一步提供每一物件的diggs、選票的數目。當處於縮回捲動狀態905時，每一物件的標題與diggs的數量可進一步伴隨該物件的一簡要摘要。如此，一些具體實施例提供即時及/或隨選內容。而且，由於模組912使用來自一外部網站之饋送(其中內容係基於該網站的使用者而更新)，所以該內容最佳在模組912中能自動更新，例如其可在該外部網站上、或在一預定時間內更新。

而且如第九圖所示，縮回捲動狀態905係提供工具供調整該內容及/或獲得額外內容，例如水平捲動軸921、及更多與更少的按鈕927。一些具體實施例係進一步包括例如一編輯按鈕923、與一移除按鈕925之額外工具，以供自訂或移除模組902。擴展狀態907和909包括與每一標題有關的簡要文字標題形式之額外內容。自訂狀態911和913允許使用者自訂模組912，且進一步在下面描述。

第十圖係更詳細說明模組的重組。如此圖的顯示，標題1002與註腳1028模組通常是固定。因此，相鄰於這些模組1002和1028為小圖示，以表示這些模組1002和1028最佳不要重組。在一些具體實施例中，只有當模組選擇供重組時，小圖示會出現。此外，只有緊鄰於標題1002之每日一句模組1004會被重組至向下位置，如相鄰於此模組1004的箭號小圖示的方向所示。同樣地，只有緊鄰於註腳1028的模組1024會被重組在向上位置。非緊鄰於標題1002或註腳1028的模組1006、1008、1010、1012、1016、和1018會在向上或向下方向予以重組，如雙向箭號所示。

第十一圖係進一步詳細說明一焦點型模組1114。如此圖所示，模組1114係專注在內容的數個項目，包括例如群組94、Patagonia、William Eggleston、Adrian Frutiger和Sol Lewitt。熟諳此項技術人士應可明白該模組1114可提供的內容之變化與深度。例如，模組1114係顯示處於一縮回狀態，然而，每一內容項目之額外深度可輕易在模組1114處於該擴展狀態及/或捲動狀態獲得。而且，當耦合一些具體實施例的水平捲動時，模組1114只受到想要提供內容的數量限制，其潛在地不受限。在一實施中，當到達所提供內容的結束時，包括或搜尋額外內容之選項係位於模組的右及/或左邊緣。

第十二圖係說明一相片模組1216處於不同狀態，其包括一縮回非捲動狀態1203、一縮回捲動狀態1205、一擴展非捲動狀態1207、一擴展捲動狀態1209、與一自訂狀態1211。該縮回狀態1203和1205係提供有關快速掃瞄潛在大資料集之簡圖或預覽影像。擴展狀態1207和1209係更詳細提供選定之相片，例如藉由對該影像之放大及/或藉由包括該影像之描述。捲動狀態1205和1209包括一水平捲動軸1221，以預覽及提供一小或大資訊量之內容。縮回捲動狀態1205包括按鈕供編輯1223及移除1225於模組1216中。擴展捲動狀態1209係進一步包括額外工具按鈕，以供自動播放、隱藏標題、及/或縮回內容及/或狀態。

在特定具體實施例中，當點擊1223編輯按鈕時，模組1216係轉移至自訂狀態1211。該轉移最佳能以在一定位置上的生動旋轉發生，使自訂狀態1211出現在模組1216的背面。一些自訂狀態1211具有一鮮明的顏色，例如綠色。自訂狀態1211允許在相片模組1216中進行該內容的來源與顯示偏好的調整。最佳地係，模組1216的自訂是在模組及其他模組的頁面上執行，以致於可維持該頁面佈局，且毋須外部工具及/或導覽。相片模組1216係從一外部網站(例如flickr.com)獲得內容，且在此圖中，更明確地係組態成接收Stoneth的相片流。然而，熟諳此項技術人士應該明白有關照相及其他內容的許多相片流及/或外部網站。

第十三圖係說明一電影模組1320處於數個狀態。該狀態包括一縮回非捲動狀態1303、一縮回捲動狀態1305、一擴展非捲動狀態1307、一擴展捲動狀態1309、與一自訂狀態1311。如上述，縮回捲動狀態1305係顯示額外內容及/或工具。在此圖中，縮回捲動狀態1305係顯示一按鈕1329以供執行一搜尋想要的內容。當點擊時，一搜尋條1331會出現，以識別及提供想要的內容、與按鈕1329轉移，以允許隱藏搜尋條1331。如在圖中顯示，搜尋條1331包括依年份及/或月份的組織、與一用於輸入搜尋條件及/或其他準則之欄位。

擴展狀態1307和1309最佳係從選定的電影、及/或電影的描述顯示一預覽影像。或者，擴展狀態1307和1309從該電影顯示的一簡要懸疑廣告或預告片。不管該特定類型與內容的格式，內容的提供及/或每一模組的執行最佳係不影響在模組頁面上的其他模組。自訂狀態1311讓該使用者可調整電影模組1320的來源及/或顯示偏好。

一些具體實施例係基於一特定模組及/或該使用者與該模組的互動，以使廣告模組針對一使用者。或者，特定廣告係基於有關該使用者的資訊以針對一使用者。例如，一些具體實施例係基於該使用者與電影模組1320的互動，以使廣告模組針對一使用者。在這些具體實施例中，當一使用者喜好一部電影時，一廣告模組可有利地傳遞給該使用者。一喜好的指示符之範例係當該使用者擴展關於電影(例如Nacho Libre)的模組。熟諳此項技術人士應可明白喜好之額外指示符。

因此，第十四圖係說明關於電影Nacho Libre之廣告模組1406處於不同狀態。在告示條狀態1401中，提供讓該使用者獲得更詳細資訊。點擊告示條1401提供該使用者一縮回非捲動狀態1403，以提供更多資訊給該使用者。若該使用者仍然進一步有興趣於目前內容，則模組1406可藉由將游標定位在模組1406上以轉移至縮回捲動狀態1405。如上述，該捲動狀態可顯示額外內容及/或工具，例如一捲動軸1421。上面亦描述藉由使用水平捲動可有利地提供大量資訊。例如，一些具體實施例包括影像預覽、前導預告片剪輯、及/或其他資訊，以引誘或滿足該使用者的興趣。

而且，藉由在縮回狀態1405選擇及/或點擊內容的項目，本發明之具體實施例最佳係切換至一擴展狀態1407和1409以提供甚至進一步資訊給該使用者。最佳地係，廣告模組1406可由該使用者暫時移除及/或隱藏，但是相反地不能由該使用者修改。

第十五圖係說明一新聞模組1524處於一縮回非捲動狀態1503、一縮回捲動狀態1505、與一自訂狀態1511。習知上，新聞網站不能自訂。然而，特定具體實施例係重定來自一或多個新聞來源的目標內容，並啟用該使用者的自訂特徵。因此，當一使用者點擊編輯按鈕1523時，提供該使用者自訂狀態1511。在自訂狀態1511中，允許該使用者從多種新聞饋送選擇，包括全球、區域、科技及其他新聞饋送。而且，提供該使用者有多種工具以調整所選定新聞饋送之顯示偏好。

第十六圖係說明一每日一句模組1604處於不同狀態，包括一縮回非捲動狀態1603、一縮回捲動狀態1605、一擴展捲動狀態1609、與自訂狀態1611和1613。當該選句過於冗長時，該冗長選句之一部分最佳係處於縮回狀態1603和1605顯示。然後，當使用者表示想要檢視該全部選句時，模組1604轉移至一擴展狀態1609，以顯示該全部選句。此外，捲動狀態1605和1609提供工具按鈕，例如編輯按鈕1623以供自訂該模組、移除按鈕1625以供移除該模組、及搜尋按鈕1627以供搜尋特定內容、及一捲動軸1621導覽工具以供檢視額外內容。當點擊尋找按鈕1627時，一搜尋條1631會出現。在說明的實施中，搜尋條1631係以年度與月份構成，且包括用於一輸入搜尋準則之欄位。編輯按鈕1623係將模組1604轉移至自訂模式1611和1613，其中一使用者係指定來源及/或顯示偏好。

第十七圖係說明一具有針對性廣告之文字廣告模組1730處於一縮回非捲動狀態1703與一縮回捲動狀態1705。如此圖所示，捲動狀態1705係進一步提供使用者具有一捲動軸1721、一編輯按鈕1723、與一移除按鈕1725。在說明的具體實施例中，模組1730建議該使用者可能具有興趣的廣告形式內容。一些具體實施例係以非強迫及建議方式對該使用者進行銷售，所以該使用者不負擔及/或拒絕。

第十八圖係說明一股市模組1810處於一縮回非捲動狀態1803、一縮回捲動狀態1805、與組態狀態1811和1813。股市模組1810係周期性實質提供股市、價格與更新。模組1810提供任何股市數量的資訊，毋須導覽至額外頁面。捲動狀態1805的編輯按鈕1823係喚醒自訂狀態1811。自訂狀態1811係用於編輯模組1810之來源與顯示偏好，例如所提供之股市與更新率。如在狀態1813顯示，當將新的股市加入模組1810時，一些具體實施例有助於該使用者發現股市交易符號。

第十九圖係說明一歡迎度類型模組1918處於不同狀態，包括一縮回非捲動狀態1903、一縮回捲動狀態1905、一擴展非捲動狀態1907、一擴展捲動狀態1909、與自訂狀態1911和1913。如上述，每一狀態係基於使用者行為及/或興趣以轉移至下一狀態。在說明的具體實施例中，歡迎度模組1918係基於歡迎度或使用者興趣分數以提供新聞項目。例如，縮回狀態1903和1905係提供簡圖，而擴展狀態1907和1909係提供詳細的影像及/或標題。自訂狀態1911係在捲動狀態1905和1909中藉由使用一工具按鈕而作用。在自訂狀態1911中，一使用者係指定來源及/或顯示的偏好。自訂狀態1913係表示一具體實施例的來源包括編輯精選、最常見的、點擊率最高、最多電子郵件發送、頭條新聞、伊拉克、娛樂、運動、生活類型、政治、商業、技術、科學、健康、軼聞、及/或AFP精選相片。熟諳此項技術者可基於一評分系統以確認內容的額外來源、及/或替代項目。

標題

第二十圖係說明根據一實施之標題模組2002。如此圖所示，標題2002具有一縮回狀態2003、一縮回滑過狀態2005、一擴展狀態2009與一自訂狀態2011。

縮回狀態2003有利地係具有一細顯示足跡及省略資訊，例如省略內容、提示、按鈕、下滑、及/或其他導覽工具。最佳地係，某些額外內容及/或工具係以捲動狀態顯示。如上所述，當該指向手符號所代表之游標置放在一非捲動狀態時，可達成捲動狀態2005。在縮回捲動狀態2005中，額外資訊係提供給該使用者，例如模組2002之圖片、與編輯標題模組2002之選項。

當點擊時，編輯按鈕2023開啟標題2002之自訂模式。在一實施中，一下拉式選單係提供多種範本及/或圖片，以供該使用者選擇。該下拉式選單包括一捲動軸2001，以供該水平存取額外的範本。在此圖中，該範本在此時係例如依選定標題的月份與年度加以組織構成。然而，熟諳此項技術人士可認知替代的組織方案，例如依提交或建立的月份與年度。擴展狀態2009係額外詳細地顯示例如圖片的內容。在說明的狀態2009中，模組2002與影像內容係以較大格式顯示。

一些具體實施例係為新的使用者及/或未選擇特定標題之使用者提供一預設標題。例如，這些具體實施例之一些者係當作該預設使用，最受歡迎的標題係來自當前月份與年度之社群。對照於將該使用者限制於特定品牌廣告的刻板標題之習知的頁面，一些具體實施例允許更多有關該使用者之更多可自訂標題。在這些具體實施例之一些者中，該使用者可藉由使用一提交按鈕2027，以提交新的及/或原始範本與圖片。或者，提交按鈕2027係以一訊息形式顯示額外內容給該使用者。提交的標題係儲存在下拉式選單，以供該使用者及其他使用者使用。一些標題係以特定方式加以排序及/或儲存，例如藉由評估、或票選系統，如下面進一步描述。

資訊走廊

特定具體實施例包括在一資訊走廊模組2126中的額外模組。資訊走廊模組2126係儲存一使用者可選擇的不同類型模組或範本，以包括或新增至該頁面。在資訊走廊2126中的模組範本係由一主機提供，以供該可自訂的網頁，例如Yahoo Inc.。或者，模組範本可由在資訊走廊2126中包括的社群以提交及/或調查。例如，更具美感及/或相關的模組最佳係接收在資訊走廊模組2126中的最多宣傳。一些實施係使用一評估系統。而且，開發者與設計者可透過資訊走廊模組2126以彼此定位。例如，對魔獸世界(World of Warcraft)遊戲有興趣的這些使用者可建立與其他玩家進行對話之聊天模組，並提交該模組給資訊走廊模組2126。此一社群為主之系統係考慮關於如在上面第二十圖所述之標題及該標題選單之圖片。

新增模組

第二十二圖說明新增模組的多種方法。如圖所示，在此圖中，標題2202最佳係包括一按鈕，以供將一模組加入一頁面。當點擊該新增模組按鈕時，資訊走廊模組2226會出現，以讓該使用者從在該資訊走廊中儲存的多種模組範本選取一模組。資訊走廊模組2226能以多種有利方式出現，例如藉由下拉式。或者，該使用者轉移至在該頁面中的資訊走廊。當該使用者從資訊走廊2226選擇一模組範本時，在該頁面中的模組最佳係向下滑動以騰出空間供該新增模組，其會以不同方式出現在該頁面上的新建立空間。在一特定實施中，該使用者點擊在資訊走廊2226中的想要模組範本、及/或拖曳想要之範本以拖曳離開資訊走廊2226。在此實施中，新增加的模組係藉由預設一自訂狀態2211以出現在想要的位置。

第二十三圖係說明新增模組之替代方法。如此圖所示，該游標係接近該頁面之註腳2328，且該使用者直接輸入資訊走廊模組2326，以基於在資訊走廊2326中儲存的範本，將一模組加入該頁面。在此具體實施例中，在該頁面中的模組係向上滑動以提供新的模組空間，其最佳係出現在資訊走廊模組2326的上面，及處於準備供使用者自訂狀態2311。

額外模組與狀態

如上所述，熟諳此項技術人士可明白多種有利模組實施與特徵。特別地係，廣告及其他模組包括用於增加及/或減少提供該內容及/或工具給該使用者的四個狀態。這四個狀態包括有關一縮回狀態與一擴展狀態之每一者的捲動及非捲動狀態。而且，一些具體實施例包括用於改善可用性及自訂之兩額外狀態。該告示條狀態能以一節省空間與小到不引人注意之方式，以進一步提供內容及/或額外內容的選項。該暫時性隱藏或移除狀態同樣允許自訂與小到不引人注意。這些及額外特徵係參考第七圖至第八圖、第十三圖至第十四圖、與第十五圖的廣告實施加以討論。一些具體實施例包括作為一模組的部分、或作為一個別搜尋模組之搜尋特徵。這些具體實施例的搜尋特徵係選擇性包括一自動完成功能，及有利地提供結果網頁及/或模擬該使用者與在該頁面上的不同內容及不同模組進行互動。此及其他特徵可不同地提供，毋須額外導覽或視窗切換。此外，該搜尋特徵最佳係提供一組贊助商結果，其係以相關內容及/或廣告之規範以選擇性實施。

如上所述，額外模組係在替代具體實施例中實施。例如，基於新奇事務，「我的最新」模組包括從多種來源編譯的內容，而回答及/或資訊模組包括與該使用者有關的問題之統計及/或最近張貼的回答。或者，一交通模組係以使用者自訂的交通條件形式以提供資訊，例如該使用者的住家至辦公室之交通，且反之亦然。同樣地，一天氣模組係提供一自訂的使用者界面，其包括含有在該模組中的地圖、聲音、視訊、圖表、表格及其他資訊的多種媒體。本發明之具體實施例包括從夥伴網站位置取回的內容(例如eBay Inc.公司提供的查看項目)、TiVo Inc.公司提供的桌面項目或排程、或傳送及/或接收資訊之簡訊服務(SMS,“Short Message Service”)模組。

一些具體實施例係強調一宗教性態樣。例如，一占星術模組係提供關於與占星標記有關的事件與預測之週期性資訊，並亦提供在該模組的使用者之中貢獻與分享。額外模組可由熟諳此項技術人士所辨識。而且，儘管內容與模組的數量與變化，該等模組在一單一自我更新頁面上提供一易於明白的格式，毋須額外外部導覽。

額外模組可能性包括一地圖模組、一即時通訊模組、與一電子郵件模組。在每一模組中，內容偏好係由該使用者指定。同時，內容係基於使用者行為及/或型式以推播內容。

第二十四圖係說明使用一些具體實施例的模組之處理2400。如在圖所示，處理2400係從步驟2410開始，一瀏覽器係用來連接至一伺服器。一些具體實施例係檢查特定組件，例如一或多個Cookie、Plugin、控制、及/或播放器。例如，一些具體實施例會檢查Macromedia Inc.公司所提供之Flash播放器軟體。特定實施係進一步註冊一識別以連接伺服器之使用者及/或機器。該識別包括例如一使用者登入及/或一Cookie。

然後，在步驟2420，一或多個預設模組係提供給一新使用者。該等預設模組基本上為一主題的部分。該主題係以多種方法選擇性選取，例如藉由使用該使用者的個人資料、藉由使用者任意選擇、及/或另一方法。或者，若確認該使用者及/或該機器，且先前已儲存的模組，則儲存之模組會被取回，及提供給使用者的瀏覽器。在步驟2420提供該等模組之後，處理2400轉移至步驟2430，以自訂在步驟2420提供的模組。在一些具體實施例中，該等模組係藉由使用上述編輯功能予以自訂。新的或非熟練的使用者可先行重要或任何自訂，並開始一或多個預設值設定及/或預設模組。

在零之後，一或多個模組及/或主題在係步驟2430自訂，處理2440轉移至步驟2400以提供儲存選擇。若應該儲存該等自訂，則處理2400轉移至步驟2450，將該等變更寫入一儲存位置。一些具體實施例將該自訂儲存成一使用者個人資料的一部分。該個人資料係藉由使用唯一的識別碼(例如一登入ID)或藉由使用在一特定機器上的用於瀏覽器應用程式之Cookie加以識別。因此，當該使用者或機器登入時，儲存的自訂會從提示予以取回。在步驟2440之後，處理2400轉移至步驟2460。

若自訂應該不在步驟2450儲存，然後處理2406轉移至步驟2460，該等模組執行多種預先定義的功能。若該等模組自訂，一些執行係基於該自訂。

例如，新聞模組基本上係請求來自一或多個RSSFeed的回應。社會性網路書籤模組可執行Javascript物件圖示法(JSON)，例如，與專屬於此網路書籤的外部網站形成介面，例如de.licio.us。相片模組最佳係藉由使用REST API而與有關照片的外部網站形成介面。網站flickr.com為此一外部相片網址的範例。額外模組(例如電影模組及/或即時訊息模組)可選擇性使用另一API及/或協定以獲得及/或更新這些各種不同模組的內容。

不管該特定模組及/或執行，在步驟2470，處理2400決定是否編輯預設及/或自訂模組。例如，本發明之具體實施例係變更一或多個模組之參數。該編輯基本上係回應一使用者請求、或一系統請求。若編輯應該在步驟2470發生，則處理2400會返回步驟2430。否則，處理2400結束。

第二十五圖係說明一重組處理2500。重組處理2500係選擇性用來重組在一頁面中的一或多個模組，例如第十圖所述之重組。如此圖所示，重組處理2500是在步驟2510開始，其中一游標係定位或捲動一頁面模組中的一模組。最佳地係，在步驟2510，一或多個按鈕係顯示用於編輯、增加、移除、及/或重組該頁面。然後，步驟2510轉移至步驟2520進行編輯及/或自訂之選擇。在步驟2530，一旦選擇要編輯，該頁面會放大以顯示整頁面檢視。從該完整頁面檢視，可選擇及/或重組一或多個模組。在一些具體實施例中，重組係藉由使用游標拖曳放下操作執行。此外，一些具體實施例係以說明每一模組移動之可能方向之小圖示形式以提供視覺提示。在步驟2550，決定處理2500是否應該繼續於例如一頁面的多個模組。在步驟2550，若處理2500應該繼續，則處理2500會返回步驟2540。否則，重組處理2500結束。

第二十六圖係說明透過一網路以提供內容給使用者之系統2600，包括使用者可自訂的模組。如圖所示，在此圖中，系統2600包括複數個使用者2602和2604與一網路2606互動。該網路包括區域網路、廣域網路、與例如網際網路之網路。網路2606基本上包括數個網址，其包含具有內容的許多網頁。一或多個特定網頁包括如上述的模組。該等模組係可提供內容給使用者2602和2604。因此，網路2606係耦合至一示例性網址或頁面2608，其包括數個示例性模組2610、2612和2614。如虛線所示，頁面2608包括可變的模組數量，且熟諳此項技術人士應該明白模組2610、2612、和2614僅在數字具示例性。網址3608係耦合至一伺服器2616，以提供組態、儲存、取回、資料收集及/或處理。伺服器2616是從多種來源接收資料，包括直接從使用者2602和2604、從網路2606、從網址或頁面2608、及/或來自另一來源2607。基本上，頁面2608與伺服器2616係由下列一或多個所提供：一訊息發佈者、一網路入口網站及/或一網際網路入口。此外，當使用者2602和2604與網路2606、和頁面2608互動時，選擇及/或組態用於頁面2608的模組之內容係提供給使用者2602和2604。

優點

作為一使用者界面，本發明之具體實施例包括一具有技術優勢的個人化首頁。來自一或多個位置的一些實施重新包裝內容與資料類型(包括外部網站)以建立高度相關與品質具有真正有用的自訂與內容、選項的預設經驗。例如，該使用者界面的實施係提供技術上的數個功能性。一此功能性包括可自訂的模組，而另一功能性包括在一模組中的水平捲動。而且，可調整垂直及/或水平捲動之長度，且因此，在提供內容時，可輕易及/或自動地自訂及更新。

作為一系統層次之實施，本發明之具體實施例係如同愛好者的流量驅動操作，不能使用一入口網站及/或在其中疊層的特定內容。這些具體實施例係作為產品知名度之媒介，毋須公然大量的說明與銷售技巧。如此，一內容提供者及/或一入口網站的使用者所消費之產品數量會增加。

本發明之具體實施例具有其他之外的設計與技術之有利特徵。對於上述一些內容而言，這類使用者傾向使用個別網站，例如社會性內容、社會性網路書籤、及/或相片網站之使用者；或更明確地係，dig.com、del.icio.us、及/或flickr.com之使用者。一些具體實施例包括一用於一群使用者之首頁，其係最時常造訪以獲得高度相關及/或更新之內容。這些具體實施例係有利地使用聚合及編輯之預設內容加以設計。該預設內容時常足夠好，毋須加工自訂。因此，一些具體實施例的內容包括在一使用者互動連線期間，任何時刻皆適當之項目，特別地係當該使用者或一群使用者開啟一瀏覽器。一些具體實施例係將愛好者加以區隔，以提供更針對性內容與互動模型、以及適當之廣告商。

藉由在一些引人注目使用者界面模組中，經由RSS和API予以重定目標及/或重新包裝現有內容，本發明之具體實施例係顯露內容給不知道此有趣內容的使用者。最佳地係，使這些使用者進入該等使用者未經歷的網站的新部分。而且，一些具體實施例的使用者界面讓使用者經歷一網際網路入口網站，例如Yahoo Inc.提供的入口網站，作為在該使用者更舒服環境中的內容來源，毋須外部導覽。而且，多種內容類型與數量係在一單一簡單與直覺使用者界面中傳遞給該使用者。

習知的系統不需要使用者關閉及移動一使用者界面的一些部分。為了要計數傳統線上廣告模型的限制，具體實施例在高度可自訂與使用者親和性頁面上係使用一或多個下列貨幣化手段。

除了廣告業、針對性、及銷售實施之外，一些實施係藉由使用取名為「Things We Like」的特定模組以執行產品宣傳，其最佳係包含酷炫、有趣、及/或設計導向產品。這些產品最佳係例如透過Yahoo Shopping的入口網站獲得。因此，點擊此模組所提供的產品係透過Yahoo Shopping以傳遞給該使用者，及夾帶一選購參考。

一些實施包括為特定廣告商所開發的自定廣告、工具、及/或模組，其具有關於展示櫥櫃的內容。例如，一汽車製造商(例如Audi)係選擇此模組實施提供一設計處理。如另一範例所示，一電影工作室係藉由使用一CGI處理以自訂一模組。該自訂模組係關於即將放映的特定電影。有利地係，新模組係基於一現有的模組範本以建立展示櫥櫃內容，例如Flickr相片模組範本、或完全新的模組，其係類似於該焦點結構，如另一範例的內容。

一些實施包括用於開發及/或自訂一模組及/或範本的工具。例如，一廣告商擁有適於以一模組格式提供給一使用者的產品資訊或服務。因此，一些具體實施例包括發展贊助商模組的工具。例如，一Netflix電影模組係有利地包含新發行的電影資訊與預告片。第十三圖說明一Netflix模組1320之範例。

社群

一些具體實施例係促進一社群態樣。例如，新模組與模組類型之包含係具選擇性社群驅動。在這些具體實施例中，使用者產生模組及提交產生的模組給該社群。只有這些包括社群之核准或票選之模組係加入可用模組之該資訊走廊。藉由使用此評估、票選、或其他社群導向系統，一些具體實施例之標題係可同樣被包括。特定實施之焦點模組為一社群導向方式的另一範例。

雖然本發明已參考許多特定細節描述，但是熟諳此項技術人士應可明白本發明能以其他特定形式具體實施，不致背離本發明的精神。例如，上面提供的範例有關新聞、相片、電影、及/或線上媒體，然而，額外及/多個媒體類型亦考慮。因此，熟諳此項技術人士應可瞭解本發明並未受到前面說明細節的限制，而是藉由文後申請專利範圍加以定義。

100．．．頁面

102．．．標題模組

104．．．每日一句模組

106．．．相片模組

110．．．股市模組

112．．．社會性內容模組

114．．．焦點型模組

116．．．廣告模組

118．．．歡迎度類型模組

120．．．電影模組

124．．．新聞模組

126．．．資訊走廊模組

128．．．註腳

200．．．頁面

206．．．廣告模組

216．．．相片模組

220．．．電影模組

222．．．自訂狀態

224．．．新聞模組

300．．．頁面

322．．．自訂狀態

400．．．頁面

404．．．每日一句模組

410．．．股市模組

412．．．社會性網路書籤模組

414．．．焦點型模組

416．．．相片模組

418．．．歡迎度模組

424．．．新聞模組

428．．．註腳

500．．．頁面

502．．．標題

504．．．每日一句模組

510．．．股市模組

512．．．社會性內容模組

514．．．焦點型模組

516．．．相片模組

518．．．歡迎度類型模組

524．．．新聞模組

528．．．註腳

600．．．頁面

602．．．標題模組

616．．．相片模組

630．．．廣告及/或針對性模組

801．．．條狀態

806．．．廣告模組

809．．．擴展狀態

903．．．非捲動狀態

905．．．縮回捲動狀態

907．．．擴展非捲動狀態

909．．．擴展捲動狀態

912．．．社會性內容模組

921．．．水平捲動軸

923．．．編輯按鈕

927．．．按鈕

1002．．．標題

1004．．．每日一句模組

1006．．．模組

1008．．．模組

1010．．．模組

1012．．．模組

1016．．．模組

1018．．．模組

1024．．．模組

1028．．．註腳

1114．．．焦點型模組

1203．．．縮回非捲動狀態

1205．．．縮回捲動狀態

1207．．．擴展非捲動狀態

1209．．．擴展捲動狀態

1211．．．自訂狀態

1216．．．模組

1221．．．水平捲動軸

1223．．．編輯按鈕

1225．．．移除

1303．．．縮回非捲動狀態

1305．．．縮回捲動狀態

1307．．．擴展非捲動狀態

1309．．．擴展捲動狀態

1311．．．自訂狀態

1320．．．電影模組

1329．．．按鈕

1331．．．搜尋條

1401．．．告示條狀態

1403．．．縮回非捲動狀態

1405．．．縮回捲動狀態

1406．．．廣告模組

1407．．．擴展狀態

1409．．．擴展狀態

1503．．．縮回非捲動狀態

1505．．．縮回捲動狀態

1511．．．自訂狀態

1523．．．編輯按鈕

1524．．．新聞模組

1603．．．縮回非捲動狀態

1604．．．模組

1605．．．縮回捲動狀態

1609．．．縮回捲動狀態

1611．．．自訂狀態

1613．．．自訂狀態

1621．．．捲動軸

1623．．．編輯按鈕

1625．．．移除

1627．．．搜尋按鈕

1631．．．搜尋條

1703．．．縮回非捲動狀態

1705．．．縮回捲動狀態

1721．．．捲動軸

1723．．．編輯按鈕

1725．．．移除按鈕

1730．．．文字廣告模組

1803．．．縮回非捲動狀態

1805．．．縮回捲動狀態

1810．．．股市模組

1811．．．組態狀態

1813．．．組態狀態

1823．．．編輯按鈕

1903．．．縮回非捲動狀態

1905．．．縮回捲動狀態

1907．．．擴展非捲動狀態

1908．．．擴展捲動狀態

1909．．．擴展捲動狀態

1911．．．組態狀態

1911．．．自訂狀態

1913．．．自訂狀態

1918．．．歡迎度模組

2002．．．標題模組

2003．．．縮回狀態

2005．．．縮回滑過狀態

2009．．．擴展狀態

2011．．．自訂狀態

2023．．．編輯按鈕

2126．．．資訊走廊模組

2202．．．標題

2211．．．自訂狀態

2226．．．資訊走廊模組

2311．．．狀態

2326．．．資訊走廊模組

2328．．．註腳

2600．．．系統

2602．．．使用者

2604．．．使用者

2606．．．網路

2607．．．來源

2608．．．網站或頁面

2610．．．模組

2612．．．模組

2614．．．模組

2616．．．伺服器

本發明的新特徵是在文後申請專利範圍提出。然而，為了說明目的，在下列圖式中提出了本發明的數個具體實施例。

第一圖係說明根據本發明之一些具體實施例的一頁面與數個模組。

第二圖係說明一展開模組的頁面。

第三圖係進一步詳述自訂。

第四圖係說明重組的模組。

第五圖係說明移除的模組。

第六圖係說明一新增的模組。

第七圖係說明一告示條。

第八圖係說明一廣告模組。

第九A圖係說明一社會性內容模組處於縮回非捲動及捲動狀態。

第九B圖係說明一社會性內容模組處於擴展非捲動及捲動狀態。

第九C圖係說明一社會性內容模組處於自訂狀態。

第十圖係說明模組的重組。

第十一圖係說明一焦點型模組。

第十二圖係說明一相片模組。

第十三圖係說明一電影模組。

第十四圖係說明有關一電影的廣告模組。

第十五圖係說明一新聞模組。

第十六圖係說明一每日一句模組。

第十七圖係說明一針對性廣告之廣告模組。

第十八圖係說明一股市模組。

第十九圖係說明一歡迎度類型模組。

第二十圖係說明一標題模組。

第二十一圖係說明一資訊走廊模組。

第二十二圖係說明從該標題新增一模組。

第二十三圖係說明從該註腳新增一模組。

第二十四圖係說明程根據本發明的具體實施之處理。

第二十五圖係說明根據一些具體實施例之重組處理。

第二十六圖係說明根據一些具體實施例之系統。