TW201416959A - 網頁介面 - Google Patents

Abstract

本發明係提供一種網頁介面，其經由一電子裝置內的一處理器控制以顯示於該電子裝置的一螢幕，該網頁介面包含一第一主顯示區、一第二主顯示區、一功能選項區與一綜合顯示區，其中該綜合顯示區係固定顯示於該螢幕。藉此，本發明之網頁介面，捲動該第一主顯示區與該第二主顯示區之數位內容時，該綜合顯示區之顯示位置始終維持不變，而達到讓使用者方便使用並提升瀏覽數位內容效率的功效。

Description

網頁介面

本發明係關於一種網頁介面，尤指包含固定顯示於螢幕之綜合顯示區的一種網頁介面。

習知的網頁介面皆為長條狀的形式，當使用者瀏覽該網頁介面時，對於顯示的數位內容超過一螢幕之畫面的部分，則需要利用瀏覽器之捲動軸來捲動該數位內容進行瀏覽，或者需要利用該網頁介面上之切換鍵以切換到其他數位內容來進行瀏覽。

然而，習知網頁介面在利用該捲動軸進行數位內容捲動時，係為整個畫面的變動，亦即該網頁介面上之主選項或廣告會因為數位內容往下捲動而消失在使用者可見之畫面中，此時，倘若使用者需要使用該等主選項，則必須將該數位內容往上捲動至初始數位內容才得以使用，因此相當不方便；此外，習知網頁介面若以該切換鍵進行數位內容切換時，當數位內容較多，則需要不斷進行切換才能瀏覽所有的數位內容，因而降低瀏覽的效率；再者，當使用者欲瀏覽某一物件的數位內容而點選該物件時，習知網頁介面的將進行整個畫面切換並重新讀取新資料，等到整個畫面切換完畢並讀取完成，使用者才得以看到該物件的相關數位內容，而導致瀏覽效率更加大幅降低。

因此，如何發明出一種網頁介面，以讓使用者方便使 用並提升網頁瀏覽效率，將是本發明所欲積極揭露之處。

本發明之一目的係提供一種網頁介面，用以讓使用者方便使用並達到提升網頁瀏覽效率的功效。

為達上述目的，本發明提供一種網頁介面，其經由一電子裝置內的一處理器控制以顯示於該電子裝置的一螢幕，該網頁介面包含一第一主顯示區、一第二主顯示區、一功能選項區與一綜合顯示區。其中，該第一主顯示區，用於顯示複數物件，且該第一主顯示區包含一第一捲動單元，以經由該處理器控制捲動該等物件；該第二主顯示區，經由該處理器連結該第一主顯示區並用於顯示該等物件中其中一物件之一資訊，且該第二主顯示區包含一第二捲動單元，以經由該處理器控制捲動該資訊；該功能選項區，經由該處理器連結該第二主顯示區，並具有複數功能選項，以經由該處理器切換該第二主顯示區內該物件之資訊；以及該綜合顯示區，固定顯示於該螢幕，該綜合顯示區係經由該處理器連結該第一主顯示區、該第二主顯示區與該功能選項區。

於一實施例中，該第一捲動單元係為一拖曳軸、一雙向箭頭或其組合，該第二捲動單元係為一拖曳軸、一雙向箭頭或其組合。

於一實施例中，該綜合顯示區更包含一主標示區、一主選項區、一主分類標示區或其任意組合，該主選項區具 有複數主選項並連結該處理器，該主分類標示區用以顯示該等物件之主分類並連結該處理器。

於一實施例中，該綜合顯示區更包含一選項環、一第一分類選項區、一第二分類選項區、一第三分類選項區或其任意組合，該選項環經由該處理器連結該主分類標示區並具有複數設定選項，該第一分類選項區經由該處理器連結該主分類標示區並具有複數第一分類選項，該第二分類選項區經由該處理器連結該第一分類選項區並具有複數第二分類選項，該第三分類選項區經由該處理器連結該第二分類選項區並具有複數第三分類選項。

於一實施例中，該等物件係為複數商品，該物件之資訊係包含一商品之圖式放大圖、各角度視圖、影片、規格、評價、賣家資訊或付款方式，該等功能選項包含一商品之圖式放大圖、各角度視圖、影片、規格、評價、賣家資訊或付款方式的圖式選項或文字選項。

