TWI483174B - 網頁的群組管理方法 - Google Patents

Description

網頁的群組管理方法

本發明是有關於一種網頁瀏覽方法，且特別是有關於一種將瀏覽器索引標籤群組化以進行管理的方法。

隨著網際網路的普及，使用瀏覽器連結網際網路以瀏覽網頁或搜集資訊，已成為現代人生活上的例行公事之一。觀察一般使用者瀏覽網頁的習慣可發現，使用者在瀏覽網頁的過程中，時常會被其中的資訊吸引，而欲進一步觀看該資訊的詳細內容。而在不想離開目前頁面的情況下，一般使用者會保留原先瀏覽的頁面，選擇以開啟新視窗或是開啟新的索引標籤的方式，在新視窗或新的索引標籤觀看所欲瀏覽的資訊。

然而，由於網頁的內容相當多元，使用者可能在開啟一個新視窗或新的索引標籤來瀏覽資訊後，又發現有其他想要觀看的資訊，而在想要保留目前頁面的情況下，只能開啟其他視窗或索引標籤，以便進行連結或搜尋。一段時間下來，使用者往往會在螢幕上開啟過多的視窗，或是在視窗內建立過多的索引標籤。結果，在使用者想要回到先前瀏覽過的網頁時，只能在眾多的視窗及索引標籤內逐一搜尋，相當不便。

有鑑於此，本發明提出一種網頁的群組管理方法，可有效率地管理網頁。

本發明提出一種網頁的群組管理方法，適用於電子裝置。此方法是在瀏覽器中開啟多個網頁，並在瀏覽器的標籤列中依序顯示對應於這些網頁的多個索引標籤。接著，接收對於這些索引標籤中的第一標籤的拖曳操作。其中，當第一標籤被拖曳至第二標籤而與第二標籤重疊時，自第二標籤擴展顯示編組介面，而當拖曳操作終止於編組介面內時，則將第一標籤加入第二標籤所屬之標籤群組，並關閉編組介面。

基於上述，本發明之網頁的群組管理方法利用拖曳標籤的方式，將標籤列中的多個標籤合併為標籤群組，並可依據操作採用下拉選單或是擴展顯示編組介面的方式，提供使用者對標籤群組內的標籤進行編輯，從而達到有效率地管理網頁的目的。

為讓本發明之上述特徵和優點能更明顯易懂，下文特舉實施例，並配合所附圖式作詳細說明如下。

觀察使用者瀏覽網頁的習慣可發現，在需要保留目前頁面的情況下，使用者一般會選擇在同一個視窗內以索引標籤的方式開啟其他網頁，以便於在這些網頁之間切換瀏覽，這些網頁之間通常具有一定的關聯性。而為了解決標 籤數目過多的問題，本發明提供一種索引標籤的群組管理機制，讓使用者能夠利用拖曳的方式將同一主題或同質性的網頁標籤合併在同一個標籤內，且在有需要觀看網頁時，再將其展開或者對其進行編輯。藉此，可提供一個更簡潔的標籤列給使用者操作，並可方便使用者管理其所瀏覽的網頁。

圖1是依照本發明一實施例所繪示之網頁的群組管理方法流程圖。請參照圖1，本實施例的方法適用於手機、智慧型手機、個人數位助理(Personal Digital Assistant，PDA)、個人數位助理手機、平板電腦、筆記型電腦或桌上型電腦等電子裝置，其步驟分述如下：

首先，由電子裝置根據使用者的操作在瀏覽器中開啟多個網頁，並在瀏覽器的標籤列中依序顯示對應於所開啟網頁的多個索引標籤(步驟S102)。其中，瀏覽器的標籤列例如是顯示在主畫面上方，而主畫面中則顯示目前被使用之索引標籤所對應之網頁的畫面。

接著，電子裝置會接收使用者對於所顯示索引標籤中第一標籤的拖曳操作(步驟S104)。其中，所述拖曳操作例如是由使用者利用滑鼠、觸控板等指向性裝置間接地對電子裝置螢幕上顯示之索引標籤進行拖拉的動作。另一方面，所述拖曳操作也可以是由使用者在觸控螢幕上直接點選並拖曳其所欲操作的索引標籤，在此不設限。

