專利名稱:改進(jìn)的瀏覽器用戶界面的制作方法
改進(jìn)的瀏覽器用戶界面
本發(fā)明專利申請是國際申請?zhí)枮镻CT/US2003/028888,國際申請日為2003年 9月12日,進(jìn)入中國國家階段的申請?zhí)枮?3824341. 5,名稱為"改進(jìn)的瀏覽器用 戶界面"的發(fā)明專利申請的分案申請。
相關(guān)申請的對照
本申請要求2002年9月13日提交的共同待批的美國臨時(shí)專利申請 No. 60/410510的優(yōu)先權(quán),其標(biāo)題為"瀏覽器用戶界面(Browser User Interface)", 以及2003年9月4日提交的美國專利申請No. 10/656846,其結(jié)合在此作為參考。
發(fā)明內(nèi)容
本發(fā)明一般涉及用戶界面,尤其涉及用于瀏覽網(wǎng)絡(luò)上提供的瀏覽頁面的瀏覽 器界面。
背景技術(shù):
因特網(wǎng)和其它網(wǎng)絡(luò)互連計(jì)算機(jī)和計(jì)算裝置以允許經(jīng)網(wǎng)絡(luò)連接方便數(shù)據(jù)傳輸。 通常,計(jì)算機(jī)和計(jì)算裝置利用客戶機(jī)一服務(wù)器模式組織,其中網(wǎng)絡(luò)連接建立于用作 服務(wù)器的某些計(jì)算機(jī)或計(jì)算裝置和用作客戶機(jī)的某些計(jì)算機(jī)或計(jì)算裝置之間。當(dāng) 然,某些計(jì)算機(jī)或計(jì)算裝置也可用作服務(wù)器和客戶機(jī)。
服務(wù)器的一個(gè)實(shí)例的Web服務(wù)器而客戶機(jī)的實(shí)例是Web客戶機(jī),諸如運(yùn)行Web 瀏覽器程序的個(gè)人計(jì)算機(jī)。已開發(fā)了許多不同的Web客戶機(jī)且正有規(guī)律地開發(fā)Web 客戶機(jī)的變型。僅作為實(shí)例,Web客戶機(jī)可嵌于具有嵌入式Web客戶機(jī)功能的桌面 計(jì)算機(jī)、膝上計(jì)算機(jī)、手持設(shè)備、移動電話、無線設(shè)備、電子設(shè)備等等。通常,所 需要的是一些用戶界面和網(wǎng)絡(luò)界面。 、
在某些實(shí)例中,用戶界面是針對程序用戶的界面,但更典型地,用戶界面是 可由用戶利用的界面。Web客戶機(jī)根據(jù)該界面操作以利用公知的協(xié)議或以后開發(fā)的協(xié)議將請求發(fā)送到Web服務(wù)器。響應(yīng)于接收到的請求,Web服務(wù)器返回?cái)?shù)據(jù)響應(yīng)。 在Web客戶機(jī)一服務(wù)器相互作用的典型描述中,假定使用HTTP協(xié)議,其中Web客 戶機(jī)發(fā)出請求中的URL表示的頁面的針對特定Web服務(wù)器地址的請求且響應(yīng)于該特 定Web服務(wù)器地址的服務(wù)器用作為要顯示的頁面或其它數(shù)據(jù)組的數(shù)據(jù)進(jìn)行響應(yīng)。通 常,不管被請求和返回的實(shí)際數(shù)據(jù),所返回的數(shù)據(jù)被稱作Web網(wǎng)頁。
能將用戶界面中的所有或部分Web網(wǎng)頁呈現(xiàn)給用戶并能接收用戶輸入(其中 至少某些用戶輸入能使得Web客戶機(jī)呈現(xiàn)進(jìn)一步的Web網(wǎng)頁)的Web客戶機(jī)可以被 稱作為"Web瀏覽器",因?yàn)橛脩舻脑赪eb網(wǎng)頁中導(dǎo)航的共同使用一般被認(rèn)為是參 考其它頁面的頁面"Web網(wǎng)"的一部分。
Web瀏覽器是已知的和常用的,并且常提供除呈現(xiàn)Web網(wǎng)頁和接收與呈現(xiàn)的 Web網(wǎng)頁有關(guān)的用戶輸入之外的功能。例如,Web網(wǎng)頁可包括在接收到包含這種程 序元件的Web頁面時(shí)由Web瀏覽器執(zhí)行的程序元件。這種程序元件的一個(gè)實(shí)例是 JAVA"程序。
Web頁面還可包括使得Web服務(wù)器動作的程序元件。例如,Web服務(wù)器可提供 門戶服務(wù),其中Web服務(wù)器從各種源采集信息并根據(jù)請求生成用于Web客戶機(jī)的門 戶頁面。這種門戶頁面的實(shí)例是Yahoo!主頁面(www, yahoo, com)以及由My Yahoo!
(my.yahoo.com)提供的個(gè)性化頁面。后者提供用于要傳遞到Web客戶機(jī)的頁面, 它根據(jù)服務(wù)器處存儲的用戶偏好而被定制。
定制的Web網(wǎng)頁和變化的版面常提供豐富的用戶體驗(yàn),但如果信息呈現(xiàn)需要 從Web網(wǎng)頁移動到Web網(wǎng)頁,則出現(xiàn)網(wǎng)絡(luò)延遲時(shí)這種體驗(yàn)就不好了,因?yàn)橛脩粜璧?待頁面到達(dá)和刷新。如果用戶必須從頁面移動到頁面以便看到所需的信息,則這種 體驗(yàn)還會是令人迷惑的。雖然網(wǎng)絡(luò)延遲可能出現(xiàn)并常超出Web服務(wù)器管理員的控 制,但用戶通常將由于網(wǎng)絡(luò)延遲造成的負(fù)面體驗(yàn)同Web服務(wù)器管理員提供的服務(wù)聯(lián) 系在一起。因此,期望減輕由網(wǎng)絡(luò)延遲引起的察覺到的延遲。
發(fā)明內(nèi)容
在客戶機(jī)一服務(wù)器系統(tǒng)中,客戶機(jī)系統(tǒng)呈現(xiàn)瀏覽器用于與服務(wù)器數(shù)據(jù)或資源 的用戶交互作用,瀏覽器用戶界面包括功能,以便在網(wǎng)絡(luò)上從服務(wù)器請求頁面并處 理接收到的頁面用于呈現(xiàn)給瀏覽器用戶,瀏覽器用戶界面包括圖形顯示器,用戶輸入裝置和用于與接收頁面有關(guān)的瀏覽器接收到的動態(tài)界面元素的存儲器,其中動態(tài) 界面元素能呈現(xiàn)為瀏覽器用戶界面的一部分并響應(yīng)于所選的用戶輸入被修改而不 需要與服務(wù)器的進(jìn)一步交互作用。除了諸如滑動單的動態(tài)界面元素或代替之,瀏覽 器用戶界面還可包括旋轉(zhuǎn)顯示區(qū)域,可不透明或半透明地覆蓋頁面的工具顯示,菜 單結(jié)構(gòu),以及使用戶修改頁面布局而不需要服務(wù)器交互作用的能力。
旋轉(zhuǎn)顯示區(qū)域可包括用于頁面顯示的某些或全部顯示區(qū)域,且瀏覽器進(jìn)一步 包括多個(gè)旋轉(zhuǎn)顯示項(xiàng)目的存儲,用于存儲每個(gè)旋轉(zhuǎn)顯示項(xiàng)目的概要和主要呈現(xiàn),用 于在旋轉(zhuǎn)顯示區(qū)域中通過瀏覽器顯示較少的全部多個(gè)旋轉(zhuǎn)顯示項(xiàng)目的主要呈現(xiàn)的 邏輯,用于通過瀏覽器顯示項(xiàng)目概要的邏輯,其中概要數(shù)量大于一次同時(shí)呈現(xiàn)的主 要呈現(xiàn)的數(shù)量,用于在所顯示的概要中高亮與旋轉(zhuǎn)顯示區(qū)域中形式的主要呈現(xiàn)相對
應(yīng)的一些概要的邏輯;以及用于旋轉(zhuǎn)多個(gè)旋轉(zhuǎn)顯示項(xiàng)目以顯示旋轉(zhuǎn)顯示項(xiàng)目的不同 子集的主要呈現(xiàn)并用于更新概要的高亮以對應(yīng)于旋轉(zhuǎn)顯示項(xiàng)目的不同子集的邏輯。 通過以下詳細(xì)描述和較佳實(shí)施例,本發(fā)明的其它特點(diǎn)和優(yōu)點(diǎn)將變得顯而易見。
附圖概述
圖1是根據(jù)本發(fā)明實(shí)施例的計(jì)算機(jī)系統(tǒng)的框圖。
圖2是可用圖1的計(jì)算機(jī)系統(tǒng)進(jìn)行的客戶機(jī)一服務(wù)器交互作用的趨勢圖。 圖3是高級搜索滑動單的示圖。
圖4是動態(tài)項(xiàng)目和概要顯示的示圖,可用于示出新標(biāo)題和文本。。
圖5是工具層的示圖。
圖6是使用層的導(dǎo)航的示圖。
圖7是具有工具的個(gè)性化頁面的示圖。
圖8是具有旋轉(zhuǎn)空間的推廣和/或信息工具層的示圖。
具體實(shí)施例方式
本發(fā)明具有許多應(yīng)用,這將在閱讀本揭示內(nèi)容后顯而易見。在描述根據(jù)本發(fā) 明的瀏覽器界面系統(tǒng)的實(shí)施例時(shí)中,僅描述一些可能的變型。其它應(yīng)用和變型將為 本領(lǐng)域的普通技術(shù)人員顯而易見,從而本發(fā)明不應(yīng)限制于這些實(shí)例,而是根據(jù)所附 的權(quán)利要求書?,F(xiàn)在將通過實(shí)例而非限制性地描述本發(fā)明的實(shí)施例。應(yīng)理解,本發(fā)明是廣泛 有用的并可用于許多不同環(huán)境中。
瀏覽器對話的實(shí)例是在用戶位置處的用戶操作用戶計(jì)算機(jī)來控制瀏覽器,其 通常是通用用戶計(jì)算機(jī)上運(yùn)行的軟件,也可以是其它裝置,諸如專用硬件瀏覽器或 便攜式裝置操作的固件。瀏覽器在網(wǎng)絡(luò)上發(fā)送頁面或部分頁面的請求并顯示接收到 的頁面或部分頁面。瀏覽器還可保持小段信息(cookies)、緩存頁、腳本、代碼 等的本地?cái)?shù)據(jù)存儲。通常,瀏覽器請求在網(wǎng)絡(luò)上直接傳到頁面服務(wù)器,諸如HTTP (超文本傳輸協(xié)議)服務(wù)器(也稱作"Web服務(wù)器",因?yàn)樘峁┑捻撁娉UJ(rèn)為是超 鏈接文檔的萬維網(wǎng)的一部分)。用戶可以是人或機(jī)器,但常是人用戶。
"頁面"可以是響應(yīng)于瀏覽器請求返回的常規(guī)HTML頁面,它可以是預(yù)存頁面 或響應(yīng)于請求生成的頁面。頁面可包含顯示部分,格式化部分和可執(zhí)行部分。如這 里所使用的,術(shù)語頁面可涉及HTML頁面、消息、數(shù)據(jù)塊、信息包或其它結(jié)構(gòu)化或 非結(jié)構(gòu)化的數(shù)據(jù)單元,它們可被認(rèn)為是頁面請求系統(tǒng)中的邏輯單元。
現(xiàn)在參考附圖,將描述實(shí)例性的瀏覽系統(tǒng)。
圖1是根據(jù)本發(fā)明實(shí)施例的系統(tǒng)100的框圖。使用系統(tǒng)100,用戶可操作客戶 機(jī)系統(tǒng)102,運(yùn)行一瀏覽器以發(fā)送頁面的請求104并從服務(wù)器108接收對這些請求 響應(yīng)106。響應(yīng)106通常是頁面,但在出錯(cuò)情況下,諸如當(dāng)頁面不存在、請求殘缺、 服務(wù)器不可得或請求用戶沒有訪問權(quán)限時(shí),響應(yīng)106可以是錯(cuò)誤消息或錯(cuò)誤頁面。
圖1僅示出一個(gè)客戶機(jī)和一個(gè)服務(wù)器,但應(yīng)理解,典型的系統(tǒng)可具有許多客 戶機(jī)和許多服務(wù)器。如圖所示,服務(wù)器108通過網(wǎng)絡(luò)110與客戶機(jī)系統(tǒng)102分開, 在這種情況中,網(wǎng)絡(luò)的全球互聯(lián)網(wǎng)絡(luò)稱作"因特網(wǎng)"。通過網(wǎng)絡(luò)110的客戶機(jī)一服 務(wù)器路徑的帶寬和響應(yīng)有時(shí)會縮減瀏覽體驗(yàn)。由于典型的瀏覽系統(tǒng)可快速處理必需 的計(jì)算任務(wù),網(wǎng)絡(luò)和/或服務(wù)器更典型地是瓶頸和減速的原因。但是,通過使用這 里描述的某些技術(shù),瀏覽系統(tǒng)可進(jìn)行請求且服務(wù)器可以具有一特點(diǎn)的頁面響應(yīng),該 特點(diǎn)可在即使面對網(wǎng)絡(luò)減速的情況下向用戶提供響應(yīng)。
圖2是說明客戶機(jī)(諸如用戶的瀏覽器)和服務(wù)器之間的動作和流程的趨勢 圖,其中每個(gè)通信都使用諸如HTTP和/或其擴(kuò)展的協(xié)議??蛻魴C(jī)或服務(wù)器執(zhí)行的步 驟可按順序標(biāo)記,以標(biāo)記"S1"、 "S2" 、 "S3"等示出。也可執(zhí)行未示出的其它 步驟且并非所有標(biāo)記的步驟必需要執(zhí)行。一旦用戶開始瀏覽器的實(shí)例(Sl),瀏覽器就可接納來自用戶的輸入。在該 實(shí)例中,用戶請求由URL (統(tǒng)一資源定位器)http:〃PLUS. yahoo, com/index, html 標(biāo)識的頁面且瀏覽器從用戶獲得該請求(S2)。瀏覽器可通過用戶鍵入該URL、在 書簽列表中選擇、點(diǎn)擊所顯示頁面的鏈接或其它方法而獲得請求。隨后,瀏覽器將 HTTP請求發(fā)送到用請求的URL的主要部分(即在該實(shí)例中的"PLUS.yahoo.com")
標(biāo)識的服務(wù)器。
一旦服務(wù)器接收到請求(S3 ),它檢索頁面(S4)并將其發(fā)送到請求瀏覽器(S5)。 頁面可包含HTML數(shù)據(jù),諸如頁面文本、格式等等,但也可包含動態(tài)元素。用于這 種動態(tài)元素的一個(gè)標(biāo)準(zhǔn)是DHTML (動態(tài)超文本標(biāo)記語言)標(biāo)準(zhǔn)。 一旦瀏覽器接收到 頁面(S6),則瀏覽器處理該頁面(S7)并將所選的層顯示給用戶(S8)。
隨著DHTML頁面的所選層被顯示,用戶隨后可選擇顯示器上的元素以引起一 動作??赏ㄟ^將光標(biāo)定位于一元素上來進(jìn)行某些選擇,同時(shí)其它選擇可包括指示選 擇,諸如通過當(dāng)光標(biāo)在元素上時(shí)按壓鼠標(biāo)按鍵。當(dāng)然,對于瀏覽器,顯示器上某處 光標(biāo)的偶然出現(xiàn)也可處理為定位選擇,從而即使如果用戶不改變光標(biāo)位置,也可進(jìn) 行通過定位光標(biāo)進(jìn)行的動作,如正常情況下預(yù)計(jì)理解為"選擇"的那樣。
但是選擇動作或事件被記錄,瀏覽器檢測或解釋用戶輸入(S9),隨后基于 所選元素的DHTML代碼對該選擇作出動作(S10)。以下描述頁面和元素的實(shí)例。 雖然DHTML已用于呈現(xiàn)內(nèi)容和定位內(nèi)容,以下示出的實(shí)例為工具提供層上的界面元 件(例如,按鈕,格式)和/或用于接口的層的使用。
圖3示出了具有動態(tài)界面元件的頁面300的一部分。頁面300傳遞到瀏覽器 作為一 DHTML頁面,其中該DHTML頁面中包含了界面所需的所有組件。這允許瀏覽 器響應(yīng)于用戶動作而不需要發(fā)送到服務(wù)器的其它請求,這可能會延遲響應(yīng)。如這里 所示的,通過用戶選擇"高級搜索"按鈕或僅將光標(biāo)滾動到該按鈕上而被激活時(shí), 用于高級搜索的"滑動單"301從搜索工具欄落下。
采用高級搜索滑動單,用戶可執(zhí)行高級搜索而不用看起來離開了正顯示的當(dāng) 前頁面,因?yàn)樗阉鞴ぞ邫诳勺鳛楫?dāng)前顯示頁面的一部分,其中打開滑動單僅干擾所 顯示頁面的一部分。
DHTML "高級搜索"鏈接可通過文本元素302或圖形元素標(biāo)識,可以提供相容 的可視語言來標(biāo)注這種動態(tài)鏈接。當(dāng)用戶未選擇高級搜索時(shí),滑動單保持隱藏,且當(dāng)被選擇時(shí),則表現(xiàn)為從工具欄后滑下?;瑒訂慰砂鞣N高級搜索選項(xiàng)元素。如 果高級選項(xiàng)需要被分成多個(gè)部分,則表格導(dǎo)航系統(tǒng)可用于滑動單內(nèi)。根據(jù)可用于滑 動單的顯示實(shí)際資產(chǎn)以及要顯示的元素?cái)?shù)量,滑動單還可包括滾動元素,以允許在 所分配的實(shí)際資產(chǎn)內(nèi)元素的滾動。在某些實(shí)施中,滑動單可垂直地?cái)U(kuò)展,從而用戶 可控制所使用的實(shí)際資產(chǎn),可能消除對滾動條的需要。
在所示的滑動單內(nèi),提供"搜索"按鈕306,它可啟動與搜索工具欄中提供的 "搜索"按鈕308相同或相似方式的動作并可以在隱藏滑動單301時(shí)使用。用戶可 通過完成搜索、在任一搜索按鈕上點(diǎn)擊、在滑動單外點(diǎn)擊、再次點(diǎn)擊"高級搜索" 元素302或者通過點(diǎn)擊滑動單301的右上角上的"x"關(guān)閉窗口圖表來關(guān)閉滑動單 301。
這種搜索滑動單可用于門戶站點(diǎn)的各種區(qū)域中,諸如主頁、音樂頁面、電影 頁面、游戲頁面、體育頁面、本地新聞/信息頁面和/或新聞頁面。財(cái)經(jīng)頁面可結(jié)合 類似的工具用于諸如報(bào)收查找的功能。如果每個(gè)這種頁面都具有不同的搜索元素, 在對于不同的頁面滑動單可以是不同的。用戶在滑動單或其它動態(tài)界面元素上進(jìn)行 的選擇可存儲在客戶機(jī)系統(tǒng)并傳送給異步或同步發(fā)送頁面的服務(wù)器(或其它指定服 務(wù)器)(阻斷(blocking))。例如, 一個(gè)服務(wù)器可將頁面提供給瀏覽器,它將第 二服務(wù)器指定為采集從動態(tài)界面元素采集的用戶輸入的服務(wù)器。較佳地,如果延遲 是可能的,客戶機(jī)系統(tǒng)會在服務(wù)器接收到所采集的用戶輸入之前基于動態(tài)界面元素 上的用戶輸入采取行動。
在某些情況中,用戶會請求具有這種DHTML元素的頁面,但沒有能處理DHTML 構(gòu)成的瀏覽器。在這種情況中,DHTML頁面被配置成替換其它功能。例如,當(dāng)具有 非使能瀏覽器的用戶選擇高級搜索元素302時(shí),它們將被引導(dǎo)到用于高級搜索的 HTML頁面,通常使用戶離開含所述元素的頁面。
在另一個(gè)實(shí)例中,利用動態(tài)界面元素,在頁面內(nèi)提供動態(tài)內(nèi)容遞送,因此允 許用戶保留頁面并觀看附加元素。這種動態(tài)內(nèi)容遞送構(gòu)成的實(shí)例在圖4中示出。采 用這種構(gòu)成,示出了許多項(xiàng)目概要,其中示出了一個(gè)項(xiàng)目。在該實(shí)例中,項(xiàng)目是新 故事且概要是標(biāo)題,但其它類型的項(xiàng)目也是可以的。
動態(tài)層400用于項(xiàng)目402和該項(xiàng)目和其它項(xiàng)目的概要404的顯示。對應(yīng)于顯 示項(xiàng)目的概要(在該情況中的概要406)用可見記號408示出,從而使得用戶能快速識別以上更詳細(xì)示出的標(biāo)題。如果所顯示的項(xiàng)目與圖像或視頻或者其它媒體有
關(guān),則可顯示于區(qū)域410中。根據(jù)選擇和/或光標(biāo)位置,瀏覽器可以(根據(jù)服務(wù)器 提供的頁面中的指令)自動轉(zhuǎn)換通過每個(gè)項(xiàng)目,依次將其示出并在用戶選擇特定項(xiàng) 目(或者通過點(diǎn)擊該項(xiàng)目,點(diǎn)擊該概要,將光標(biāo)移動到該概要或者采取其它指示動 作)時(shí)停止。
該內(nèi)容遞送機(jī)制可以在門戶Web網(wǎng)站性質(zhì)的主頁上找到。在主要的新頁面中, 頭條和特寫故事可動態(tài)地旋轉(zhuǎn)以便向用戶提供更多信息。用戶能通過從頁面上顯示 的短列表中直接選擇特定的頭條故事或者通過僅將光標(biāo)移動入項(xiàng)目顯示區(qū)域或按 壓一鍵來中斷該旋轉(zhuǎn)。為了獲得完整的故事(在多數(shù)情況中,不只是所示出的項(xiàng)目), 用戶可選擇該項(xiàng)目或標(biāo)題。
可以按許多方式進(jìn)行項(xiàng)目直接的自動轉(zhuǎn)換。例如,瀏覽器可旋轉(zhuǎn)通過這些項(xiàng) 目,淡出一個(gè)并淡入另一個(gè)。這樣作的一種方式是在一個(gè)層中具有當(dāng)前項(xiàng)目,在另 一個(gè)層中具有下一個(gè)項(xiàng)目,使下一個(gè)項(xiàng)目的層透明并在當(dāng)前層上且逐漸增加下一個(gè) 項(xiàng)目的層的不透明性?;蛘?,當(dāng)前層可以是不透明的并在上部,使得該層逐漸變得 更加透明。在某些情況中,項(xiàng)目包含花時(shí)間顯示的媒體,當(dāng)前項(xiàng)目出且下一個(gè)項(xiàng)目 入的旋轉(zhuǎn)會依賴當(dāng)前項(xiàng)目何時(shí)完成顯示,諸如在當(dāng)前項(xiàng)目完成播放后不久開始該轉(zhuǎn) 換。在提供控制來控制媒體播放的情況中,諸如倒帶、暫停和快進(jìn),用戶可控制何 時(shí)出現(xiàn)旋轉(zhuǎn)。在任何情況中,瀏覽器應(yīng)足夠延遲以便于所呈現(xiàn)文本的舒適閱讀并呈 現(xiàn)轉(zhuǎn)換將開始的視覺和/或聽覺記號。
當(dāng)顯示從一個(gè)項(xiàng)目轉(zhuǎn)換到另一個(gè)項(xiàng)目時(shí),諸如可視記號408的可視記號將變 成現(xiàn)在的當(dāng)前項(xiàng)目。旋轉(zhuǎn)次序可以是隨機(jī)的或者由某組規(guī)則限定,但期望的次序可 以是從上到下,當(dāng)?shù)撞宽?xiàng)目旋轉(zhuǎn)出時(shí)重復(fù)頂部項(xiàng)目。項(xiàng)目概要(因此,項(xiàng)目)的列 表可以在服務(wù)器處按重要性或興趣排序。
除了項(xiàng)目及其概要的旋轉(zhuǎn),動態(tài)層400還可提供鏈接,諸如"更多頭條故事" 和"參見相關(guān)故事",它們使得用戶離開當(dāng)前頁面去往新頁面,這同常規(guī)鏈接一樣。
可向用戶提供其它記號。例如,當(dāng)用戶滾動光標(biāo)到高亮故事上以指示暫停旋 轉(zhuǎn)時(shí)可提供記號。為了避免不和諧的動作,瀏覽器(再次由來自頁面的指令控制) 可延遲滾動動作幾秒鐘并隨后執(zhí)行平滑轉(zhuǎn)換。
由于項(xiàng)目之間的每次轉(zhuǎn)換和動態(tài)層400的元素中的導(dǎo)航可由瀏覽器處理而不涉及服務(wù)器,用戶交互作用可快速進(jìn)行而不用涉及網(wǎng)絡(luò)活動性或瓶頸。如果需要關(guān) 于觀看的統(tǒng)計(jì)信息,頁面可采集狀態(tài)消息并將其發(fā)送到服務(wù)器(用于確定哪些項(xiàng)目 為大量觀眾所關(guān)心以及哪些沒有),但這種服務(wù)器交互作用不會延遲顯示體驗(yàn)。
這種動態(tài)層頁面可用于門戶站點(diǎn)的各種區(qū)域,諸如主頁、音樂頁面、電影頁 面、游戲頁面、體育頁面、本地新聞/信息頁面和/或新聞頁面。在某些情況中,用
戶可請求具有這種DHTML元素的頁面,但沒有能處理DHTML構(gòu)成的瀏覽器。在這種 情況中,DHTML頁面被配置成替換其它功能。例如,可向具有非使能瀏覽器的用戶 呈現(xiàn)項(xiàng)目和概要,但不必選擇概要來觀看項(xiàng)目。
在項(xiàng)目包含視頻對象的情況中,該對象可通過插件程序等在一個(gè)層中直接呈 現(xiàn)。由于直接處理視頻,就不需要打開外部播放器,因此使得頁面更靈活。例如, 分配給視頻的區(qū)域可基于檢測到的縱橫比自動調(diào)整,且該區(qū)域可由用戶擴(kuò)展或收縮 而不需要重新加載視頻流。
圖5示出了動態(tài)頁面使用的另一個(gè)實(shí)例。這里,示出了工具層500。工具層 500允許用戶執(zhí)行流行的行動和/或動作而不離開所關(guān)注的頁面。工具層500包括 按鈕,諸如按鈕502,當(dāng)在它們上滾動以指示它們的豐富動態(tài)功能時(shí)它們按某些方 式反應(yīng),諸如高亮和延遲后的工具提示。頁面包括具有用戶完成行動或動作所有必 要交互元素的DHTML層,通常不需要與服務(wù)器通信。對于向?qū)钚袆踊蜓惨?,該?型可以是自包含的并在完成時(shí)關(guān)閉,其中用戶輸入被記錄在客戶機(jī)系統(tǒng),如需要?jiǎng)t 被發(fā)送到服務(wù)器。
當(dāng)通過點(diǎn)擊或其它方式選擇工具時(shí),向用戶呈現(xiàn)DHTML層(較佳地,通過一 致可視轉(zhuǎn)換),其中包含了完成該任務(wù)所必需的交互元素。該模型內(nèi)包含的鏈接通 常彈出另一個(gè)瀏覽器窗口。
這種工具層可以許多方式使用。例如,主門戶頁面可包含工具按鈕用于發(fā)送
電子郵件。作為響應(yīng),瀏覽器可呈現(xiàn)用于電子郵件登錄的新層,其中用戶不察覺離 開該組門戶頁面的任何引導(dǎo)。此外,由于電子郵件層已是在瀏覽器處的頁面的一部 分,該層的打開和主頁面的恢復(fù)將不會由于網(wǎng)絡(luò)或服務(wù)器延遲而被延遲。其它使用 可包括用于快速加載文件、日歷更新、照片上傳、搜索、黃頁査詢等的網(wǎng)站服務(wù)。 對于諸如電子郵件層的層,用于電子郵件登錄的部分可以是半透明的,以保 持用戶面向選擇電子郵件功能的頁面。這常導(dǎo)致較少不面向,以及使得呈現(xiàn)更清晰。也可提供淡變。
為了適應(yīng)沒有動態(tài)頁面或DHTML能力的瀏覽器,服務(wù)器可通過"探査法"或 其它來檢測是否啟用瀏覽器并隨后提供動態(tài)頁面或者后退到?jīng)]有工具能力的分開 的頁面。
除了包含用戶界面元素(諸如按鈕和表格)的動態(tài)頁面,某些動態(tài)頁面可在 沒有這種元素的情況下操作。例如,圖6示出了用于子導(dǎo)航的層的使用。子導(dǎo)航層 的一個(gè)實(shí)施使用DHTML彈出,它顯示主菜單項(xiàng)目的子部分和/或子類別。當(dāng)用戶在 主菜單上的鏈接上滾動時(shí),可顯示這些子菜單。如果主菜單沒有明顯的一組子導(dǎo)航 項(xiàng)目,則該層可用于描述菜單項(xiàng)目和/或提供到達(dá)該項(xiàng)目內(nèi)的流行子部分的快速鏈 接。
在某些系統(tǒng)中,為了保持交互動作簡單,當(dāng)使用選定和有限數(shù)量的子等級(諸 如子層)時(shí),所選擇的菜單項(xiàng)目被高亮。在圖6的實(shí)例中,當(dāng)用戶在頂層菜單上滾 動時(shí),子部分DHTML菜單或描述將出現(xiàn)于右側(cè)。只要光標(biāo)保持在所選擇的主菜單項(xiàng) 目或者DHTML子菜單本身,DHTML子菜單應(yīng)保持打開,但當(dāng)用戶滾動離開所選擇的 項(xiàng)目或DHTML菜單本身時(shí)DHTML子菜單消失。
這種層可用于門戶站點(diǎn)的各種區(qū)域中,諸如主頁、音樂頁面、電影頁面、游 戲頁面、體育頁面、本地新聞/信息頁面和/或新聞頁面。在某些情況中,用戶可請 求具有這種DHTML元件的頁面,但沒有能處理DHTML構(gòu)成的瀏覽器。在這種情況中, DHTML頁面將被配置成替換其它功能,諸如在扁平、鋸齒菜單中示出菜單項(xiàng)目下的 子菜單項(xiàng)目,且對于沒有子部分的菜單項(xiàng)目,在點(diǎn)擊鏈接時(shí)將用戶帶到該頁面本身。
某些頁面可以是上述構(gòu)成的復(fù)雜組合。例如,圖7示出了 "個(gè)人助理"組的 層,用于執(zhí)行用戶的專門任務(wù)。在這種情況中,所使用的動態(tài)(DHTML或其它協(xié)議) 頁面可由用戶存儲,從而服務(wù)器不必重復(fù)地將用戶的頁面發(fā)送給用戶,幾千或幾百 萬的用戶。即使頁面內(nèi)容將改變,這也一樣,因?yàn)榫彺娴捻撁婵砂看问褂庙撁?時(shí)從服務(wù)器檢索的信息的占位符,即使每次不檢索頁面本身。
釆用個(gè)人助理組的層,提供特定性質(zhì)內(nèi)的"助理"模型,其中根據(jù)用戶的偏 好預(yù)先呈現(xiàn)內(nèi)容、工具、特點(diǎn)和推廣,它們可主動或被動地管理。定制可包括事件 提醒(即,拍賣結(jié)果,銷售中的音樂會票等等),信息提醒(新聞,財(cái)經(jīng)),推廣 (新產(chǎn)品發(fā)布)或者個(gè)人信息(應(yīng)付賬單等)。較佳地,列表限制到某個(gè)數(shù)量(諸如10)條目,以避免混亂并具有引到項(xiàng)目自身的鏈接。例如,"編輯"鏈接允許 用戶在分開頁面上編輯其偏好。該分開頁面將包含用戶選擇的明顯的項(xiàng)目和偏好, 對推廣項(xiàng)目特點(diǎn)說明的許可,要使用的被動個(gè)性化的許可,即將到來的個(gè)性化特點(diǎn) 的推廣或新聞,等等。如果模型最初不包含所有項(xiàng)目,"更多"鏈接可通過垂直可
擴(kuò)展DHTML滑動單顯示附加的個(gè)性化項(xiàng)目。
如果用戶未使其模型個(gè)性化,則它將包含用于助理模型的推廣、指示或巡視。 當(dāng)助理被個(gè)性化時(shí),它將包含主動或被動定制為用戶偏好的項(xiàng)目的有限列表。列出 的項(xiàng)目可包含鏈接,在點(diǎn)擊這些鏈接時(shí),將允許用戶進(jìn)一步與特定項(xiàng)目交互動作。 如果模型不能完整包含所有的個(gè)性化項(xiàng)目,將提供"更多"鏈接,在點(diǎn)擊該鏈接時(shí), 將呈現(xiàn)滑動單以顯示其余列表。
偏好可包含主動定制提醒的類型或模型呈現(xiàn)和過濾的內(nèi)容,它還可包括顏色 定制、圖像元素和其它個(gè)性化特點(diǎn)。
這種層可用于門戶站點(diǎn)的各種區(qū)域,諸如主頁、音樂頁面、電影頁面、游戲 頁面、體育頁面、本地新聞/信息頁面和/或新聞頁面。在某些情況中,用戶可請求 具有DHTML元素的頁面,但沒有能處理DHTML構(gòu)成的瀏覽器。在這種情況中,DHTML 頁面被配置成替換其它功能,諸如在"更多"上點(diǎn)擊時(shí)向用戶發(fā)送列出所有項(xiàng)目的 分開頁面。
圖8示出了又一個(gè)動態(tài)頁面。這里,示出了特惠(premium)推廣模型,它在 一系列推廣或信息項(xiàng)目中旋轉(zhuǎn),使用一致和謹(jǐn)慎的活動轉(zhuǎn)換。項(xiàng)目出現(xiàn)于多個(gè)空間 中的一個(gè),且項(xiàng)目可從交錯(cuò)目錄中的空間轉(zhuǎn)換,從而它們不立刻全部轉(zhuǎn)換。作為實(shí) 例,門戶Web網(wǎng)站的最上頁可包含推廣模塊。
該轉(zhuǎn)換可與其它動態(tài)頁面的其它轉(zhuǎn)換一致,諸如動畫、淡入、盒入等等。即 使用戶空閑,也可出現(xiàn)旋轉(zhuǎn),優(yōu)選地貫穿模塊是謹(jǐn)慎和一致的。如果用戶在特定空 間上滾動,則可暫停該空間的旋轉(zhuǎn),當(dāng)用戶滾動離開該模塊或空間時(shí)旋轉(zhuǎn)繼續(xù)。模 型內(nèi)的鏈接可與常規(guī)鏈接一樣地運(yùn)作。具有非DHTML使能瀏覽器的用戶可配備這樣 一組空間,但不可能呈現(xiàn)旋轉(zhuǎn)。
可用于呈現(xiàn)上述特點(diǎn)的一種基礎(chǔ)架構(gòu)是具有DHTML頁面層上的分開工具并通 過改變它們的位置而移動這些層,從而排除對頁面刷新的需要。在某些變化應(yīng)是粘 性的情況中,諸如當(dāng)用戶將一個(gè)層拖動到新位置或者改變層的相互位置時(shí),可進(jìn)行該改變而不從服務(wù)器刷新頁面,其中這些變化可與服務(wù)器通信,從而下次用戶進(jìn)入 該頁面時(shí)這些層位于上次訪問中用戶所設(shè)置的狀態(tài)。實(shí)際上,例如,這允許用戶拖 動和放下門戶頁面設(shè)計(jì)的一些部分,并觀看它們快速地相對于彼此移動,這是給定 網(wǎng)絡(luò)和/或服務(wù)器情況所不可能的。可將變化的通信發(fā)送到服務(wù)器,而不阻斷用戶 機(jī)器處的移動。除了通信變化,還可將用戶進(jìn)行的參考(諸如導(dǎo)航子菜單或者為進(jìn) 一步細(xì)節(jié)選擇項(xiàng)目)通信給服務(wù)器,盡管服務(wù)器動作不需要響應(yīng)于這些用戶動作。 以上描述是說明性的而非限制性的。本發(fā)明的許多變型將在本領(lǐng)域熟練技術(shù) 人員觀看本揭示內(nèi)容后變得顯而易見。因此,本發(fā)明的范圍不應(yīng)參考以上描述確定, 而是通過參考所附權(quán)利要求書及其等效物的全部范圍而確定。
權(quán)利要求
1. 一種計(jì)算裝置,包括網(wǎng)絡(luò)瀏覽應(yīng)用程序,該網(wǎng)絡(luò)瀏覽應(yīng)用程序包括一動態(tài)內(nèi)容用戶接口,該動態(tài)內(nèi)容用戶接口包括動態(tài)層,該動態(tài)層被生成用于通過與服務(wù)器通信的瀏覽器向用戶的顯示,且進(jìn)一步包括可視項(xiàng)目顯示區(qū)域和可視概要顯示區(qū)域,該概要顯示區(qū)域包括多個(gè)條目,項(xiàng)目顯示區(qū)域中顯示的內(nèi)容與概要顯示區(qū)域中的多個(gè)條目中的選定一個(gè)相關(guān)聯(lián),該項(xiàng)目顯示區(qū)域被更新以在由所述用戶選擇時(shí)反映概要顯示區(qū)域中的多個(gè)條目中被新選擇的一個(gè),而不在所述服務(wù)器中檢索附加信息。
2. 如權(quán)利要求l所述的計(jì)算裝置,其特征在于,在預(yù)定時(shí)間段后,自動選 擇概要顯示區(qū)域中的多個(gè)條目中的新的一個(gè)。
3. 如權(quán)利要求2所述的計(jì)算裝置,其特征在于,多個(gè)條目中的新的一個(gè)。
4. 如權(quán)利要求2所述的計(jì)算裝置 過概要顯示區(qū)域中的條目。
5. 如權(quán)利要求1所述的計(jì)算裝置 顯示區(qū)域。
6. 如權(quán)利要求5所述的計(jì)算裝置至少一個(gè)控件,它能控制媒體的播放
7. 如權(quán)利要求6所述的計(jì)算裝置 ?;胤诺目丶?br>
8. 如權(quán)利要求6所述的計(jì)算裝置 始回放的控件。
9. 如權(quán)利要求6所述的計(jì)算裝置 止回放的控件。
10. 如權(quán)利要求6所述的計(jì)算裝置,其特征在于 繞回放的控件。其特征在于, 其特征在于, 其特征在于, 其特征在于, 其特征在于, 其特征在于,隨機(jī)地從條目集合中選擇 動態(tài)內(nèi)容用戶接口重復(fù)經(jīng) 動態(tài)層進(jìn)一步包括一媒體 媒體顯示區(qū)域進(jìn)一步包括 至少一個(gè)控件包括用于暫 至少一個(gè)控件包括用于開至少一個(gè)控件包括用于停至少一個(gè)控件包括用于重
11.如權(quán)利要求6所述的計(jì)算裝置,其特征在于,至少一個(gè)控件包括用于快 進(jìn)回放的控件。
12. 如權(quán)利要求6所述的計(jì)算裝置,其特征在于,至少一個(gè)控件包括用于靜 音媒體回放的音頻部分的控件。
13. 如權(quán)利要求6所述的計(jì)算裝置,其特征在于,至少一個(gè)控件包括用于開 始、暫停和停止回放的控件。
14. 如權(quán)利要求6所述的計(jì)算裝置,其特征在于,在選擇新選擇的條目時(shí), 自動開始回放。
15. 如權(quán)利要求14所述的計(jì)算裝置,其特征在于,在延遲后自動開始回放。
16. 如權(quán)利要求5所述的計(jì)算裝置,其特征在于,媒體顯示區(qū)域包括能呈現(xiàn) 視頻的一插件。
17. 如權(quán)利要求16所述的計(jì)算裝置,其特征在于,自動調(diào)節(jié)視頻的縱橫比 而不需要重載視頻。
18. 如權(quán)利要求16所述的計(jì)算裝置,其特征在于,所述視頻是流化視頻。
19. 如權(quán)利要求l所述的計(jì)算裝置,其特征在于,還包括一視覺記號,該視 覺記號與多個(gè)條目中的當(dāng)前選擇的條目相關(guān)聯(lián)。
20. 如權(quán)利要求19所述的計(jì)算裝置,其特征在于,視覺記號包括緊接著多 個(gè)條目中當(dāng)前選擇的條目顯示的圖形標(biāo)記。
21. —種用于顯示動態(tài)內(nèi)容的方法,包括 發(fā)送一瀏覽器可解釋文檔到用戶可操作的計(jì)算裝置; 使能所述文檔和服務(wù)器之間的通信;以及 所述瀏覽器可解釋文檔還包括指令,這些指令用于向用戶顯示動態(tài)層,所述動態(tài)層包括項(xiàng)目顯示區(qū)域和概要顯示區(qū)域,該概 要顯示區(qū)域包括多個(gè)條目,這多個(gè)條目中的每一個(gè)包括一用戶可選擇的區(qū)域;監(jiān)控用戶與動態(tài)層的交互作用,以確定用戶何時(shí)與用戶可選擇的區(qū)域交 互;以及在項(xiàng)目顯示區(qū)域中顯示與用戶與之交互的用戶可選擇的區(qū)域相關(guān)聯(lián)的信 息,該顯示是在不在所述服務(wù)器中檢索附加信息的情況下進(jìn)行的。
22. 如權(quán)利要求21所述的方法,其特征在于,還包括指令用于在預(yù)定時(shí)間段后,自動選擇概要顯示區(qū)域中的多個(gè)條目中的新的一個(gè)。
23. 如權(quán)利要求22所述的方法,其特征在于,還包括隨機(jī)地從條目集合中選擇多個(gè)條目中的新的一個(gè)。
24. 如權(quán)利要求22所述的方法,其特征在于,還包括通過重復(fù)經(jīng)過概要顯 示區(qū)域中的條目方便新條目的選擇。
25. 如權(quán)利要求21所述的方法,其特征在于,還包括指令用于在動態(tài)層內(nèi) 實(shí)現(xiàn)媒體顯示區(qū)域。
26. 如權(quán)利要求25所述的方法,其特征在于,媒體顯示區(qū)域進(jìn)一步包括至 少一個(gè)控件,它能控制媒體的播放。
27. 如權(quán)利要求26所述的方法,其特征在于,至少一個(gè)控件包括用于暫停 回放的控件。
28. 如權(quán)利要求26所述的方法,其特征在于,至少一個(gè)控件包括用于開始 回放的控件。
29. 如權(quán)利要求26所述的方法,其特征在于,至少一個(gè)控件包括用于停止 回放的控件。
30. 如權(quán)利要求26所述的方法,其特征在于,至少一個(gè)控件包括用于重繞 回放的控件。
31. 如權(quán)利要求26所述的方法,其特征在于,至少一個(gè)控件包括用于快迸 回放的控件。
32. 如權(quán)利要求26所述的方法,其特征在于,至少一個(gè)控件包括用于靜音 媒體回放的音頻部分的控件。
33. 如權(quán)利要求26所述的方法,其特征在于,至少一個(gè)控件包括用于開始、 暫停和停止回放的控件。
34. 如權(quán)利要求26所述的方法,其特征在于,所述指令還包括用于在選擇 新選擇的條目時(shí)自動開始回放的指令。
35. 如權(quán)利要求34所述的方法,其特征在于,在延遲后自動開始回放。
36. 如權(quán)利要求25所述的方法,其特征在于,媒體顯示區(qū)域包括能呈現(xiàn)視 頻的一插件。
37. 如權(quán)利要求36所述的方法,其特征在于,所述指令還包括自動調(diào)節(jié)視頻的縱橫比而不需要重載視頻的指令。
38. 如權(quán)利要求36所述的方法,其特征在于,所述視頻是流化視頻。
39. 如權(quán)利要求21所述的方法,其特征在于,所述指令還包括用于呈現(xiàn)動 態(tài)層中的視覺記號的指令,該視覺記號與多個(gè)條目中的當(dāng)前選擇的條目相關(guān) 聯(lián)。
40. 如權(quán)利要求39所述的方法,其特征在于,視覺記號包括緊接著多個(gè)條 目中當(dāng)前選擇的條目顯示的圖形標(biāo)記。
全文摘要
在客戶機(jī)-服務(wù)器系統(tǒng)中,客戶機(jī)系統(tǒng)呈現(xiàn)瀏覽器用于與服務(wù)器數(shù)據(jù)或資源的用戶交互作用,瀏覽器用戶界面包括功能,以便處理與接收頁面有關(guān)的瀏覽器接收的動態(tài)界面元素,動態(tài)界面元素能呈現(xiàn)為瀏覽器用戶界面的一部分并響應(yīng)于所選的用戶輸入被修改而不需要與服務(wù)器的進(jìn)一步交互作用。除了諸如滑動單的動態(tài)界面元素或代替之,瀏覽器用戶界面還可包括旋轉(zhuǎn)顯示區(qū)域,可不透明或不透明地覆蓋頁面的工具顯示,菜單結(jié)構(gòu),以及使用戶修改頁面布局而不需要服務(wù)器交互作用的能力。瀏覽器可包括多個(gè)旋轉(zhuǎn)顯示項(xiàng)目的存儲,用于存儲每個(gè)旋轉(zhuǎn)顯示項(xiàng)目的概要和主要呈現(xiàn),用于在旋轉(zhuǎn)顯示區(qū)域中通過瀏覽器顯示較少的全部多個(gè)旋轉(zhuǎn)顯示項(xiàng)目的主要呈現(xiàn)的邏輯,用于通過瀏覽器顯示項(xiàng)目概要的邏輯,其中概要數(shù)量大于同時(shí)呈現(xiàn)的主要呈現(xiàn)的數(shù)量,用于在所顯示的概要中高亮與旋轉(zhuǎn)顯示區(qū)域中形式的主要呈現(xiàn)相對應(yīng)的一些概要的邏輯;以及用于旋轉(zhuǎn)多個(gè)旋轉(zhuǎn)顯示項(xiàng)目以顯示旋轉(zhuǎn)顯示項(xiàng)目的不同子集的主要呈現(xiàn)并用于更新概要的高亮以對應(yīng)于旋轉(zhuǎn)顯示項(xiàng)目的不同子集的邏輯。
文檔編號G06F17/30GK101286172SQ20081009589
公開日2008年10月15日 申請日期2003年9月12日 優(yōu)先權(quán)日2002年9月13日
發(fā)明者C·J·曼奇尼·, J·儲, L·莫里斯羅 申請人:雅虎公司