於一實施例中，該綜合顯示區更包含一廣告顯示區、一第一副顯示區、一第二副顯示區或其任意組合，該第一副顯示區用於顯示購物車或瀏覽紀錄，該第二副顯示區用於顯示特價商品、限時搶購商品、熱門商品、推薦商品或廣告。

於一實施例中，該第一分類選項區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該等第一分類選項，該第二分類選項區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該等第二分類選項，該 第三分類選項區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該等第三分類選項。

於一實施例中，該功能選項區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該等功能選項。

於一實施例中，該第一副顯示區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該第一副顯示區內之數位內容，該第二副顯示區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該第二副顯示區內之數位內容。

藉此，本發明之網頁介面，透過該第一主顯示區、該第二主顯示區、該功能選項區與該綜合顯示區的配置，使得捲動該第一主顯示區與該第二主顯示區之數位內容時，該綜合顯示區之顯示位置始終維持不變，而達到讓使用者方便使用並提升瀏覽數位內容效率的功效。

為充分瞭解本發明之目的、特徵及功效，茲藉由下述具體之實施例，並配合所附之圖式，對本發明做一詳細說明，說明如後：請參考第1圖，係為本發明第一具體實施例之網頁介面的示意圖。於第1圖中，網頁介面100包含一第一主顯示區110、一第二主顯示區120、一功能選項區130以及一綜合顯示區140，該網頁介面100經由一電子裝置200內的一處理器210控制以顯示於該電子裝置200的一螢幕 220。

該第一主顯示區110，用於顯示複數物件112，且該第一主顯示區110包含一第一捲動單元114，以經由該處理器210控制捲動該等物件112。

該第二主顯示區120用於顯示該等物件112中其中一物件112之一資訊122，且該第二主顯示區120包含一第二捲動單元124，以經由該處理器210控制捲動該資訊122。其中，該第二主顯示區120係經由該處理器210連結該第一主顯示區110。

該功能選項區130，經由該處理器210連結該第二主顯示區120，並具有複數功能選項132，以經由該處理器210切換該第二主顯示區120內該物件112之資訊122。

該綜合顯示區140，固定顯示於該螢幕220，該綜合顯示區140用於顯示文字或圖式等數位內容，該綜合顯示區140係經由該處理器210連結該第一主顯示區110、該第二主顯示區120與該功能選項區130。其中，該綜合顯示區140係固定而不移動，亦即當經由該處理器210控制捲動該等物件112、該資訊122等數位內容時，該綜合顯示區140之顯示位置始終維持不變。

其中，該第一捲動單元114係可為一拖曳軸、一雙向箭頭或其組合，且該第二捲動單元124係可為一拖曳軸、一雙向箭頭或其組合，該拖曳軸可供使用者經由拖曳以捲動該等物件112或該資訊122進行瀏覽，該雙向箭頭可供使用者經由點選以捲動該等物件112或該資訊122進行瀏 覽。於本實施例中，該第一捲動單元114與該第二捲動單元124皆為該拖曳軸與該雙向箭頭的組合。

於本實施例中，該功能選項區130係配置位於該第二主顯示區120旁，以方便使用者選擇該等功能選項132來切換該第二主顯示區120所顯示之物件112的資訊122，但該功能選項區130之位置不限於此，亦可例如直接顯示於該第二主顯示區120內，以供選擇。

具體而言，該網頁介面100若以一拍賣網站為例來說明，則其中該等物件112係為複數商品，該物件112之資訊122係包含一商品之圖式放大圖、各角度視圖、影片、規格、評價、賣家資訊或付款方式，亦即當使用者由該第一主顯示區110選擇其中一商品後，經由該處理器210控制該第二主顯示區120顯示該商品之資訊122以供使用者瀏覽。

其中，該等功能選項132包含一商品之圖式放大圖、各角度視圖、影片、規格、評價、賣家資訊或付款方式的圖式選項或文字選項，因此使用者除可透過該第二主顯示區120內之第二捲動單元124捲動該資訊122外，亦可藉由該等功能選項132直接將該資訊122切換至欲瀏覽的資訊122內容，例如使用者點選其中一功能選項132之”商品簡介”，則該第二主顯示區120內之資訊122即捲動切換至關於該商品簡介之資訊122的相對位置，方便使用者瀏覽。