在使用者拖曳第一標籤的過程中，電子裝置會持續偵測第一標籤的移動路徑並偵測是否通過螢幕上的其他物 件。其中，當第一標籤被拖曳至第二標籤而與此第二標籤重疊時，電子裝置將自此第二標籤擴展顯示一個編組介面(步驟S106)。其中，在一實施例中，所述編組介面例如是一個以第二標籤為中心擴展的圓形區域，其可提供使用者較輕易地置放第一標籤以完成操作；在另一實施例中，所述編組介面還可在該圓形區域中顯示第二標籤所屬之標籤群組下其他索引標籤的標籤圖示，以供使用者置放第一標籤，並可進一步決定第一標籤在此標籤群組中的位置。

最後，當拖曳操作終止於所述編組介面內時，電子裝置即會將此第一標籤加入第二標籤所屬的標籤群組，並關閉編組介面(步驟S108)，從而完成標籤的群組化操作。需說明的是，若第二標籤原先已是群組標籤而包含多個索引標籤，則第一標籤將會加入此原有的標籤群組；另一方面，若第二標籤原先僅是單一標籤而非群組標籤，則電子裝置會在第一標籤加入後，建立一個新的標籤群組，並在第二標籤內顯示一個群組圖示，以將第二標籤表示為群組標籤。

舉例來說，圖2A至圖2E是依照本發明一實施例所繪示之網頁的群組管理方法的範例。請先參照圖2A，假設使用者已在瀏覽器中20開啟3個網頁，此時瀏覽器20的標籤列22會顯示對應的索引標籤1、2、3。接著，請參照圖2B，當使用者先點選標籤3並進行拖曳時，標籤3即會沿著拖曳方向移動。然後，請參照圖2C，當標籤3被移動到標籤1上而與標籤1重疊時，瀏覽器20即會以半透明的方 式自標籤1擴展顯示圓形的編組介面24，以供使用者置入標籤3。另一方面，請參照圖2D，當標籤3被移動到標籤1上而與標籤1重疊時，瀏覽器20也可以半透明的方式自標籤1擴展顯示圓形的編組介面26，並在編組介面26中顯示對應於標籤1所屬標籤群組下之索引標籤的標籤圖示262、264、266，而被拖曳的標籤3在進入編組介面26後也會化身為標籤圖示268，以供使用者置入標籤3。使用者可在編組介面26繼續拖曳標籤圖示268以調整標籤圖示268在編組介面26中的位置，從而調整被拖曳之標籤3在標籤群組下的順序。最後，請參照圖2E，當使用者將標籤3置入編組介面24並在編組介面24內終止拖曳操作時，電子裝置即會將標籤3加入標籤1所屬的標籤群組，並可將標籤1的名稱更改為群組標籤1，以及在群組標籤1內顯示一個群組圖示28，以將標籤1表示為群組標籤。

藉由上述方法，使用者即可藉由簡單的拖曳操作，完成索引標籤的編組，而可更方便地管理所開啟的網頁。需說明的是，對於已建立好標籤群組的索引標籤，本發明更提供完整的編輯機制，讓使用者可依需要，自由調整標籤群組的內容，並可將索引標籤加回標籤列或在獨立視窗中顯示。以下則舉實施例詳細說明。

圖3是依照本發明一實施例所繪示之網頁的群組管理方法流程圖。請參照圖3，本實施例的方法係接續在前述實施例的步驟S108之後，而沿用上述的編組介面對標籤群組內的索引標籤進行編輯，其詳細步驟分述如下：

首先，接收使用者對於第二標籤的選擇操作(步驟S302)，而由電子裝置自第二標籤擴展顯示編組介面(步驟S304)。所述選擇操作例如是由使用者以滑鼠左鍵點選第二標籤，或是由使用者直接以手指點選第二標籤，在此不設限。所述編組介面例如會顯示同一個標籤群組下的一部分或所有的索引標籤的標籤圖示。

