專利名稱：品牌化的瀏覽器框架的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及web瀏覽器用戶界面，尤其涉及啟用站點品牌化和站點功能的用戶界
背景技術(shù)：
研究表明人們在進行瀏覽活動時往往想集中于網(wǎng)站內(nèi)容并且不一定集中于他們的web瀏覽器的能力。然而，瀏覽器設(shè)計往往集中于強調(diào)瀏覽器的能力的用戶界面，從而使得對用戶集中于網(wǎng)站的內(nèi)容而言更具挑戰(zhàn)性。此外，最近，網(wǎng)站一方在將它們的功能建模成 (如用戶所感覺到的)更像桌面應(yīng)用方面有所進展。在這一上下文中，存在著以下挑戰(zhàn)便于增強網(wǎng)站擔(dān)當(dāng)應(yīng)用程序的觀點的內(nèi)容呈現(xiàn)。

發(fā)明內(nèi)容
提供本發(fā)明內(nèi)容以便以簡化形式介紹在以下詳細(xì)描述中進一步描述的一些概念。 本發(fā)明內(nèi)容并不旨在標(biāo)識所要求保護主題的關(guān)鍵特征或必要特征，也不旨在用于限制所要求保護主題的范圍。在各實施例中，web瀏覽器用戶界面包括在該web瀏覽器用戶界面的頂部處沿單條線分布的所選控件的子集?？丶牟季挚梢允菑淖笾劣一驈挠抑磷蟮姆绞健＞唧w而言， 在從左至右布局中，滿足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的左側(cè)。類似地，在從右至左布局中，滿足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的右側(cè)。在至少一些實施例中，沿單條線分布的控件中的至少一些是與某種類型的導(dǎo)航相關(guān)的控件。這些控件可包括使用戶能夠提供文本輸入的那些控件。另外，在至少一些實施例中，可以按對站點內(nèi)容而非控件給予更大強調(diào)的方式來在web瀏覽器用戶界面中可視地處理控件集。在至少一些實施例中，web瀏覽器用戶界面被設(shè)計成啟用站點品牌化(branding) 和站點功能性。具體而言，網(wǎng)站可以提供可被用在靠近web瀏覽器用戶界面頂部的控件布局區(qū)域中的內(nèi)容，以通過使用用作品牌化工具以及站點的主頁按鈕雙重角色的色彩和/或稱為“網(wǎng)頁圖標(biāo)(favicon)”的站點提供的圖標(biāo)來增強品牌化。此外，在至少一些實施例中， 可以通過使用被用于呈現(xiàn)一個或多個web瀏覽器導(dǎo)航控件的站點相關(guān)聯(lián)的色彩來增強品牌化。


