TWI304549B - Improved browser user interface system and related mehtods - Google Patents

Description

1304549 玖、發明說明： 【發明所屬之技術領域】 本申叫案王張共同待審的2002年9月13日申請之美國臨時 專利申請案第_〇,51〇號，標題為「㈣器使用者介面」之 優先權出於所有目的，其全文以引用的方式併入本標案 路本發明—般與使用者介面有關，更特定言之，與用以劉 見-網路上所提供的頁面之—瀏覽器介面有關。 【先前技術】 網際網路及其他網路與電 、 $ 仓％如及叶异裝置互連，使資料很 容易經網路連結傳送。電 I ^及计异裝置一般係採用主從 (chent-server)模式組織而成，复 μ ，、中，，罔路連結係建立在作為伺服 态的某二廷腦或計算裝置與 〃 1下為用戶撕的某些電腦或計算 裝置之間。當然，芙4b雪日《< + ^ μ 二 旬或計算裝置既可以作為伺服器 又可以作為用戶端。 一飼服态之一範例為一網路 w 以谷Ή服詻，而一用戶端之一範 例為一網路用戶端（例如谨Ρ (J如運仃-網頁瀏覽器程式之一個人電 月每）。已開發出許多不同的網 谷用戶端，而且正在有計劃地 開發網路用戶端之變化形式。 ^ 偟作為範例，一網路用戶端 可以具胆化為'一桌上型雷脱 脉 土甩鈿、膝上型電腦、手持式裝置、 蜂巢式電話、無線裝置、i 了料装置 電子裝置或類似裝置。—；：欺入式網路用戶端功能性之 面及-網路介面。 ⑶τ’所需要的為某使用者介 在某些實例中，該使用者介 面為一程式化使用者之一介 面，但更通常的情況係該使 ^有< ；， 使用者介面為可由—使用者（人）所 88087 1304549 使用之一介面。該網路用戶端依據該介面而操作，以採用 熟知的協定或以後開發的協定而向網路伺服器發出請求。 為了回應所接收的請求，網路伺服器返回資料回應。在網 路主從互動之一典型說明中，假定使用超文件傳送協定 (HyperText Transport Protocol ; HTTP)，其中該網路用戶端發出一 請求’其導向孩請求中的一統一資源定位器（Unif_ r_m

Locator , URL)所代表的一頁面的一特定網路伺服器地址，而 回應該特定網路伺服器地址的一伺服器採用資料回應，該 等貝料可以為要顯示的一頁面或外部資料組。該等返回資 料一般指一網頁，而不管在請求及返回之實際資料。 一網路用戶端（其能呈現一使用者介面中的一網頁之全部 或部分給一使用者，並接受使用者輸入，其中至少某些使 用者知入可引起該網路用戶端進一步呈現網頁）可稱為一 「網頁劂覽益」，因為其由使用者所普遍使用以在網頁當 中導航，該等網頁一般係認為涉及其他頁面的頁面「網路 (Web)」之一部分。 網頁瀏覽器已為吾人所熟知並得到普遍使用，而且通常 提供除呈現網頁及接受與所呈現的、網頁有關之使用者輸入 以外的功能性。例如，網頁可包括程式元件，該等元件係 在接收包括此類程式元件的一網頁後由一網頁瀏覽器執 行。此類私式元件之一範例為JAVATM小程式。 網頁亦可包括引起一網路伺服器採取行動之程式元件。 例如、’’罔路伺服詻可提供門戶服務，其中該網路伺服器 從各種來源收集資訊，並在接收請求後為一網路用戶端產 88087 1304549 生一門戶頁面。此門戶頁面之一範例為Yahoo!主頁面 (www.yahoo.com)，及由 My Yahoo! (my.yah〇acom)提供的個性化頁 面。後者提供發送至網路用戶端之頁面，該等頁面係根據 儲存在該伺服器中的使用者偏好而自訂。 自訂網頁及各種佈局通常讓使用者獲得豐富的體驗，但 若資訊之呈現需要從一網頁移至另一網頁，則當出現網路 延遲時該體驗就不太令人滿意，因為該使用者需等待頁面 到來及更新。若該使用者必須從一頁面移至另一頁面以查 看所想要的資訊，則該體驗亦可失去方向感。雖然會發生 網路延遲而且一般超出該網路伺服器操作者之控制範圍， 但是使用者一般會將因網路延遲而引起的負面體驗與由該 、、罔路伺服為操作者提供的服務關聯。因此，希望減輕感覺 到的可能由網路延遲而引起的延遲。 【發明内容】 在一王從系統（其中一用戶端系統呈現一瀏覽器，用於與 =服為資料或資源之使用者互動）中，一瀏覽器使用者介面 包括〈功能性用以經一網路從伺m器請求頁面並處理所接 收的頁面’以呈現給—劉覽器使用者，該瀏覽器使用者介 面包括-圖形顯示器、一使用者輸人裝置及用於動態介面 金之儲存為，該等動態介面元件係由與所接收的頁面相 ^之該瀏覽器接收，”-動態介面元件能呈現為該瀏 ^使用者介面之_部分並加以修改以回應所選擇的使用 如、、典*而”、、而進一步與一伺服器互動。除動態介面元件（例 力薄片）以外或代替該等元件，該瀏覽器使用者介面亦 88087 1304549 例。應瞭解本發明具有廣泛的應用而且可用於許多不同背 景。 一瀏覽器會話之範例為處於一使用者位置的一使用者操 作一使用者電腦以控制一瀏覽器，其一般為在一通用使S 者電腦上運行的軟體，但是亦可能為另—裝置，例如一專 用硬體瀏覽态或由一可攜式裝置操作的韌體。該瀏覽器經 一網路發送對頁面或頁面之部分的請求，並顯示所接ϋ 頁面或頁面之部分。該瀏覽器亦可保持對簡短資訊、快取 頁面、腳本、代碼及類似者的本地資料儲存。該等瀏覽器 請求一般係經網路導向頁面伺服器，例如超文字傳輸協= (HyperText Transport Protocol; ΗΤΤΡ)伺服器（亦稱「網路伺服器」， 因為所提供的頁面通常係視為超連接文件之全球網路 Wide Web)的一部分）。該使用者可以為一個人或一機器，但 是較通常為一使用者人。 一「頁面」可以為回應一瀏覽器請求而返回的一傳統超 文字標記語言（HTML)頁面，其可以為一預先存在的頁面或 回應泛叫求而產生之一頁面。該頁面可包括顯示器部分、 格式化α卩分及可執行部分。本文所使用的術語頁面可以指 HTML頁φ n資料區塊、封包或其他有結構或無結構 <貝料早7G，孩等單元係視為在一頁面請求系統中的邏 口口 一 「 單兀。 、下將4考圖式說明一範例性瀏覽系統。 圖1為依據本發明之具體實施例的一系統100之一方塊 圖。一使用者可採用系統綱來操作-用戶端系統舰，該用 88087 -11- 1304549 ^ 戶端系統運行一瀏覽器以發送對頁面的請求104，並從祠服 器應接收對於該等請求的回應106。回應靡-般為頁面， 但是在錯誤狀況下（例如# —頁面不存在時，錯誤形成一請 装 伺服為不可用或請求使用者沒有存取授權），回應106 可以為一錯誤訊息或一錯誤頁面。 圖1僅顯7F —個用戶端及一個伺服器，但是應明白該典型 系、、充可以具有终多用戶端及許多伺服器。如圖所示，伺服 器108係藉由一網路11〇從用戶端系統1〇2分離，在此情況下 居、罔路為全球網際網路，熟知為「綱際網路」。頻寬及 經由網路110的-用戶端與飼服器路徑之回應度有時可減少 瀏覽體驗。因為該典型瀏覽系統可以快速處理必要的計算 任務，所以該等網路及/或伺服器為瓶頸及減速之更具一般 性的原因。但是，藉由採用於此說明的某些技術，一瀏覽 系統可發出請求而一伺服器可採用頁面來回應，頁面具有 即使面臨網路減速仍可給該使用者提供回應之特徵。 圖2為一流程圖，解說一用戶端（例如該使用者之瀏覽器） 與一伺服器之間的行動及流程，其中每個採用一協定（例如 HTTP及/或其擴展）通信。由該用戶端或伺服器執行的步驟 係採用標籤「SI」、「S2」、「S3」等按順序加以標記。其 他步驟（圖中未顯示）亦可實行，但並非所有標記步驟都必須 貫行。 一旦該使用者啟動該瀏覽器（si)之一實例，則該瀏覽器可 以從該使用者接受輸入。在此範例中，該使用者已請求由 。王球貝源定位為（Uniform Resource Locator ; URL) 88087 -12- 1304549 「http://PLUS.yahoo.com/index.html」識別的頁面，而且該劉覽器 從該使用者（S2)獲得此請求。該瀏覽器可藉由使用者鍵入該 URL、從一書簽列表中選擇、點擊一顯示頁面之一鏈結或藉 由其他方法而獲得該請求。該瀏覽器然後發送一 HTTP請求 給該伺服器，其係採用該請求之該URL的域部分（即此範例 中的「PLUS.yahoo.com」）來識別。 一旦該伺服器接收該請求（S3)，則其取回該頁面（S4)並將 其發送給該請求瀏覽器（S5)。該頁面可包括HTML資料（例如 頁面文字、格式化及類似者），但是亦應包括動態元件。用 於此類動態元件之一標準為動態超文字標記語言（Dynamic HyperText Markup Language ; DHTML)標準。一旦該瀏覽器接收 該頁面（S6)，則該瀏覽器處理該頁面（S7)並顯示該等選擇層 給該使用者（S8)。 顯示該等DHTML頁面之該等選擇層之後，該使用者則可 選擇該顯示器上的一元件以引起一行動。某選擇可藉由定 位一游標於一元件上而完成，而其他選擇亦可包括指示一 選擇（例如藉由按壓一滑鼠按鈕，而該游標置於一元件上）。 當然，對於該瀏覽器，在該顯示器上某處偶然出現一游標 可以處理為一定位選擇，以便即使該使用者沒有改變該游 標之位置，仍可藉由定位一游標而採取行動，正如通常期 望的對所理解之「選擇」進行的動作。 但是，應注意一選擇行動或事件，該瀏覽器偵測或判讀 使用者輸入（S9)，然後根據用於所選擇的元件（S10)之該 DHTML代碼而對該選擇採取一行動。以下說明頁面及元件 88087 -13- 1304549 之範例。雖然DHTML已用以呈現内容及定位内容，但是以 下所示範例提供具有層上的介面元件（例如按紐、表格）之工 具及/或將層用以介面連接。 圖3解說具有動態介面元件的一頁面3〇〇之一部分。頁面3〇〇 係傳送給一瀏覽器作為一 DHTML頁面，該介面所需之所有 組件即包括在該dhtml頁面中。此使該瀏覽器可回應使用 者行動，而無需另一請求發送給一伺服器，其可能延遲該 回應。如圖所示，當啟動時，用於進階搜索的一「滑動薄 片」301，藉由該使用者選擇該「進階搜索」按鈕或僅滾動 该按紐上的一游標，而從一搜索工具條降下來。 利用該進階搜索滑動薄片，該使用者可實行進階搜索， 而不會出現從正在顯示的一目前頁面移開，因為該搜索工 具條可以為該目前顯示頁面之一部分，打開後，該滑動薄 片僅使該顯示頁面之一部分模糊不清。 孩DHTML「進階搜索」鏈結可以藉由一文字元件％〕或一 圖Φ元件而代表，遠等元件可提供—致的視覺語言以指示 此類動態鏈結。當一使用者尚未選擇該進階搜索時，該滑 動薄片則保持隱藏；而當已經選擇時，該滑動薄片列二 從該工具條後面往下滑動。該滑動薄片可包括各種進階搜 索選項元件1進階選項必須分成區⑨，則—表格 動薄片内使用。依據可用於該滑動薄片之： :王現的兀件之數量，該滑動薄片亦可包括滾動 使科元件可在分配資產範®内滾動。在某些余、> 方案中㈣片可以垂直擴展，以便該使用者 88087 1304549 所使用的資產，從而可能消除對於該滾動條之需要。 在所示的滑動薄片内，提供一「搜索」按鈕3〇6，其可啟 動以相同万式工作的一行動，或以類似方式，作為提供在 該搜索工具帶中的一「搜索」按鈕308，而且即使當滑動薄 片301係隱藏時仍可使用。該使用者可藉由以下方法關閉滑 動薄片301 :完成一搜索、點擊任一搜索按钮、在該滑動薄 片外側點擊、再次點擊該「進階搜索」元件3〇2，或藉由點 擊滑動薄片301之右上角的「χ」關閉視窗圖示。 此搜索滑動薄片可用於一門戶網站之各種區域，例如一 主要頁面、一音樂頁面、一電影頁面、一遊戲頁面、一體 同頁面、一本地新/資訊頁面及/或一新聞頁面。一財經頁面 可併入一類似工具，用於諸如股票行情查詢（tickerl〇〇kup)功 能。若该等頁面之每個具有不同搜索元件，則該等滑動薄 片可因不同頁面而不同。由該使用者在該滑動薄片或者其 他動態介面元件上進行的選擇，可以儲存在該用戶端系統 中並轉換給非同步或同步發送（阻礙）該頁面的伺服器（或其 他指定伺服器）。例如，一伺服器可提供一頁面給一瀏覽器， 该W覽為指足一第二伺服器，作為收集從一動態介面元件 所收集的使用者輸入之伺服器。若一延遲完全有可能，則 即使在一伺服器接收該收集使用者輸入前，該用戶端系統 最好仍可根據使用者輸入對一動態介面元件採取一行動。 在某些情況下，一使用者可請求一頁面，該頁面具有此 類DHTML元件’但是沒有能夠處理DHTML結構之一瀏覽器。 在此類情況下，應配置該DHTML頁面以替代其他功能性。 88087 -15- 1304549 靈活性。例如，分配給該視訊的區域可以根據一偵測縱橫 比而自動調冑，而且該區域可以藉由該使用者擴展或縮小，、 而無需重新載入該視訊流。 圖5顯示動態頁面之一使用者的另一範例。此圖顯示一工 具層500。工具層500讓使用者可實行普通活動及/或行動’ 而無需對-頁面調焦。工具層包括按紐（例如按知5〇2)， 當其係滾動時，該等按鈕以某些方法作出反應以指示其豐 富的動態功能性（例如一延遲後突顯及一工具提示）。該頁面 包括DHTML層，其具有該使用者所需的所有必要互動元件， 用以完成該活動或行動，一般無需與該伺服器通信。對於 一神奇般的活動或漫遊，此模組可以内置式並在完成後關 閉，該等使用者輸入係記錄在該用戶端系、、统中，其根據需 要而傳送給一伺服器。 當藉由一點擊或其他方法選擇一工具時，該使用者係採 用一 DHTML層（最好經由一致視覺轉換）呈現，其中包含完成 該任務所必需之互動元件。包含在此模組内的鏈結一般彈 出另一瀏覽器視窗。 使用此類工具層可以採用數個方法。例如，一主要門戶 頁面可包括用以發送一電子郵件之一工具按鈕。作為回應， Θ瀏览态可呈現新的一層，用於該電子郵件之登錄，該使 用者不會感覺與該主要門戶頁面之任何方向偏離。此外， 因為該電子郵件層為已在該瀏覽器中的頁面之一部分，所 、打開居層及恢復該主要頁面將不會因網路或伺服器延遲 而延遲。其他使用可包括網站服務，用以快速上傳檔案、 88087 -19- 1304549 曰曆更新、照片上傳、搜索、黃胃查詢等。 對於一層（例如—兩^ 私子郵件層），用於該電子郵件之登錄的 邵分可以半透明，W位&、、a 保持孩使用者用該頁面定向（該電子郵 件功能即從該頁面選擇 、 <伴）此將通常導致略微失去方向感但 較清晰的呈現。亦可提供淡入淡出。 …為：適應瀏覽器而無需動態頁面或dhtml能力，該伺服 :可藉由聞」或其他方式而偵測一瀏纜器是否致動，然 後提供該動態頁面或返回至_分離頁面而無需工具能力。 除包括使用者介面元件（例如按紐及表格）之動態頁面以 外：某些動態頁面可無需此類元件而操作。例如，圖6顯示 子導航層〈使用。子導航層之—實施係採用_ 狐彈出， ’、揭心主要功月匕表項目之子區段及/或子類別。當該使用者 j該主功能表上的鏈結上滾動時，即可顯露該等子功能表。 若琢主功能表並沒有-組明顯的子導航項目，則此層可用 以說月该功此表項目及/或提供快速鏈結給該項目内的受歡 迎子區段。 在某些系統中，為了保持該互動簡單化，選擇時突顯該 選擇功能表項目，而且使用有限的數個子層（例如一個子 層）。在圖6之範例中，當該使用者在一頂層功能表上滾動 時，孩子區段DHTML功能表或說明將出現在右側。只要該 游標保持在所選擇的主要功能表項目中或在該dhtml子功 能表本身中，該DHTML子功能表即應保持打開狀態，但是 當使用者從該選擇項目或該DHTML功能表本身滾動離開 時，DHTML子功能表即消失。 88087 -20- 1304549 此類層可用於一門戶網站之各種區域，例如一主要頁面、 一音术頁面、一電影頁面、一遊戲頁面、一體育頁面、〆 本地新/資訊頁面及/或一新聞頁面。在某些情況下，一使用 者可請求一頁面，該頁面具有此類DHTML元件，但是沒有 能處理DHTML結構之一瀏覽器。在此類情況下，應=置該 DHTML頁面以替代其他功能性，例如顯示功能表項目下的 子功能表項目於一展平、齒狀功能表中，而對於沒有子區 段之功能表項目，當點擊該鏈結時，功能表項目則自己將 該使用者帶入該頁面。 某些頁面可以為以上說明的結構之複雜组合。例如，圖7 顯示一組「個人助理」層，用以實行該使用者的特定任務。 在某些情況下，所使用的動態（DHTML或其他協定）頁面可藉 由孩使用者快取，以便對於幾千或幾百萬的使用者，該等 伺服器不必重複發送一使用者頁面給該使用者。即使該頁 面之内容要改變，仍可以如此，因為該快取頁面可包括资 訊之占位符，其係每次使用該頁面時從一飼服器取回，: 使邊頁面本身並非每次都取回。 #利用該組個人助理層，提供某特性範圍内的一「助埋」 杈組，其中内容、工具、特徵及推廣係根據該使用者之偏 好（其可主動或被動管理）而呈現在前面。該使用者自訂可勺 括事件警報（例如拍賣結果、音樂會門票銷售中等）、資訊= (β聞、財經）、推廣（新產品發佈）或個人資訊（例如票據 =付款等）。該列表最好限於某數量（例如丨_)之登錄: 造成混亂，而且最好具有導向該等項目本身之鏈結。例如， 88087 -21- 請求 回應 伺服器 網路 頁面 滑動薄片 文字元件 搜索按鈕 搜索按鈕 動態層 項目 概要 概要 視覺線索 區域 工具層 按紐 -25-