接著，由電子裝置接收使用者對於編組介面內第三標籤的拖曳操作(步驟S306)。此時，電子裝置會追蹤此拖曳操作的方向，而當第三標籤被拖曳至標籤列中除所述索引標籤外的空白區域且終止於此空白區域時，電子裝置即會自標籤群組移出第三標籤，並在標籤列新增第三標籤(步驟S308)。藉此，電子裝置即可在將第三標籤從標籤群組中移除的同時，將第三標籤加回標籤列。

另一方面，當第三標籤被拖曳至瀏覽器目前顯示的網頁且終止於該網頁時，電子裝置即會自標籤群組移出第三標籤，並開啟一個新視窗，以在新視窗內顯示此第三標籤對應的該網頁(步驟S310)。藉此，電子裝置即可在將第三標籤從標籤群組中移除的同時，將第三標籤對應的網頁顯示在獨立的視窗內。

舉例來說，圖4是依照本發明一實施例所繪示之網頁的群組管理方法的範例。請參照圖4，本實施例係接續於圖2E之後，即在標籤3加入標籤1所屬的標籤群組之後，當使用者點選標籤1時，電子裝置即會從標籤1擴展顯示編組介面26，並在其中顯示所述標籤群組下之標籤圖示 262、264、266、268。此時，若使用者點選標籤圖示268，並將其拖曳至標籤列22的空白區域(例如點A)，則電子裝置會將標籤圖示所對應的標籤3自標籤群組中移除，同時將標籤3加回標籤列22。另一方面，若使用者點選標籤圖示268，並將其拖曳至瀏覽器20內除標籤列22外的其他區域(例如點B)，則電子裝置會將標籤圖示268所對應的標籤3自標籤群組中移除，同時開啟新的視窗，以在新視窗內顯示標籤3對應的網頁。

另一方面，圖5是依照本發明一實施例所繪示之網頁的群組管理方法流程圖。請參照圖5，本實施例的方法係接續在前述實施例的步驟S108之後，而提供一種下拉標籤清單的方式對標籤群組內的索引標籤進行編輯，其詳細步驟分述如下：

首先，接收使用者對於第二標籤的選擇操作(步驟S502)，而由電子裝置自第二標籤開始，下拉包括其標籤群組下所有索引標籤的標籤清單(步驟S504)。

接著，由電子裝置接收使用者對於標籤清單內第三標籤的拖曳操作(步驟S506)。此時，電子裝置會追蹤此拖曳操作的方向，而當第三標籤被拖曳至標籤列中除所述索引標籤外的空白區域且終止於此空白區域時，電子裝置即會自標籤群組移出第三標籤，並在標籤列新增第三標籤(步驟S508)。藉此，電子裝置即可在將第三標籤從標籤群組中移除的同時，將第三標籤加回標籤列。

另一方面，當第三標籤被拖曳至瀏覽器目前顯示的網 頁且終止於該網頁時，電子裝置即會自標籤群組移出第三標籤，並開啟一個新視窗，以在新視窗內顯示此第三標籤對應的該網頁(步驟S510)。藉此，電子裝置即可在將第三標籤從標籤群組中移除的同時，將第三標籤對應的網頁顯示在獨立的視窗內。

需說明的是，在顯示標籤清單的情況下，本實施例還容許使用者從標籤列拖曳其他索引標籤至標籤清單中，以將該索引標籤加入第二標籤所屬的標籤群組，並在標籤清單內顯示所拖曳的索引標籤。

舉例來說，圖6是依照本發明一實施例所繪示之網頁的群組管理方法的範例。請參照圖6，本實施例係接續於圖3之後，即在標籤3加入標籤1所屬的標籤群組之後，當使用者點選標籤1時，電子裝置即會從標籤1下拉一個標籤清單30，並在其中顯示所述標籤群組下之索引標籤302、304。此時，若使用者點選索引標籤304，並將其拖曳至標籤列32的空白區域(例如點C)，則電子裝置會將索引標籤304自標籤群組中移除，同時將索引標籤304加回標籤列32。另一方面，若使用者點選索引標籤304，並將其拖曳至瀏覽器30內除標籤列32外的其他區域(例如點D)，則電子裝置會將索引標籤304所對應的標籤3自標籤群組中移除，同時開啟新的視窗，以在新視窗內顯示標籤3對應的網頁。