再者，當物件112之數量較多時，使用者需利用該第一捲動單元114捲動該等物件112，或當該等物件112之資 訊122較多，使用者需利用該第二捲動單元124捲動該資訊122，此時，該綜合顯示區140內所顯示之數位內容將不會因為前述捲動操作而移動，讓使用者可持續觀看到該綜合顯示區140內之文字或圖式。

此外，當使用者欲瀏覽某一物件112的資訊122而自該第一主顯示區110點選時，該物件112之資訊122將直接顯示於該第二主顯示區120，而無需切換整個網頁介面100的數位內容，達到提升瀏覽數位內容效率的功效。

請參考第2圖，係為本發明第二具體實施例之網頁介面的示意圖。如圖所示，其中該綜合顯示區140更包含一主選項區141、一主標示區142與一主分類標示區143，且該主選項區141具有複數主選項1411並連結該處理器210，而該主分類標示區143用以顯示該等物件112之主分類並連結該處理器210。但本發明不限於此，該綜合顯示區140可為更包含該主選項區141、該主標示區142、該主分類標示區143或其任意組合。

其中，該主標示區142可用於標示該網頁介面100的名稱，例如拍賣網站名稱或品牌名稱等。

再者，該等主選項1411可為例如該拍賣網站之”全館熱賣”、”全館新品”、”全館特價”、”全館熱賣”或”商品搜尋欄”等選項，當點選”全館熱賣”可經由該處理器210控制該第一主顯示區110顯示全館熱賣之商品，當點選”全館新品”可經由該處理器210控制該第一主顯示區110顯示全館新進之商品，當點選”全館特價”可經由該處理器210控制該 第一主顯示區110顯示全館特價之商品，或利用”商品搜尋欄”以經由該處理器210控制該第一主顯示區110顯示使用者所搜尋之相關商品。

此外，該主分類標示區143，經由該處理器210連結該第一主顯示區110，用以顯示該第一主顯示區110所顯示之物件112的主分類，並且該主分類標示區143可更包含一拖曳軸、一雙向箭頭或其組合(請參照元件符號”114”，此係描述相同型態之構件)，用於經由該處理器210切換該等物件112之主分類，以供經由該處理器210控制該第一主顯示區110顯示屬於使用者所選擇之主分類的物件112，於本實施例中，該主分類標示區143係以設置一雙向箭頭為例。舉例來說，當使用者欲瀏覽服飾配件類商品，則經由切換該雙向箭頭使該主分類標示區143顯示為”服飾配件”，此時該處理器210即控制該第一主顯示區110顯示相關服飾配件之商品。

其中，該功能選項區130更包含一拖曳軸、一雙向箭頭或其組合(請參照元件符號”114”，此係描述相同型態之構件)，用於方便經由該處理器210切換該等功能選項132。於本實施例中，該功能選項區130係以包含一雙向箭頭為例。

請參考第3圖，係為本發明第三具體實施例之網頁介面的示意圖。

於本實施例中，該綜合顯示區140更包含一第一分類選項區144、一第二分類選項區145與一第三分類選項區 146。該第一分類選項區144經由該處理器210連結該主分類標示區143並具有複數第一分類選項1441，其可經點選切換該第一主顯示區110與該第二主顯示區120顯示之數位內容；該第二分類選項區145經由該處理器210連結該第一分類選項區144並具有複數第二分類選項1451，其可經點選切換該第一主顯示區110與該第二主顯示區120顯示之數位內容；該第三分類選項區146經由該處理器210連結該第二分類選項區145並具有複數第三分類選項1461，其可經點選切換該第一主顯示區110與該第二主顯示區120顯示之數位內容。但本發明不限於此，該綜合顯示區140可為更包含該第一分類選項區144、該第二分類選項區145、該第三分類選項區146或其任意組合。

具體而言，當該主分類標示區143顯示之主分類為”服飾配件”，則該第一分類選項區144為該主分類下的次分類，例如該等第一分類選項1441可為”少男”、”男士”、”少女”、”女士”等分類，供使用者選擇；同時，該第二分類選項區145則為該第一分類選項區144之分類下的次分類，例如該等第二分類選項1451可為”上衣”、”褲”、”帽”、”鞋”等服飾配件分類，供使用者選擇；再者，該第三分類選項區146則為該第二分類選項區145之分類下的次分類，例如該等第三分類選項1461可為”圓領上衣”、”V領上衣”、”襯衫”、”涼鞋”、”休閒鞋”等服飾配件分類，供使用者選擇。