在全部附圖中，使用相同的附圖標(biāo)記來指示相同的特征。圖1示出了根據(jù)一個或多個實施例的其中可以采用此處所描述的各原理的操作環(huán)境。圖2示出了根據(jù)一個或多個實施例的示例web瀏覽器。圖3示出根據(jù)一個或多個實施例的控件布局區(qū)域。
圖4示出根據(jù)另一實施例的控件布局區(qū)域。圖5示出根據(jù)又一實施例的控件布局區(qū)域。圖6示出根據(jù)又一實施例的控件布局區(qū)域。圖7示出了根據(jù)一個或多個實施例的示例web瀏覽器。圖8示出根據(jù)又一實施例的控件布局區(qū)域。圖9示出根據(jù)又一實施例的控件布局區(qū)域。圖10是描述根據(jù)一個或多個實施例的方法中的各步驟的流程圖。圖11示出可用于實現(xiàn)一個或多個實施例的示例系統(tǒng)。
具體實施例方式概覽在各實施例中，web瀏覽器用戶界面包括在該web瀏覽器用戶界面的頂部處沿單條線分布的所選控件的子集?？丶牟季挚梢允菑淖笾劣一驈挠抑磷蟮姆绞?。具體而言， 在從左至右布局中，滿足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的左側(cè)。從左至右布局在用戶從左至右閱讀的場合中適用。這將提供舒適的直觀的體驗。類似地，在從右至左布局中，滿足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的右側(cè)。從右至左布局在用戶從右至左閱讀的場合中適用。這將為這些用戶提供舒適的直觀的體驗。可以使用任何合適類型的準(zhǔn)則來確定如何沿單條線來分布所選控件。沿單條線分布所選控件高效地利用水平和垂直屏幕可操作區(qū)域。具體而言，在水平維度中，使所選控件沿單條線分布便于對在至少一些實施例中更頻繁使用的控件進行快速視覺標(biāo)識。這使得在垂直維度上的屏幕可操作區(qū)域被用于例如可能使用得較不頻繁的其他控件。在至少一些實施例中，分布成單條線的控件中的至少一些是與某種類型的導(dǎo)航相關(guān)的控件。例如，這樣的控件可包括，作為示例而非限制，后退和前進導(dǎo)航按鈕、諸如地址欄或搜索欄等提供輸入域的導(dǎo)航控件、和/或使用戶能夠在諸如標(biāo)簽等不同內(nèi)容的視圖之間切換的輸入工具。另外，在至少一些實施例中，可以按對站點內(nèi)容而非控件給予更大強調(diào)的方式來在web瀏覽器用戶界面中可視地處理控件集。在至少一些實施例中，web瀏覽器用戶界面被設(shè)計成啟用站點品牌化和站點功能性。具體而言，網(wǎng)站可以提供可被用在靠近web瀏覽器用戶界面頂部的控件布局區(qū)域中的內(nèi)容，以通過使用用作品牌化工具以及站點的主頁按鈕雙重角色的色彩和/或稱為“網(wǎng)頁圖標(biāo)”的站點提供的圖標(biāo)來增強品牌化。此外，在至少一些實施例中，可以通過使用被用于呈現(xiàn)一個或多個web瀏覽器導(dǎo)航控件的站點相關(guān)聯(lián)的色彩來增強品牌化。此外，在至少一些實施例中，網(wǎng)站不一定提供瀏覽器的所有功能。相反，站點可以提供或指定最適于該特定網(wǎng)站的功能。以此方式，通過帶有更少分心的更加集中于站點的體驗來增強用戶體驗，同時提供至少一些瀏覽器控件。例如，一些網(wǎng)站比其他網(wǎng)站更適于擔(dān)當(dāng)應(yīng)用程序。但是，這些網(wǎng)站仍然可從至少一些瀏覽器功能中得到好處。例如，新聞?wù)军c可利用核心瀏覽器功能中的大多數(shù)功能(如導(dǎo)航按鈕)來導(dǎo)航到該站點的不同部分。然而，新聞?wù)军c可能缺少將文章排隊到各標(biāo)簽中的能力。通過經(jīng)由被展示給用戶的用戶界面來啟用應(yīng)用程序類體驗并同時使諸如標(biāo)簽等瀏覽器控件可用，在提供以站點為中心的體驗連同至少一些瀏覽器功能的程度上增強了用戶體驗。作為另一示例，考慮諸如提供快速查找站點上的信息的能力的沉浸式(immersive)站點等情況。例如，用戶可能正在使用web電子郵件應(yīng)用程序并從一朋友處接收到去看電影的電子郵件。并非必須訪問全web瀏覽器，用戶可以簡單地在它們的web 電子郵件應(yīng)用程序中打開新標(biāo)簽并執(zhí)行搜索，而不失去該電子郵件應(yīng)用程序的上下文。在以下討論中，提供了題為“操作環(huán)境”的章節(jié)，該章節(jié)描述其中可采用一個或多個實施例的一個環(huán)境。接著，題為“示例線性控件布局模塊”的章節(jié)描述了根據(jù)一個或多個實施例的示例線性控件布局模塊。隨后，題為“用于強調(diào)站點內(nèi)容的控件視覺處理”的章節(jié)描述了根據(jù)一個或多個實施例的可如何可視地處理控件以強調(diào)站點內(nèi)容。然后，題為“對出現(xiàn)在控件布局區(qū)域中的某些控件給予視覺強調(diào)”的章節(jié)描述了根據(jù)一個或多個實施例的可如何對某些控件給予視覺強調(diào)。接著，題為“確定地址欄相對于標(biāo)簽帶的大小”的章節(jié)描述了根據(jù)一個或多個實施例的可如何確定以及重新確定地址欄相對于標(biāo)簽帶的大小。隨后， 題為“品牌化的瀏覽器框架”的章節(jié)描述了根據(jù)一個或多個實施例的可如何對web瀏覽器用戶界面進行品牌化。此后，題為“示例方法”的章節(jié)描述了根據(jù)一個或多個實施例的示例方法。最后，題為“示例系統(tǒng)”的章節(jié)描述了根據(jù)一個或多個實施例的示例系統(tǒng)。操作環(huán)境圖1在100處概括示出了根據(jù)一個或多個實施例的操作環(huán)境。環(huán)境100包括計算設(shè)備102，計算設(shè)備102具有一個或多個處理器104、一個或多個計算機可讀存儲介質(zhì)106 和駐留在計算機可讀存儲介質(zhì)上并可由處理器執(zhí)行的一個或多個應(yīng)用程序108。計算機可讀存儲介質(zhì)可包括，作為示例而非限制，通常與計算設(shè)相關(guān)聯(lián)的所有形式的易失性和非易失性存儲器和/或存儲介質(zhì)。這種介質(zhì)可包括ROM、RAM、閃存、硬盤、可移動介質(zhì)等。計算設(shè)備的一個具體示例以下在圖10中示出并描述。另外，計算設(shè)備102包括web瀏覽器110形式的軟件應(yīng)用程序，它包括或以其他方式利用如在上文和下文所描述的那樣操作的用于提供web瀏覽器用戶界面的線性控件布局模塊111。線性控件布局模塊被設(shè)計成幫助用戶集中于網(wǎng)站的內(nèi)容，同時移除可由控件提供的分心中的一些。例如，web瀏覽器用戶界面，經(jīng)由線性控件布局模塊，可包括在該web 瀏覽器用戶界面的頂部沿單條線分布的所選控件的子集如上所述，控件的布局可以是從左至右或從右至左的方式。可以使用任何合適類型的準(zhǔn)則來確定如何沿單條線來分布所選控件。例如，一個準(zhǔn)則可包括特定控件在一群用戶中的使用頻率。作為替換或補充，另一準(zhǔn)則可包括個別用戶的偏好，使得各控件在該單條線上的外觀可由用戶定制。此外，在至少一些實施例中，沿單條線分布的控件中的至少一些是與某種類型的導(dǎo)航相關(guān)的控件。例如，這樣的控件可包括，作為示例而非限制，后退和前進導(dǎo)航按鈕、諸如地址欄或搜索欄等提供輸入域的導(dǎo)航控件、和/或使用戶能夠在諸如標(biāo)簽等不同內(nèi)容的視圖之間切換的輸入工具。另外，如在下文中將顯而易見的，在至少一些實施例中，可以按對站點內(nèi)容而非控件給予更大強調(diào)的方式來在web瀏覽器用戶界面中可視地處理控件集。此外，如在上文和下文中描述的，在至少一些實施例中，線性控件布局模塊被設(shè)計成使網(wǎng)站能夠?qū)⒁粋€或多個web瀏覽器控件品牌化，以增強網(wǎng)站的關(guān)聯(lián)并提供集成了品牌的用戶體驗。另外，環(huán)境100包括諸如因特網(wǎng)等網(wǎng)絡(luò)112，以及可從中接收和向其發(fā)送內(nèi)容的一個或多個web服務(wù)器114。這樣的內(nèi)容可包括從web服務(wù)器接收到的網(wǎng)頁。計算設(shè)備102可被具體化為任何合適的計算設(shè)備，諸如作為示例而非限制，臺式計算機，便攜式計算機，諸如個人數(shù)字助理(PDA)、蜂窩電話等手持式計算機，等等。描述了示例操作環(huán)境之后，現(xiàn)在考慮可利用線性控件布局模塊111的一些示例實施例的討論。示例線性控件布局模塊圖2在200處概括示出了根據(jù)一個或多個實施例的示例web瀏覽器。在該特定示例中，web瀏覽器200包括web瀏覽器用戶界面202，web瀏覽器用戶界面202又包括內(nèi)容呈現(xiàn)區(qū)域206附近或上方的控件布局區(qū)域204?？丶季謪^(qū)域204是在線性控件布局模塊111 (圖1)的影響下提供的?？丶季謪^(qū)域204被設(shè)計成幫助用戶集中于網(wǎng)站的內(nèi)容，如在內(nèi)容呈現(xiàn)區(qū)域206中呈現(xiàn)的內(nèi)容，同時移除可由控件提供的分心中的一些。例如，web瀏覽器用戶界面，經(jīng)由線性控件布局模塊， 可包括在該web瀏覽器用戶界面的頂部沿單條線分布的所選控件的子集這在圖3中更詳細(xì)的示出。圖3更詳細(xì)地示出根據(jù)一個或多個實施例的控件布局區(qū)域204。在該示例中，多個控件沿被示為“1”的單條線來分布。如上所述，控件的布局可以是從左至右或從右至左的方式?？梢允褂萌魏魏线m類型的準(zhǔn)則來確定如何沿單條線來分布所選控件，準(zhǔn)則的示例在上文提供。在一個或多個實施例中，控件編組可以基于這些控件彼此之間的關(guān)系，如在下文中將顯而易見的。例如，在至少一些實施例中，沿單條線分布的控件中的至少一些是與某種類型的導(dǎo)航相關(guān)的控件。例如，這樣的控件可包括，作為示例而非限制，后退和前進導(dǎo)航按鈕300、諸如地址欄或搜索欄等提供用于接收或呈現(xiàn)文本的輸入域的導(dǎo)航控件302、和/或使用戶能夠在諸如標(biāo)簽304等不同內(nèi)容的視圖之間切換的輸入工具。在所示出并描述的實施例中，將后退和前進導(dǎo)航按鈕編組在一起是合乎需要的， 因為它們中的每一個都與導(dǎo)航相關(guān)。此外，在至少一些實施例中，將諸如由導(dǎo)航控件302表示的地址欄等地址欄編組在后退和前進按鈕附近是合乎需要的。這是因為地址欄和后退/ 前進按鈕在地址欄示出在一些情況下瀏覽器經(jīng)由后退和前進按鈕所導(dǎo)航的URL的程度上是相關(guān)的。另外，其他控件可以沿線1分布，如所謂的輔助控件306。從視覺觀點來看，在至少一些實施例中，線1定義了控件的連續(xù)區(qū)，這些控件是按照從滿足某一個或一些準(zhǔn)則的控件到在較少程度上滿足(或根本不滿足)該一個或一些準(zhǔn)則的控件來分布的。在至少一些實施例中，線1被布置在web瀏覽器用戶界面的頂部(圖2)，并且包括其上方?jīng)]有其他導(dǎo)航控件的至少一些導(dǎo)航控件。在其他實施例中，線1被布置在web瀏覽器用戶界面的頂部，并且包括包含一個或多個標(biāo)簽的其上方?jīng)]有其他導(dǎo)航控件的標(biāo)簽帶。圖4示出根據(jù)又一實施例的控件布局區(qū)域204。來自圖3實施例的相同附圖標(biāo)記被用來描繪相同組件。在該示例中，控件布局區(qū)域204包括提供諸如地址欄或搜索欄等輸入域的導(dǎo)航控件302以及使用戶能夠在諸如沿線1分布的標(biāo)簽304等不同內(nèi)容的各視圖之間切換的輸入工具。圖5示出根據(jù)又一實施例的控件布局區(qū)域204。來自圖3實施例的相同附圖標(biāo)記被用來描繪相同組件。在該示例中，控件布局區(qū)域204包括后退和前進導(dǎo)航按鈕300以及使用戶能夠在諸如沿線1分布的標(biāo)簽304等不同內(nèi)容的各視圖之間切換的輸入工具。圖6示出根據(jù)又一實施例的控件布局區(qū)域204。來自圖3實施例的相同附圖標(biāo)記被用來描繪相同組件。在該示例中，控件布局區(qū)域204包括地址欄出現(xiàn)在其中的標(biāo)簽600。 為清楚起見，線1被斷開。在該示例中，使地址欄包括在標(biāo)簽內(nèi)可以便于當(dāng)前位置的清楚和視覺標(biāo)識。具體而言，使這一共享信息出現(xiàn)在一個控件中提供了用戶導(dǎo)航到的位置的一個清楚地址。在各位置間切換和導(dǎo)航花費了較少步驟并利用了較少認(rèn)知負(fù)載。用于強調(diào)站點內(nèi)容的控件視覺處理另外，如在下文中將顯而易見的，在至少一些實施例中，可以按對站點內(nèi)容而非控件給予更大強調(diào)的方式來在web瀏覽器用戶界面中可視地處理控件集。作為示例，考慮圖7，其中來自圖2實施例的相同附圖標(biāo)記被用來描繪相同組件。 在其中，示出了根據(jù)一個或多個實施例的示例web瀏覽器200。在該特定示例中，web瀏覽器200包括web瀏覽器用戶界面202，web瀏覽器用戶界面202又包括控件布局區(qū)域204和內(nèi)容呈現(xiàn)區(qū)域206。如在以上示例中一樣，控件布局區(qū)域204是在線性控件布局模塊111(圖1)的影響下提供的?？丶季謪^(qū)域204被設(shè)計成幫助用戶集中于網(wǎng)站的內(nèi)容，如在內(nèi)容呈現(xiàn)區(qū)域 206中呈現(xiàn)的內(nèi)容，同時移除可由控件提供的分心中的一些。例如，web瀏覽器用戶界面，經(jīng)由線性控件布局模塊，可包括在該web瀏覽器用戶界面的頂部沿單條線分布的所選控件的子集此外，在該示例中，web瀏覽器用戶界面被示為對照客戶機桌面700來呈現(xiàn)，客戶機桌面700包括由灰虛線圖案所表示的主題。可以使用任何合適的主題。在所示出并描述的實施例中，為了對內(nèi)容呈現(xiàn)區(qū)域206中呈現(xiàn)的內(nèi)容給予更大視覺強調(diào)，可以將控件布局區(qū)域204呈現(xiàn)得清楚以便反映底層主題。具體而言，在該示例中， 注意到，出現(xiàn)在內(nèi)容呈現(xiàn)區(qū)域中的控件反映由灰虛線圖案所示的底層主題。在至少一些實施例中，在用戶選擇出現(xiàn)在控件布局區(qū)域204內(nèi)的特定控件時，該控件可以采取可便于發(fā)現(xiàn)出現(xiàn)在控件區(qū)域204中的控件的不同色彩。作為替換或補充，出現(xiàn)在控件布局區(qū)域204內(nèi)的控件可以按單色方式來呈現(xiàn)，其中控件和它們在其中出現(xiàn)的相關(guān)聯(lián)的控件布局區(qū)域可以用被選擇來強調(diào)出現(xiàn)在內(nèi)容呈現(xiàn)區(qū)域206中的內(nèi)容的單個色彩來呈現(xiàn)。例如，控件和控件布局區(qū)域204可以用灰度級來呈現(xiàn)，以對內(nèi)容呈現(xiàn)區(qū)域206給予強調(diào)。在用戶選擇了控件之后，該控件可以采取不同的色彩以在該控件上給予強調(diào)。對出現(xiàn)在控件布局區(qū)域中的某些控件給予視覺強調(diào)在至少一些實施例中，可對出現(xiàn)在控件布局區(qū)域中的某些控件給予視覺強調(diào)。作為示例，考慮圖8，它示出根據(jù)一替換實施例的圖3示例的控件布局區(qū)域204。來自圖3實施例的相同附圖標(biāo)記被用來描繪相同組件。 在該示例中，如在以上示例中一樣，多個控件沿被示為“ 1，，的單條線來分布。這些示例控件可包括，作為示例而非限制，后退和前進導(dǎo)航按鈕300、諸如地址欄或搜索欄等提供輸入域的導(dǎo)航控件302、和/或使用戶能夠在諸如標(biāo)簽304等不同內(nèi)容的視圖之間切換的輸入工具。 注意，在該示例中，后退導(dǎo)航按鈕800顯得比前進導(dǎo)航按鈕802更大。在該示例中， 按鈕800更大是因為它使用得比前進導(dǎo)航按鈕802更頻繁。當(dāng)然，可以使用其他視覺強調(diào)技術(shù)而不背離所要求保護的主題的精神和范圍。確定地址欄相對于標(biāo)簽帶的大小因為顯示屏大小在水平方向上更大，所以存在著提供寬屏用戶體驗的趨勢。當(dāng)然， 上述實施例中的至少一些實施例的動機中的一部分與通過高效地使用在水平上可用的屏幕可操作區(qū)域來提供改進的用戶體驗相關(guān)聯(lián)。在至少一些實施例中，web瀏覽器是以當(dāng)重新確定web瀏覽器窗口的大小時高效地管理控件布局區(qū)域中的控件的方式來設(shè)計的。例如，web瀏覽器可以查明顯示屏的水平分辨率，并且可響應(yīng)于窗口重新確定大小操作來智能地管理標(biāo)簽和地址欄的布局。例如，web瀏覽器可以選擇包含標(biāo)簽的標(biāo)簽帶的大小與地址欄的大小之間的比率。 該比率可以結(jié)合顯示屏的水平分辨率的變化而變化。此外，一旦選擇了標(biāo)簽帶與地址欄之間的比率，web瀏覽器就可以嘗試在重新確定web瀏覽器窗口的大小(例如，使之更小)時維持這一比率。然而，當(dāng)web瀏覽器窗口的大小被減小到某一閾值水平時，web瀏覽器可以切換到經(jīng)減小的地址欄寬度并且可開始移除控件，如輔助控件。可以選擇地址欄的經(jīng)減小的寬度的尺寸以維持其中的文本的所需量。在窗口的大小繼續(xù)減小時，web瀏覽器可以開始移除標(biāo)簽，使得即使在非常小的屏幕大小上地址欄和導(dǎo)航控件也是可見的?，F(xiàn)在考慮其中根據(jù)一個或多個實施例的瀏覽器的框架可被品牌化以增強網(wǎng)站的關(guān)聯(lián)的實施例。品牌化的瀏覽器框架如上所述，在至少一些實施例中，web瀏覽器用戶界面被設(shè)計成啟用站點品牌化和站點功能性。具體而言，網(wǎng)站可以提供可被用在靠近web瀏覽器用戶界面頂部的控件布局區(qū)域(構(gòu)成瀏覽器的所謂的“框架”的那一部分)中的內(nèi)容，以通過使用用作品牌化工具以及站點的主頁按鈕雙重角色的色彩和/或稱為“網(wǎng)頁圖標(biāo)”的站點提供的圖標(biāo)來增強品牌化。內(nèi)容可由網(wǎng)站以任何合適的方式來提供。例如，在至少一些實施例中，這樣的內(nèi)容可由網(wǎng)站通過所謂的“鎖定”過程來提供，在鎖定過程中網(wǎng)站被鎖定到桌面的任務(wù)欄。當(dāng)然，可以明白和理解，由網(wǎng)站提供的內(nèi)容可以獨立于鎖定過程來提供。例如，在創(chuàng)建桌面快捷方式和/或?qū)⒕W(wǎng)站添加到桌面的開始菜單的情況下，可以提供內(nèi)容。網(wǎng)站可由于用戶動作而被鎖定到桌面的任務(wù)欄，如拖放操作，其中用戶從瀏覽器的地址欄拖動網(wǎng)站的圖標(biāo)并將它放到它們的任務(wù)欄上。這樣做會造成在本地客戶機上創(chuàng)建包括可由該網(wǎng)站提供的內(nèi)容的web應(yīng)用文件。例如，這樣的內(nèi)容可包括，作為示例而非限制，作為由瀏覽器顯示的初始頁面的開始URL、該網(wǎng)站指定的各導(dǎo)航域、web應(yīng)用標(biāo)題、以及稱為“網(wǎng)頁圖標(biāo)”的站點提供的圖標(biāo)。網(wǎng)頁圖標(biāo)出現(xiàn)在任務(wù)欄上，并且在被點擊時造成瀏覽器的實例化以及到與開始URL相關(guān)聯(lián)的初始頁面的導(dǎo)航。以類似的方式，如果網(wǎng)站被添加到桌面，則網(wǎng)頁圖標(biāo)將出現(xiàn)在桌面上。作為替換或補充，如果網(wǎng)頁圖標(biāo)被添加到開始菜單或應(yīng)用程序菜單上，則它將被顯示在那里。作為示例，考慮圖9，它示出根據(jù)一替換實施例的圖3示例的控件布局區(qū)域204。來自圖3實施例的相同附圖標(biāo)記被用來描繪相同組件。在該示例中，如在以上示例中一樣，多個控件沿被示為“ 1，，的單條線來分布。這些示例控件可包括，作為示例而非限制，后退和前進導(dǎo)航按鈕300、諸如地址欄或搜索欄等提供輸入域的導(dǎo)航控件302、和/或使用戶能夠在諸如標(biāo)簽304等不同內(nèi)容的視圖之間切換的輸入工具。在該示例中，提供控件904，并且控件904包括與網(wǎng)站相關(guān)聯(lián)的內(nèi)容和/或網(wǎng)頁圖標(biāo)，在此該網(wǎng)站的標(biāo)題是“CNN”。另外，用網(wǎng)站的網(wǎng)頁圖標(biāo)的主色彩來對控件904進行品牌化?？梢杂萌魏魏线m的方式來確定被用來對控件904進行品牌化的色彩。例如，在至少一些實施例中，該色彩可以通過確定網(wǎng)站的網(wǎng)頁圖標(biāo)中出現(xiàn)的最主要色彩來確定。作為替換或補充，該色彩可由網(wǎng)站開發(fā)人員來指定，并在存儲在客戶機設(shè)備上的web應(yīng)用文件中列出。在至少一些實施例中，控件904用作雙重角色，既作為品牌化機制又作為網(wǎng)站的主頁按鈕。具體而言，如果用戶深入導(dǎo)航特定網(wǎng)站，則他們可以通過點擊控件904來立即返回到該站點的主頁。還要注意，在該示例中，后退導(dǎo)航按鈕900顯得比前進導(dǎo)航按鈕902更大。在該示例中，按鈕900更大是因為它使用得比前進導(dǎo)航按鈕902更頻繁。還要注意，在該實施例中， 站點品牌化是通過來以被用來對控件904進行品牌化的色彩呈現(xiàn)控件900、902來增強的。還要注意，在至少一些實施例中，通過使用出現(xiàn)在標(biāo)簽304中的網(wǎng)站圖標(biāo)906來進
一步增強品牌化。在至少一些實施例中，導(dǎo)航按鈕900、902以及其他控件可以利用站點相關(guān)聯(lián)的色彩來描繪活動或不活動的狀態(tài)。具體而言，當(dāng)諸如導(dǎo)航按鈕900、902等控件既活動又不活動時，可以使用站點相關(guān)聯(lián)的色彩。在不活動狀態(tài)中，除站點相關(guān)聯(lián)的色彩之外，可以使用其他色彩來描繪該不活動狀態(tài)。例如，在該示例中，當(dāng)前進按鈕902不活動時，出現(xiàn)在該按鈕中的白箭頭可以用灰度級來呈現(xiàn)。在至少一些實施例中，可以基于可以由站點的web開發(fā)人員指定和/或由最終用戶指定的自定義參數(shù)來定制各單獨的網(wǎng)站。例如，對于新聞?wù)军c，需要網(wǎng)頁圖標(biāo)欄來使故事能夠被“剪輯”并保存。另一方面，對于具有其自己的“加標(biāo)志”觀點的電子郵件應(yīng)用程序， 收藏夾欄將是重復(fù)的并且因此是不必要的。在操作上，當(dāng)用戶導(dǎo)航通過站點的內(nèi)容時，web瀏覽器的品牌化的框架(包括品牌化的控件)提醒用戶內(nèi)容與該網(wǎng)站的從屬關(guān)系?？梢悦靼缀屠斫猓鲜鰧嵤├母魈卣骺梢耘c其他所描述的特征一起使用，即使這些特征沒有在同一附圖中一起出現(xiàn)。示例方法圖10是描述根據(jù)一個或多個實施例的方法中的各步驟的流程圖。該方法可以結(jié)合任何合適的硬件、軟件、固件或其組合來實現(xiàn)。在至少一些實施例中，該方法可以用軟件以web瀏覽器和/或線性控件布局模塊的形式來實現(xiàn)，如上述線性控件布局模塊。步驟1000呈現(xiàn)web瀏覽器用戶界面。步驟1002將所選控件沿靠近web瀏覽器用戶界面頂部的單條線來分布。所選控件的示例在上文中提供。示例系統(tǒng)圖11示出可用來實現(xiàn)上述各實施例的示例計算設(shè)備1100。計算設(shè)備1100可以是例如圖1的計算設(shè)備102或web服務(wù)器114。計算設(shè)備1100包括一個或多個處理器或處理單元1102、一個或多個存儲器和/或存儲組件1104、一個或多個輸入/輸出(I/O)設(shè)備1106、以及允許各組件和設(shè)備彼此通信的總線1108?？偩€1108表示若干類型的總線結(jié)構(gòu)中的任何一種的一個或多個，包括存儲器總線或存儲器控制器、外圍總線、加速圖形端口，以及使用各種總線體系結(jié)構(gòu)中的任何一種的處理器或局部總線?？偩€1108可包括有線和/或無線總線。存儲器/存儲組件1104表示一個或多個計算機存儲介質(zhì)。組件1104可包括易失性介質(zhì)(諸如隨機存取存儲器(RAM))和/或非易失性介質(zhì)(諸如只讀存儲器(ROM)、閃存、 光盤、磁盤等等)。組件1104可包括固定介質(zhì)(例如，RAM、ROM、固定硬盤驅(qū)動器等等)以及可移動介質(zhì)(例如，閃存驅(qū)動器、可移動硬盤驅(qū)動器、光盤等等)。—個或多個輸入/輸出設(shè)備1106允許用戶向計算設(shè)備1100輸入命令和信息，并且還允許向用戶和/或其他組件或設(shè)備呈現(xiàn)信息。輸入設(shè)備的示例包括鍵盤、光標(biāo)控制設(shè)備(例如，鼠標(biāo))、話筒、掃描儀等等。輸出設(shè)備的示例包括顯示設(shè)備(例如，監(jiān)視器或投影儀)、揚聲器、打印機、網(wǎng)卡等等。此處可以在軟件或程序模塊的一般上下文中描述各種技術(shù)。一般而言，軟件包括執(zhí)行特定任務(wù)或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類型的例程、程序、對象、組件、數(shù)據(jù)結(jié)構(gòu)等等。這些模塊和技術(shù)的實現(xiàn)可以存儲在某種形式的計算機可讀介質(zhì)上或通過某種形式的計算機可讀介質(zhì)傳輸。計算機可讀介質(zhì)可以是可以被計算設(shè)備訪問的任何可用介質(zhì)。作為示例而非限制， 計算機可讀介質(zhì)可以包括“計算機可讀存儲介質(zhì)”?！坝嬎銠C可讀存儲介質(zhì)”包括以用于存儲諸如計算機可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序模塊或其他數(shù)據(jù)等信息的任何方法或技術(shù)實現(xiàn)的易失性和非易失性、可移動和不可移動介質(zhì)。計算機可讀存儲介質(zhì)包括但不限于，RAM、R0M、EEPR0M、閃存或其他存儲器技術(shù)、CD-ROM、 數(shù)字多功能盤(DVD)或其他光盤存儲、盒式磁帶、磁帶、磁盤存儲或其他磁存儲設(shè)備，或者可用于存儲所需信息并可由計算機訪問的任何其他介質(zhì)。結(jié)論在各實施例中，web瀏覽器用戶界面包括在該web瀏覽器用戶界面的頂部處沿單條線分布的所選控件的子集?？丶牟季挚梢允菑淖笾劣一驈挠抑磷蟮姆绞健＞唧w而言， 在從左至右布局中，滿足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的左側(cè)。類似地，在從右至左布局中，滿足特定準(zhǔn)則的所選控件可出現(xiàn)在其他控件的右側(cè)。在至少一些實施例中，沿單條線分布的控件中的至少一些是與某種類型的導(dǎo)航相關(guān)的控件。這些控件可包括使用戶能夠提供文本輸入的那些控件。在至少一些實施例中，web瀏覽器用戶界面被設(shè)計成啟用站點品牌化和站點功能性。具體而言，網(wǎng)站可以提供可被用在靠近web瀏覽器用戶界面頂部的控件布局區(qū)域中的內(nèi)容，以通過使用用作品牌化工具以及站點的主頁按鈕雙重角色的色彩和/或稱為“網(wǎng)頁圖標(biāo)”的站點提供的圖標(biāo)來增強品牌化。此外，在至少一些實施例中，可以通過使用被用于呈現(xiàn)一個或多個web瀏覽器導(dǎo)航控件的站點相關(guān)聯(lián)的色彩來增強品牌化。盡管用結(jié)構(gòu)特征和/或方法動作專用的語言描述了本主題，但是可以理解，所附權(quán)利要求書中定義的主題不必限于上述具體特征或動作。更確切而言，上述具體特征和動作是作為實現(xiàn)權(quán)利要求的示例形式公開的。
權(quán)利要求
1.一個或多個包含計算機可讀指令的計算機可讀存儲介質(zhì)(106)，所述指令在被執(zhí)行時實現(xiàn)一種web瀏覽器(110)，所述web瀏覽器包括web瀏覽器用戶界面Q02)；所述web瀏覽器用戶界面Q02)內(nèi)的內(nèi)容呈現(xiàn)區(qū)域O06)；以及所述內(nèi)容呈現(xiàn)區(qū)域O06)附近或上方的控件布局區(qū)域004)，其中所述控件布局區(qū)域(204)包括在所述web瀏覽器用戶界面Q02)的頂部沿單條線分布的所選控件的子集，其中所選控件之一包括用作網(wǎng)站的主頁按鈕的網(wǎng)站品牌化的控件(904)和提供輸入域的導(dǎo)航控件(302)。
2.如權(quán)利要求1所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，所述導(dǎo)航控件包括地址欄。
3.如權(quán)利要求1所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，所述導(dǎo)航控件包括搜索欄。
4.如權(quán)利要求1所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，所選控件還包括一個或多個標(biāo)簽。
5.如權(quán)利要求1所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，所述web瀏覽器用戶界面不包括出現(xiàn)在沿所述單條線分布的所選控件上方的其他導(dǎo)航控件。
6.一個或多個包含計算機可讀指令的計算機可讀存儲介質(zhì)(106)，所述指令在被執(zhí)行時實現(xiàn)一種web瀏覽器(110)，所述web瀏覽器包括 web瀏覽器用戶界面Q02)；所述web瀏覽器用戶界面Q02)內(nèi)的內(nèi)容呈現(xiàn)區(qū)域O06)；以及所述內(nèi)容呈現(xiàn)區(qū)域O06)附近或上方的控件布局區(qū)域004)，其中所述控件布局區(qū)域(204)包括在所述web瀏覽器用戶界面(20 的頂部沿單條線分布的所選控件的子集，其中所選控件包括用作網(wǎng)站的主頁按鈕的網(wǎng)站色彩品牌化的控件(904)、后退和前進網(wǎng)站色彩品牌化的導(dǎo)航按鈕(300)、提供輸入域的導(dǎo)航控件(302)、以及使用戶能夠在不同內(nèi)容的各視圖之間切換的輸入工具(304)。
7.如權(quán)利要求6所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，提供輸入域的所述導(dǎo)航控件包括地址欄。
8.如權(quán)利要求6所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，提供輸入域的所述導(dǎo)航控件包括地址欄，其中使用戶能夠在不同內(nèi)容的各視圖之間切換的所述輸入工具包括一個或多個標(biāo)簽。
9.如權(quán)利要求6所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，提供輸入域的所述導(dǎo)航控件包括地址欄，其中使用戶能夠在不同內(nèi)容的各視圖之間切換的所述輸入工具包括一個或多個標(biāo)簽，并且其中所述一個或多個標(biāo)簽之一被配置成包括色彩品牌化的網(wǎng)站圖標(biāo)。
10.如權(quán)利要求6所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，所選控件中的至少一些被配置成使用網(wǎng)站相關(guān)聯(lián)的色彩來描繪活動和不活動的狀態(tài)。
11.如權(quán)利要求6所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，使用戶能夠在不同內(nèi)容的各視圖之間切換的所述輸入工具包括一個或多個標(biāo)簽，所述一個或多個標(biāo)簽中的至少一個被配置成包括色彩品牌化的網(wǎng)站圖標(biāo)。
12.如權(quán)利要求6所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，所述web瀏覽器用戶界面不包括出現(xiàn)在沿所述單條線分布的所選控件上方的其他導(dǎo)航控件。
13.如權(quán)利要求6所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，所選控件沿所述單條線以從左至右的方式來分布。
14.如權(quán)利要求6所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，所選控件中的至少一些根據(jù)它們在一群用戶中的相關(guān)聯(lián)的使用頻率來沿單條線分布。
15.如權(quán)利要求6所述的一個或多個計算機可讀存儲介質(zhì)，其特征在于，至少一些控件沿所述單條線的外觀可由用戶定制。
全文摘要
本發(fā)明涉及品牌化的瀏覽器框架。在至少一些實施例中，web瀏覽器用戶界面被設(shè)計成啟用站點品牌化和站點功能性。具體而言，網(wǎng)站可以提供可被用在靠近web瀏覽器用戶界面頂部的控件布局區(qū)域中的內(nèi)容，以通過使用用作品牌化工具以及站點的主頁按鈕雙重角色的色彩和/或稱為“網(wǎng)頁圖標(biāo)”的站點提供的圖標(biāo)來增強品牌化。此外，在至少一些實施例中，可以通過使用被用于呈現(xiàn)一個或多個web瀏覽器導(dǎo)航控件的站點相關(guān)聯(lián)的色彩來增強品牌化。
文檔編號G06F17/30GK102402578SQ20111028854
公開日2012年4月4日 申請日期2011年9月13日 優(yōu)先權(quán)日2010年9月14日
發(fā)明者A·H·馬雷克, B·A·摩根, I·西萊里奧, J·E·戴維斯, J·S·霍爾布魯克, J·T·金, L·J·格林, M·J·恩斯, M·J·霍爾, M·曼迪奇, M-L·威廉姆斯, S·J·鮑爾斯, W·G·斯蒂文斯 申請人:微軟公司