此外，為了方便使用者搜尋標籤群組內的特定索引標籤的網頁，本發明更提供進一步的搜尋機制，在群組標籤 內顯示一個搜尋列，並接收使用者在搜尋列中輸入的文字，而據以搜尋此標籤群組下對應的索引標籤。舉例來說，圖7是依照本發明一實施例所繪示之網頁的群組管理方法的範例。請參照圖7，在本實施例中，除了在群組標籤中顯示群組圖示28外，當使用者點選了群組標籤後，還會顯示一個搜尋列32，藉以供使用者輸入文字來搜尋所需的索引標籤。

再者，為了方便使用者瀏覽標籤群組內的所有索引標籤，本發明更可根據使用者的操作，將標籤群組展開，讓使用者檢視標籤群組內的所有標籤。舉例來說，圖8A及圖8B是依照本發明一實施例所繪示之網頁的群組管理方法的範例。請先參照圖8A，當使用者對群組標籤1實施雙擊操作時，電子裝置即會在標籤列內自群組標籤1開始，(向右)擴展顯示標籤群組下的所有索引標籤，最後顯示出如圖8B所示的標籤1、2、3，以供使用者點選而瀏覽所需的網頁。

綜上所述，本發明之網頁的群組管理方法提供使用者利用拖曳標籤的方式，將標籤列中的多個標籤合併為標籤群組，從而將標籤分類管理。此外，本發明更提供使用者藉由點選、雙擊群組標籤等方式，對標籤群組內的標籤進行搜尋、移除、展開等操作，從而達到方便管理網頁的目的。

雖然本發明已以實施例揭露如上，然其並非用以限定本發明，任何所屬技術領域中具有通常知識者，在不脫離 本發明之精神和範圍內，當可作些許之更動與潤飾，故本發明之保護範圍當視後附之申請專利範圍所界定者為準。

20‧‧‧瀏覽器中

22‧‧‧標籤列

24、26‧‧‧編組介面

262、264、266、268‧‧‧標籤圖示

28‧‧‧群組圖示

30‧‧‧標籤清單

302、304‧‧‧索引標籤

32‧‧‧搜尋列

S102~S108、S302~S310、S502~S510‧‧‧步驟

圖1是依照本發明一實施例所繪示之網頁的群組管理方法流程圖。

圖2A至圖2E是依照本發明一實施例所繪示之網頁的群組管理方法的範例。

圖3是依照本發明一實施例所繪示之網頁的群組管理方法流程圖。

圖4是依照本發明一實施例所繪示之網頁的群組管理方法的範例。

圖5是依照本發明一實施例所繪示之網頁的群組管理方法流程圖。

圖6是依照本發明一實施例所繪示之網頁的群組管理方法的範例。

圖7是依照本發明一實施例所繪示之網頁的群組管理方法的範例。

圖8A及圖8B是依照本發明一實施例所繪示之網頁的群組管理方法的範例。

S102~S108‧‧‧步驟

Claims (12)