Claims (1)

1. Ρύ D 04^邱5223號專利申請案;Λ 申請專利範圍替換本(96年8月> : 拾、申請專利範園： ι_ -種改良之劉覽器使用者介面系統，其中1覽器在經一 =路與-伺服器耦合之-用戶端系統上執行，並提供 見器使用者介面給伺服器資源，並且其中該濁覽器包括之 功能性用以經該網路從伺服器請求 ^ ^ I買面，並用以處理所接 收的頁面以呈現給一瀏覽器使用者， ^ ^ ，刻覽器使用者介面 巴栝： 一圖形顯示器，用以將瀏覽器頁面 給該使用者； 面《所-現的邵分呈現 一使用者輸人裝置，用以接受與_覽器中顯示的 面有關之使用者輸入； 由3屬覽器接收之動態介面元件的 。 所接收的頁面連接；及 + #“’_覽器與 擇該儲存之動態介面元件的邏輯，以回應被選 擇的使用者輸入，而不需從該網路來的進一步互動 2·如申請專利範圍第1之系統，其中該等動態介面元件包 2滑動薄片，其中-滑動薄片在該顯示器上之—方向上的 一開口中打開，以回應該選擇使用者輸入。 3.，申請專利範圍第2項之系統，其中—滑動薄 每個標籤代表在該滑動薄片上呈現㈣㈣覽器 件之一子集’及用以在標籤當中切換以回應 者輸入的邏輯單元，用以呈現對應的瀏 面元件’而無需進一步與一祠服器互動。 者1 -如申請專利範園第2項之系統，其中—滑動薄片包括滾動 foA88\88087-960803.DOC 6 1304549 一 省韻ή a'fe： 吏用者介面TL件，用以在一顯示區域内滚動該滑動薄片之 使用者介面元件，該區域小於該滑動薄片之所有使用者介 面元件之呈現範圍。 •如中請專利範圍第2項之系統，進—步包括使用者介面元 用以允許孩使用者可在一或多個方向重新調整該滑動 片之大小，而無需進一步與該伺服器互動。 ^如申請專利範圍第2項之系統，其中該滑動薄片為半透明。 • 2申請專利範圍第2項之系統，其中該滑動薄片係與一特 ^王题頁面關聯，其中主題包括新聞、體育、天氣、評論、 商業、音樂、電影、遊戲或本地資訊。 8·如申請專利範圍第7項之系統，其中該滑動薄片係與一財 經頁面關聯，且該滑動薄片呈現一股票行情查詢介面。 如申睛專利範圍第1項之系統，該瀏覽器進一步包括： 用以追蹤與該等動態介面元件之使用者介面互動之邏 輯單元；及 用以產生訊息給對應该等動態介面元件之一飼服器之 邏輯單元，其中至該伺服器之一訊息指示使用者互動，並 且其中此類互動之實現與該伺服器是否接收該訊息無關。 10.如申請專利範圍第！項之系統，其中具有從一伺服器接收 的動悲介面元件之頁面包括對藉由瀏覽器之呈現的替代 呈現’該等瀏覽器不支援動態介面元件。 如申請專利範圍第1項之系統，其中該等動態介面元件包 括功能表條，其中該功能表條為一使用者介面元件，用 以提供在儲存的選擇層級中的導航，如同一使用者可在該 O:\88\88087.960803.DOC -2- 功能表條内導航，而無需進一步與該伺服器互動。 12•如申請專利範圍第11項之系統，其中該瀏覽器進一步包 括·· 用以追蹤與該功能表條之使用者介面互動之邏輯單 元；及 用以產生訊息給對應該功能表條之一伺服器之邏輯單 元，其中至該伺服器之-訊息指示與該功能表條之使用者 立動，並且其中此類互動之實現與該飼服器是否接收該訊 息無關。 13. 如申請專利範圍第【項之系統，進一步包括一快取記憶 體，用以快取該用戶端中的動態介面元件。 14. 如申請專利範圍第1項之系統，進一步包括： 孩動態介面元件包括複數個循環顯示項目； 一頁面顯示器，其中一接收百 接收頁面U件係依據從該接收 頁面獲仵的 >貝料之瀏覽器解譯而呈現； 某區域，包括用於該頁面顯示的-顯示區域之 于=ΓΠ複數個循環顯示项目之儲存器，-循環顯 :買目：以包括用於儲存每個循環顯示项目之一概要 及王要主現的儲存器； 用以藉由該潮醫哭s 一、 J見器顯不孩循環顯示區 循環顯示項目之1八&、& P ^ 4中邊f複數個 孓硝分的王要呈現之邏輯單元· 用以藉由該激脇盟— ’ 要數大於-次目之概要之邏輯單元’其中概 王現的王要呈現數； 〇:\S8\88087-960803.DOC 6 -3- 1304549 用以在該等顯示概要當中突顯對應於該循環顯示區域 中顯示的該等主要呈現之該等概要之邏輯單元；及 用以循環該等複數個顯示項目之循環之邏輯單元，以顯 示為等循環顯示項目之不同子集的主要呈現，並用以更新 對應於循環顯示項目之該等不同子集的概要之突顯。 15·如申明專利範園第14項之系統，其中一次呈現的主要呈現 之數量為一主要呈現。

   16.如申明專利範圍第14項之系、统，其中所顯示的概要之數量 為循環顯示項目之儲存器中的全部該等概要。 17·如申請專利範圍第14項之系統，進一步包括： 用以指定該等循環顯示項目之—呈現順序之邏輯單元； 用以根據使用者輸入而修改該呈現順序之邏輯單元，以 便一項目之一概要的一使用者感興趣指示可導致該感興 趣目之及主要呈現較早地呈現，若無使用者感興趣指示 輸入其係按順序稍後呈現。 18.如申請專利範圍第㈣之系統，其中用以循環之該邏輯單

   元包括用以淡出-目前主要呈現並淡入-下一個主要呈 現之邏輯單元。 T個王要主 19·如申請專利範園第14項之系統’其中用以循環之該邏輯 疋包當多重主要呈現係在任—次呈現時，用以在該 不同時間循環顯示出主要呈現之邏輯單元。 I;申Π利範園第Μ項之系統，其中用於她 21; 該错存器係完全儲存在該用戶端系統中。 '專利範固第14項之系統，其中該突顯為粗體、下〗 O:\88\88087-960803.DOC 6 -4- 1304549

   、、表、主現一獨特字體、呈現 個0 一獨特顏色或動畫中的一或 多 22.如：請專利範園第㈣之系統，進一步包括： 從2換，示器’用以指示-即將來臨之轉換，該轉換係 從目則一組一或多個主 要呈現；及 王見轉換至下'组-或多個主 斷使用者輸入後中斷該即 或多個主要呈現保持呈現 邏輯單元，用以在接收到_中 將來臨的轉換，藉此該目前組一 狀態。 23二請專利範圍第14項之系統，其中該循環顯示區域係與 一特疋主題頁面關聯，其中主題包括新聞、體育、天氣、 坪論、、商業、音樂、電影、遊戲或本地資訊。 一申喷專利㈣第23項之系統’其中該循環顯示區域係與 一新聞頁面關聯’而該循環顯示區域顯示新聞標題，讀等 標題具有項目、該等概要及額外詳情，該等詳情與作為該 等王要呈現之該等新聞標題有關。 25.如申請專利範圍第24項之系統，其中作為該等主要呈現之 該等新聞標題包括文字、影像、音頻或視訊呈現中的一或 多個。 26·如申請專利範圍第14項之系統，該瀏覽器進一步包括： 用以追蹤與該循環顯示區域之使用者介面互動之邏輯 單元；及 用以產生訊息給一對應該循環顯示區域之飼服器之邏 輯單元， O:\88\88087-960803.DOC 6 -5- 1304549 · y’m 卿 来其中給該伺服器之一訊息指示使用者互動，而且其中此 類互動之實現與該伺服器是否接收該訊息無關。 27·如申凊專利㈣第14項之系、统，其中從一饲服器接收的頁 面匕括對藉由4覽恭之呈現的替代呈現，該等劉覽器不支 援一循環顯示區域。 28·如申請專利範圍第丨項之系統，進一步包括·· 該動態介面元件包括複數個層資料集； 用以接收頁面的複數個該等層資料集的儲存器，· 頁面顯示層，其中一接收頁面之一主要層資料集之元 件，係依據從該接收頁面獲得的資料之瀏覽器解譯而呈 現； 一工具層，其具有與一活動有關的元件； 邏輯單元，用以视需要在該頁面顯示層上顯示該工具 層，及 邏輯單元，用以從與該活動有關的該使用者接受輸入， 並當完成時移除該工具層顯示。 29·如申請專利範圍第28項之系統，其中該等工具層為半透 明。 30. 如申請專利範圍第28項之系統，該瀏覽器進一步包括： 用以追蹤與該工具層之使用者介面互動之邏輯單元；及 用以產生訊息給對應該工具層之一伺服器之邏輯單 元，其中至該伺服器之一訊息指示使用者互動，並且其中 此類互動之實現與該伺服器是否接收該訊息無關。 31. 如申請專利範圍第28項之系統，其中從一伺服器接收的貢 O:\88\88087-960803.DOC 6 -6- 1304549 面包括對藉由劉覽器之呈現的替代呈現’該㈣覽器不支 援多重層。 32·如申請專利範圍第1項之系統，進一步包括·· 該動態介面元件包括複數個頁面組件，· 在該用 > 端系財’用讀存複數個該等頁面組件的儲 存^其中從該飼服器接收的-頁面可以顧示為頁面組件 之一集合，每個組件具有一顯示位置； 用以接受使用者輸入之邏輯單元，用以修改頁面組件顯 示位置；及 邏輯單元’用以依據使用者輸人修正—頁賴示，以修 改頁面組件顯示位置，而無需進一步與該伺服器互動。 33·如申請專利範圍第32項之系統，進一步包括邏輯單元，用 以從孩用戶端系統產生一訊息給該伺服器，其表示修改頁 面組件顯示位置，從而使該伺服器頁面之後續呈現將依據 該等修改頁面組件顯示位置來修改。 34. —種與一 _覽器使用者介面之使用者互動的方法，其中一 瀏覽器在經一網路與一伺服器耦合之一用戶端系統上執 行，並提供一瀏覽器使用者介面給伺服器資源，而且其中 該瀏覽器包括之功能性用以經該網路從伺服器請求頁 面，並用以處理接收頁面，以呈現給一瀏覽器使用者，該 瀏覽器使用者介面包括： 採用该瀏覽器從一目標伺服器請求一頁面； 在该用戶端系統接收來自該目標伺服器的該請求頁 面，其中該接收請求頁面包括複數個層，其中該等複數個 O:\88\88087-960803.DOC 6

   1304549· 層之至少一個為一頁面顯示層，而且該等複數個層中非該 頁面顯示層之至少之一為一可選顯示層，其包括對應於可 能的使用者輸入之至少一個動態介面元件； 產生一對應於該接收請求頁面之使用者顯示； 顯示該使用者顯示並接受使用者輸入，該輸入對應於該 已接收請求頁面之該使用者顯示； 當一使用者對應於對該可選顯示層之顯示的一請求 時’修改該顯示以呈現該可選顯示層； 當呈現該可選顯示層時，接受使用者輸入，該輸入對應 於該可選顯示層之動態介面元件； 儲存器’用以記錄該已接受使用者輸入；及 採取一對應於該已記錄接受使用者輸入之行動。 35·如申請專利範圍第34項之方法，其中該等複數個層包括一 或多個滑動薄片、一循環顯示區域、一具有使用者輸入之 工具層及一功能表條。 36. 如申請專利範圍第34項之方法，其中該等複數個層係在依 據DHTML之該已接收請求頁面内構成。 37. 如申請專利範圍第34項之方法，其中修改該顯示以呈現該 可選顯示層包括用該可選顯示層半透明地覆蓋該頁 示層。 μ、 38·如申請專利範圍第34項之方法，進一步包括非同步傳送該 已圮錄接受使用者輸入給該目標伺服器之一步驟。 39·如申請專利範圍第34項之方法，進一步包括非同步傳送該 已記錄接受使用者輸入給該已接收請求頁面中所參 O.\88\88087-960803.DOC -8- 1304549 I* ^ "W(夕正替換ij —記錄伺服器。 4〇·如申請專利範圍第34項之方法，其中該可選顯示層包括一 工具層、一電子郵件 綠層、一日曆登錄層、一照片檢視 層、一新聞層、一即時却 礼如申請專利範圍第3Γ層及—語音聊天層之至少一個。 括-或多個按粗、〜二方法，其中該等動態介面元件包 —個。 或多個登錄區或，或多個表格之至少

   O:\88\88087-960803.DOC 6 -9- 1304549 第092125223號專利申請案 中文圖式替換本(96年8月） 瀏覽器系統

   簡短資訊 代碼 快閃頁面 頁面/資料

   1304549 · 用戶端 伺服器

   圖2 -2- 3001304549 進階搜索 | a II section b II lection c I 306 I□選擇 > □選擇 □選擇 l□選項 □選項 □選項 [□更多選擇 □更多選擇 [□更多選擇 I□某些選擇 □某些選擇 I□某些選擇 [□某些準測 □某些準測 □某些準測 □變數 □變數 □變數 302 308 搜索 m 滑動薄片 301 400

   圖4 1304549 紙％’％ _ ^-500 動力工具I | 關於此工具之功能及用法之指令

   ^-502 ,502、 (扦動按私) ^502 (行動接紐） 下一個 rpowertools may also |d for presenting wl· JefuncfionaSiyindu-lagesandfextto itheusei's overall |nce with performing jtolarfundionwith-iahoo!Plus. T 上一個 下一個 取消

   圖5

   •子項目1 • f區段 •更換一位準 •另一位準 •從屬 子區段 說明 特徵子區段 ja description [this link does [site it takes youlo. ed tool ion to highlight ed highlight •lop visited link

   -4- 1304549

   V0 t f ^ ^ g tm < _ 椒 \K 烀嫁粪< 骧 □ □ □ Ο L ( do ρθμθτδa>q 〇} paueM η0Αε9》μω£0 Jno>- jMONSna toocoosUOAtsJnoAOJSl^oji uoscooco •:sllsJnoA6UIAed j〇l aieq >10110jCDnpse s=q Jno>- olQ6CNII$9>es oj puiss ηοΛ-ρα)§:£ρ ssausal-suj¾¾¾^ •IsaJeiujJOeCDl! ρθ·κθ&2jn〇A - Q>QU0 ΘΞΒΈΛΒ MON s 》UEIS{ss<IBUOSJa)CL

   。^wl^w^WLJ-tstol^^ioo^AWTfli^w·。囬 ic^M 嘲械s瑞瑞一^lioox^Aw^Ts·费漆嗨^鴿· Γ X Internal promotion here tooC^^ Hey sign up for this now! K i X 此處為某些簡單照片文字 X &lqrlueM ποΛ *s<dia

   QS -5-