購物比價網站的交互框架設計研究

購物比價網站

繁雜的購物信息充斥滲透著人們的生活，一方面給網絡消費者更多地選擇，而另一方面也增加了用戶的網購時間成本，快速選擇最物美價廉的產品，成為了很多網絡消費者的購物需求。為滿足廣大用戶的網購需求，購物比價網站應用而生，成為新興的網購周邊產業。消費者通過購物比價網站或比價工具，可以以最優價格淘到自己需要的品牌以及各種品類的產品。

網站的交互框架設計

如何吸引用戶、快速開發設計迭代和平衡設計與商業利益的問題，成為此類網站最關心的問題。本文以交互設計為視角，從購物比價樣本網站總結歸納出可復用的、可用性較高的交互設計框架模式，幫助網站設計項目快速啟動，縮短開發周期和降低開發成本，將更多精力放在核心的交互功能的創新上。

網站交互框架設計是從交互設計的角度出發，以滿足用戶需求為目標，設計可復用的設計構件，闡明整個設計、協作構件之間的任務層級關系以及交互關系。

本文從信息系統、導航系統、搜索系統進行交互框架設計研究。

1.網站首頁信息系統框架設計規律：

折線之上，即網站的頁面的最佳視域，用戶不用滑動鼠標可以直接看到的頁面區域。折線之上放置的內容組成了一頁最頁最重要的部分，市場營銷人員將主推廣告、特色產品、程序員需要顯示實現的功能，設計者需要展示自己的設計技能。這一區域是整個信息結構框架的交互設計最重要的一部分。

從樣本網站的比對可得出，購物比價網站的“折線之上”內容包括：

左邊：Logo、區域導航欄（粘性導航欄，不隨著頁面的上浮動改變位置）。

中部：用戶賬戶（注冊、登陸）、搜索框、全局導航欄、主推廣告活動欄、最新信息、信息陳列表的第一個信息

右邊欄：此欄的信息內容活動性較大，信息的社交性較強，如右用戶簽到、用戶分享（曬單），熱門信息（熱門優惠、熱門推薦、熱門攻略），還會有一些商家廣告位。

2.導航系統的交互設計框架

（1）購物比價網站導航的多重組合特點分析

構成目錄導航框架的諸多界面中，首先是全局導航，提供了覆蓋整個網站的通路，時常被放置在頁面的頂端，可以直接連接重要的功能和區域，無論用戶處在哪個頁面層次。區域導航系統在網站的導航搜索中起到輔助作用。往往會把全站導航和區域導航整合成統一的導航模式。一般來說，區域導航按照不同類別進行分類，鼠標滑過二級分類導航會直接展開。

購物比價網站的導航欄類型是頂端和左邊導航欄組成了一個倒著的“L”，通常，頂端全局導航欄在整體上將網站功能、內容進行分類，讓用戶進入網站能夠快速的得知在網站可以干什么，區域導航大多數是按照主題來分類，鼠標滑過導航目錄顯示出子目錄，用戶可以直接點擊導航目錄或是選擇子目錄特定商品進入陳列頁面.

（2）導航框架的使用情境和任務流程分析

導航交互設計框架中所用到的模式在很大程度上取決于網站的用途，以及用戶在特定時刻的具體目標。用戶進入購物比價網站，使用導航系統可以進入不同的頁面，導航框架一般包括四個頁面結構，它們分別是任務/主題頁面、陳列頁、內容頁和鏈接購物網站頁面。這四類頁面通過導航系統連接起來，形成了購物比價網站商品導航地圖。

任務/主題頁面

是按照網站的不同特色與功能進行分類，在廣義上涵蓋了整個網站想要傳達的信息，是網站的靈魂所在，通過此類頁面用戶可以在整體上了解網站，知道自己在網站上可以做什么，到達此類頁面一般是通過全局導航以及網站特設的頁面入口。

陳列頁面

進入陳列頁面最快捷的就是通過區域導航點擊子目錄，可以直接進入商品陳列頁；也可以通過全局導航進入主題頁面信息篩選進入陳列頁。陳列頁是由一頁頁很多不同產品的條目排列組合列表，并且一般每個產品條目上會帶有商品的名稱，價格以及其它的屬性簡潔說明。

1.內容頁/詳情頁

用戶進入此頁面了解商品優惠詳情、活動詳情、其他用戶的評價、了解打折、或優惠的具體方法。此頁面不是必須經過的頁面，有些網站可以從陳列頁點擊直接進入購物網站頁面。

用戶通過任務/主題頁面進行信息搜尋，進入信息陳列頁面篩選，進入詳情頁進行信息評估，做出信息反饋決策，如果用戶滿意度較高就進入最后一站鏈接購物網站的頁面，完成任務。

2.搜索系統的交互設計框架

搜索框架讓網絡消費者定位具體所需要的商品或是活動信息，不必非得通過導航目錄進行頁面的跳轉，反復地在分類頁和陳列頁穿梭，可以幫助用戶搜尋到自己所需要的信息。總結歸納出購物比價網站的常用的搜索類型有：快速搜索、過濾搜索。

快速搜索欄的組成要素很簡單，通常是一個簡單的輸入欄，由搜索按鈕和輸入信息框組成，現在也有很多網站細分搜索范圍，再搜如信息框前面添加可選的搜索范圍目錄，使得用戶的搜索更加快速、精準。購物比價網站具有購物網站的基因，信息量大、多、雜。這就決定了幾乎所有的購物比價網站都會選擇過濾搜索。過濾搜索在購物比價網站一般出現在分類頁面，如用戶使用快速搜索“平板電腦”，就進入平板電腦的分類頁面，用戶可以進一步聚焦需求，從品牌、品類、尺寸等限制詞進行結果過濾，用戶選擇限定關鍵詞，分類頁的結果也會隨即改變。

總結和展望

目前專門針對購物比價網站的研究還比較少，且此類網站的設計也需要進一步的優化，來提高網站的可用性以及用戶體驗，因此筆者希望通過本論文的研究，可以在越來越多的購物比價網站興起，開發設計的時候可以借鑒本文的一些研究成果，幫助網站快速啟動項目，并在標準化的框架設計上進行創新。使得網站具有捷足先登的優勢以及可持續的經競爭力。

（作者單位：華東理工大學）