1. 一種網頁的群組管理方法，適用於一電子裝置，該方法包括下列步驟：在一瀏覽器中開啟多個網頁，並依序顯示對應於該些網頁的多個索引標籤於該瀏覽器的一標籤列；接收對於該些索引標籤中的一第一標籤的一拖曳操作；當該第一標籤被拖曳至該第二標籤而與該第二標籤重疊時，自該第二標籤擴展顯示一編組介面，其中該編組介面提供該第一標籤進行置放；以及當該拖曳操作終止於該編組介面內時，加入該第一標籤於該第二標籤所屬之一標籤群組，並關閉該編組介面。
2. 如申請專利範圍第1項所述之網頁的群組管理方法，其中當該第一標籤被拖曳至該第二標籤而與該第二標籤重疊時，自該第二標籤擴展顯示該編組介面的步驟更包括：在該編組介面中顯示對應於該第二標籤所屬之該標籤群組下所述索引標籤的多個標籤圖示。
3. 如申請專利範圍第1項所述之網頁的群組管理方法，其中加入該第一標籤於該標籤群組，並關閉該編組介面的步驟更包括：於該第二標籤內顯示一群組圖示，以表示該第二標籤為一群組標籤。
4. 如申請專利範圍第1項所述之網頁的群組管理方 法，其中在加入該第一標籤於該標籤群組，並關閉該編組介面的步驟之後，更包括：接收對於該第二標籤的一選擇操作；以及自該第二標籤擴展顯示該編組介面。
5. 如申請專利範圍第4項所述之網頁的群組管理方法，其中在自該第二標籤擴展顯示該編組介面的步驟之後，更包括：接收對於該編組介面內一第三標籤的該拖曳操作；以及當該第三標籤被拖曳至該標籤列中除所述索引標籤外的一空白區域且終止於該空白區域時，自該標籤群組移出該第三標籤，並新增該第三標籤於該標籤列。
6. 如申請專利範圍第4項所述之網頁的群組管理方法，其中在自該第二標籤擴展顯示該編組介面的步驟之後，更包括：接收對於該編組介面內一第四標籤的該拖曳操作；以及當該第四標籤被拖曳至該瀏覽器中除該標籤列外的其他區域且終止於所述其他區域時，自該標籤群組移出該第四標籤，並開啟一新視窗，以在該新視窗內顯示該第四標籤對應的該網頁。
7. 如申請專利範圍第1項所述之網頁的群組管理方法，其中在加入該第一標籤於該標籤群組，並關閉該編組介面的步驟之後，更包括： 接收對於該第二標籤的一選擇操作；以及自該第二標籤開始，下拉包括該標籤群組下所有索引標籤的一標籤清單。
8. 如申請專利範圍第7項所述之網頁的群組管理方法，其中在自該第二標籤開始，下拉包括該標籤群組下所有索引標籤的該標籤清單的步驟之後，更包括：接收對於該標籤清單中的一第五標籤的該拖曳操作；以及當該第五標籤被拖曳至該標籤列中除所述索引標籤外的一空白區域且終止於該空白區域時，自該標籤群組移出該第五標籤，並新增該第五標籤於該標籤列。
9. 如申請專利範圍第7項所述之網頁的群組管理方法，其中在自該第二標籤開始，下拉包括該標籤群組下所有索引標籤的該標籤清單的步驟之後，更包括：接收對於該標籤清單中的一第六標籤的該拖曳操作；以及當該第六標籤被拖曳至該瀏覽器中除該標籤列外的其他區域且終止於所述其他區域時，自該標籤群組移出該第六標籤，並開啟一新視窗，以在該新視窗內顯示該第六標籤對應的該網頁。
10. 如申請專利範圍第7項所述之網頁的群組管理方法，其中在自該第二標籤開始，下拉包括該標籤群組下所有索引標籤的該標籤清單的步驟之後，更包括：接收對於該標籤列中所述索引標籤中的一第七標籤 的該拖曳操作；以及當該第七標籤被拖曳至該標籤清單內時，加入該第七標籤於該標籤群組，並顯示該第七標籤於該標籤清單。
11. 如申請專利範圍第1項所述之網頁的群組管理方法，其中在加入該第一標籤於該標籤群組，並關閉該編組介面的步驟之後，更包括：接收對於該第二標籤的一雙擊操作；以及在該標籤列內自該第二標籤開始，擴展顯示該標籤群組下的所有索引標籤。
12. 如申請專利範圍第1項所述之網頁的群組管理方法，其中加入該第一標籤於該標籤群組，並關閉該編組介面的步驟更包括：於該第二標籤內顯示一搜尋列；以及接收一使用者在該搜尋列中輸入的文字，據以搜尋該標籤群組下對應的該索引標籤。