其中，該等第三分類選項1461係可包含下拉式選單， 以進一步將該等第三分類選項1461之分類細分，進而供使用者選擇。

此外，該等第一分類選項1441、該等第二分類選項1451及該等第三分類選項1461可為文字選項或圖式選項。

於本實施例中，該綜合顯示區140更包含一選項環147。該選項環147經由該處理器210連結該主分類標示區143並具有複數設定選項1471，其係供在該主分類標示區143所顯示之主分類下進行相關設定。

具體而言，例如該選項環147可設定該第一主顯示區110以評價、金額、人氣等資料排序商品的顯示順序或僅顯示二手商品、特價商品、新鮮商品等，以提供更多瀏覽的方便性。

其中，該第一分類選項區144可更包含一拖曳軸、一雙向箭頭或其組合(請參照元件符號”114”，此係描述相同型態之構件)，用於經由該處理器210切換該等第一分類選項1441，該第二分類選項區145可更包含一拖曳軸、一雙向箭頭或其組合(請參照元件符號”114”，此係描述相同型態之構件)，用於經由該處理器210切換該等第二分類選項1451，該第三分類選項區146可更包含一拖曳軸、一雙向箭頭或其組合(請參照元件符號”114”，此係描述相同型態之構件)，用於經由該處理器210切換該等第三分類選項1461。於本實施例中，該第一分類選項區144、該第二分類選項區145與該第三分類選項區146皆以包含一雙向箭頭為例。

請參考第4圖，係為本發明第四具體實施例之網頁介面的示意圖。其中，該綜合顯示區140更包含一廣告顯示區150、一第一副顯示區151與一第二副顯示區152。但本發明不限於此，該綜合顯示區140可為更包含該廣告顯示區150、該第一副顯示區151、該第二副顯示區152或其任意組合。

於本實施例中，該廣告顯示區150用於供刊登商品廣告或其他廣告，且由於該綜合顯示區140之顯示位置始終維持不變，因此可使得使用者在操作該網頁介面100時，可持續觀看到該廣告顯示區150，而大幅提昇廣告效果。

於本實施例中，該第一副顯示區151可用於顯示例如買家購物車或瀏覽紀錄等，使得使用者在不切換整個網頁介面100的狀態下，能得知自己曾經瀏覽過的商品或已放入購物車的商品；此外，該第二副顯示區152可用於顯示例如特價商品、限時搶購商品、熱門商品、推薦商品或廣告等，進一步供使用者得知更多的多元化商品之數位內容。

其中，該第一副顯示區151可更包含一拖曳軸、一雙向箭頭或其組合(請參照元件符號”114”，此係描述相同型態之構件)，用於經由該處理器210切換該第一副顯示區151內之數位內容，該第二副顯示區152可更包含一拖曳軸、一雙向箭頭或其組合(請參照元件符號”114”，此係描述相同型態之構件)，用於經由該處理器210切換該第二副顯示區152內之數位內容。於本實施例中，該第一副顯示區151與該該第二副顯示區152皆以包含一雙向箭頭為例。

綜上所述，本發明之網頁介面，透過該第一主顯示區、該第二主顯示區、該功能選項區與該綜合顯示區的配置，使得捲動該第一主顯示區與該第二主顯示區之數位內容時，該綜合顯示區之顯示位置始終維持不變，而達到讓使用者方便使用並提升瀏覽數位內容效率的功效。

本發明在上文中已以較佳實施例揭露，然熟習本項技術者應理解的是，該實施例僅用於描繪本發明，而不應解讀為限制本發明之範圍。應注意的是，舉凡與該實施例等效之變化與置換，均應設為涵蓋於本發明之範疇內。因此，本發明之保護範圍當以申請專利範圍所界定者為準。

100‧‧‧網頁介面

110‧‧‧第一主顯示區

112‧‧‧物件

114‧‧‧第一捲動單元

120‧‧‧第二主顯示區

122‧‧‧資訊

124‧‧‧第二捲動單元

130‧‧‧功能選項區

132‧‧‧功能選項

140‧‧‧綜合顯示區

141‧‧‧主選項區

1411‧‧‧主選項

142‧‧‧主標示區

143‧‧‧主分類標示區

144‧‧‧第一分類選項區

1441‧‧‧第一分類選項

145‧‧‧第二分類選項區

1451‧‧‧第二分類選項

146‧‧‧第三分類選項區

1461‧‧‧第三分類選項

147‧‧‧選項環

1471‧‧‧設定選項

150‧‧‧廣告顯示區

151‧‧‧第一副顯示區

152‧‧‧第二副顯示區

200‧‧‧電子裝置

210‧‧‧處理器

220‧‧‧螢幕

第1圖係為本發明第一具體實施例之網頁介面的示意圖。

第2圖係為本發明第二具體實施例之網頁介面的示意圖。

第3圖係為本發明第三具體實施例之網頁介面的示意圖。

第4圖係為本發明第四具體實施例之網頁介面的示意圖。

100‧‧‧網頁介面

110‧‧‧第一主顯示區

112‧‧‧物件

114‧‧‧第一捲動單元

120‧‧‧第二主顯示區

122‧‧‧資訊

124‧‧‧第二捲動單元

130‧‧‧功能選項區

132‧‧‧功能選項

140‧‧‧綜合顯示區

200‧‧‧電子裝置

210‧‧‧處理器

220‧‧‧螢幕

Claims (10)

1. 一種網頁介面，其經由一電子裝置內的一處理器控制以顯示於該電子裝置的一螢幕，該網頁介面包含：一第一主顯示區，用於顯示複數物件，且該第一主顯示區包含一第一捲動單元，以經由該處理器控制捲動該等物件；一第二主顯示區，經由該處理器連結該第一主顯示區並用於顯示該等物件中其中一物件之一資訊，且該第二主顯示區包含一第二捲動單元，以經由該處理器控制捲動該資訊；一功能選項區，經由該處理器連結該第二主顯示區，並具有複數功能選項，以經由該處理器切換該第二主顯示區內該物件之資訊；以及一綜合顯示區，固定顯示於該螢幕，該綜合顯示區係經由該處理器連結該第一主顯示區、該第二主顯示區與該功能選項區。
2. 如申請專利範圍第1項所述之網頁介面，其中該第一捲動單元係為一拖曳軸、一雙向箭頭或其組合，該第二捲動單元係為一拖曳軸、一雙向箭頭或其組合。
3. 如申請專利範圍第1項所述之網頁介面，其中該綜合顯示區更包含一主標示區、一主選項區、一主分類標示區或其任意組合，該主選項區具有複數主選項並連結該處理器，該主分類標示區用以顯示該等物件之主分類並連結該處理器。
4. 如申請專利範圍第3項所述之網頁介面，其中該綜合顯示區更包含一選項環、一第一分類選項區、一第二分類選項區、一第三分類選項區或其任意組合，該選項環經由該處理器連結該主分類標示區並具有複數設定選項，該第一分類選項區經由該處理器連結該主分類標示區並具有複數第一分類選項，該第二分類選項區經由該處理器連結該第一分類選項區並具有複數第二分類選項，該第三分類選項區經由該處理器連結該第二分類選項區並具有複數第三分類選項。
5. 如申請專利範圍第1項所述之網頁介面，其中該等物件係為複數商品，該物件之資訊係包含一商品之圖式放大圖、各角度視圖、影片、規格、評價、賣家資訊或付款方式，該等功能選項包含一商品之圖式放大圖、各角度視圖、影片、規格、評價、賣家資訊或付款方式的圖式選項或文字選項。
6. 如申請專利範圍第5項所述之網頁介面，其中該綜合顯示區更包含一廣告顯示區、一第一副顯示區、一第二副顯示區或其任意組合，該第一副顯示區用於顯示購物車或瀏覽紀錄，該第二副顯示區用於顯示特價商品、限時搶購商品、熱門商品、推薦商品或廣告。
7. 如申請專利範圍第1項所述之網頁介面，其中該功能選項區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該等功能選項。
8. 如申請專利範圍第3項所述之網頁介面，其中該主分類標 示區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該等物件之主分類。
9. 如申請專利範圍第4項所述之網頁介面，其中該第一分類選項區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該等第一分類選項，該第二分類選項區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該等第二分類選項，該第三分類選項區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該等第三分類選項。
10. 如申請專利範圍第6項所述之網頁介面，其中該第一副顯示區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該第一副顯示區內之數位內容，該第二副顯示區更包含一拖曳軸、一雙向箭頭或其組合，用於經由該處理器切換該第二副顯示區內之數位內容。