購(gòu)物比價(jià)網(wǎng)站的交互框架設(shè)計(jì)研究

購(gòu)物比價(jià)網(wǎng)站

繁雜的購(gòu)物信息充斥滲透著人們的生活，一方面給網(wǎng)絡(luò)消費(fèi)者更多地選擇，而另一方面也增加了用戶的網(wǎng)購(gòu)時(shí)間成本，快速選擇最物美價(jià)廉的產(chǎn)品，成為了很多網(wǎng)絡(luò)消費(fèi)者的購(gòu)物需求。為滿足廣大用戶的網(wǎng)購(gòu)需求，購(gòu)物比價(jià)網(wǎng)站應(yīng)用而生，成為新興的網(wǎng)購(gòu)周邊產(chǎn)業(yè)。消費(fèi)者通過(guò)購(gòu)物比價(jià)網(wǎng)站或比價(jià)工具，可以以最優(yōu)價(jià)格淘到自己需要的品牌以及各種品類的產(chǎn)品。

網(wǎng)站的交互框架設(shè)計(jì)

如何吸引用戶、快速開(kāi)發(fā)設(shè)計(jì)迭代和平衡設(shè)計(jì)與商業(yè)利益的問(wèn)題，成為此類網(wǎng)站最關(guān)心的問(wèn)題。本文以交互設(shè)計(jì)為視角，從購(gòu)物比價(jià)樣本網(wǎng)站總結(jié)歸納出可復(fù)用的、可用性較高的交互設(shè)計(jì)框架模式，幫助網(wǎng)站設(shè)計(jì)項(xiàng)目快速啟動(dòng)，縮短開(kāi)發(fā)周期和降低開(kāi)發(fā)成本，將更多精力放在核心的交互功能的創(chuàng)新上。

網(wǎng)站交互框架設(shè)計(jì)是從交互設(shè)計(jì)的角度出發(fā)，以滿足用戶需求為目標(biāo)，設(shè)計(jì)可復(fù)用的設(shè)計(jì)構(gòu)件，闡明整個(gè)設(shè)計(jì)、協(xié)作構(gòu)件之間的任務(wù)層級(jí)關(guān)系以及交互關(guān)系。

本文從信息系統(tǒng)、導(dǎo)航系統(tǒng)、搜索系統(tǒng)進(jìn)行交互框架設(shè)計(jì)研究。

1.網(wǎng)站首頁(yè)信息系統(tǒng)框架設(shè)計(jì)規(guī)律：

折線之上，即網(wǎng)站的頁(yè)面的最佳視域，用戶不用滑動(dòng)鼠標(biāo)可以直接看到的頁(yè)面區(qū)域。折線之上放置的內(nèi)容組成了一頁(yè)最頁(yè)最重要的部分，市場(chǎng)營(yíng)銷人員將主推廣告、特色產(chǎn)品、程序員需要顯示實(shí)現(xiàn)的功能，設(shè)計(jì)者需要展示自己的設(shè)計(jì)技能。這一區(qū)域是整個(gè)信息結(jié)構(gòu)框架的交互設(shè)計(jì)最重要的一部分。

從樣本網(wǎng)站的比對(duì)可得出，購(gòu)物比價(jià)網(wǎng)站的“折線之上”內(nèi)容包括：

左邊：Logo、區(qū)域?qū)Ш綑冢ㄕ承詫?dǎo)航欄，不隨著頁(yè)面的上浮動(dòng)改變位置）。

中部：用戶賬戶（注冊(cè)、登陸）、搜索框、全局導(dǎo)航欄、主推廣告活動(dòng)欄、最新信息、信息陳列表的第一個(gè)信息

右邊欄：此欄的信息內(nèi)容活動(dòng)性較大，信息的社交性較強(qiáng)，如右用戶簽到、用戶分享（曬單），熱門(mén)信息（熱門(mén)優(yōu)惠、熱門(mén)推薦、熱門(mén)攻略），還會(huì)有一些商家廣告位。

2.導(dǎo)航系統(tǒng)的交互設(shè)計(jì)框架

（1）購(gòu)物比價(jià)網(wǎng)站導(dǎo)航的多重組合特點(diǎn)分析

構(gòu)成目錄導(dǎo)航框架的諸多界面中，首先是全局導(dǎo)航，提供了覆蓋整個(gè)網(wǎng)站的通路，時(shí)常被放置在頁(yè)面的頂端，可以直接連接重要的功能和區(qū)域，無(wú)論用戶處在哪個(gè)頁(yè)面層次。區(qū)域?qū)Ш较到y(tǒng)在網(wǎng)站的導(dǎo)航搜索中起到輔助作用。往往會(huì)把全站導(dǎo)航和區(qū)域?qū)Ш秸铣山y(tǒng)一的導(dǎo)航模式。一般來(lái)說(shuō)，區(qū)域?qū)Ш桨凑詹煌悇e進(jìn)行分類，鼠標(biāo)滑過(guò)二級(jí)分類導(dǎo)航會(huì)直接展開(kāi)。

購(gòu)物比價(jià)網(wǎng)站的導(dǎo)航欄類型是頂端和左邊導(dǎo)航欄組成了一個(gè)倒著的“L”，通常，頂端全局導(dǎo)航欄在整體上將網(wǎng)站功能、內(nèi)容進(jìn)行分類，讓用戶進(jìn)入網(wǎng)站能夠快速的得知在網(wǎng)站可以干什么，區(qū)域?qū)Ш酱蠖鄶?shù)是按照主題來(lái)分類，鼠標(biāo)滑過(guò)導(dǎo)航目錄顯示出子目錄，用戶可以直接點(diǎn)擊導(dǎo)航目錄或是選擇子目錄特定商品進(jìn)入陳列頁(yè)面.

（2）導(dǎo)航框架的使用情境和任務(wù)流程分析

導(dǎo)航交互設(shè)計(jì)框架中所用到的模式在很大程度上取決于網(wǎng)站的用途，以及用戶在特定時(shí)刻的具體目標(biāo)。用戶進(jìn)入購(gòu)物比價(jià)網(wǎng)站，使用導(dǎo)航系統(tǒng)可以進(jìn)入不同的頁(yè)面，導(dǎo)航框架一般包括四個(gè)頁(yè)面結(jié)構(gòu)，它們分別是任務(wù)/主題頁(yè)面、陳列頁(yè)、內(nèi)容頁(yè)和鏈接購(gòu)物網(wǎng)站頁(yè)面。這四類頁(yè)面通過(guò)導(dǎo)航系統(tǒng)連接起來(lái)，形成了購(gòu)物比價(jià)網(wǎng)站商品導(dǎo)航地圖。

任務(wù)/主題頁(yè)面

是按照網(wǎng)站的不同特色與功能進(jìn)行分類，在廣義上涵蓋了整個(gè)網(wǎng)站想要傳達(dá)的信息，是網(wǎng)站的靈魂所在，通過(guò)此類頁(yè)面用戶可以在整體上了解網(wǎng)站，知道自己在網(wǎng)站上可以做什么，到達(dá)此類頁(yè)面一般是通過(guò)全局導(dǎo)航以及網(wǎng)站特設(shè)的頁(yè)面入口。

陳列頁(yè)面

進(jìn)入陳列頁(yè)面最快捷的就是通過(guò)區(qū)域?qū)Ш近c(diǎn)擊子目錄，可以直接進(jìn)入商品陳列頁(yè)；也可以通過(guò)全局導(dǎo)航進(jìn)入主題頁(yè)面信息篩選進(jìn)入陳列頁(yè)。陳列頁(yè)是由一頁(yè)頁(yè)很多不同產(chǎn)品的條目排列組合列表，并且一般每個(gè)產(chǎn)品條目上會(huì)帶有商品的名稱，價(jià)格以及其它的屬性簡(jiǎn)潔說(shuō)明。

1.內(nèi)容頁(yè)/詳情頁(yè)

用戶進(jìn)入此頁(yè)面了解商品優(yōu)惠詳情、活動(dòng)詳情、其他用戶的評(píng)價(jià)、了解打折、或優(yōu)惠的具體方法。此頁(yè)面不是必須經(jīng)過(guò)的頁(yè)面，有些網(wǎng)站可以從陳列頁(yè)點(diǎn)擊直接進(jìn)入購(gòu)物網(wǎng)站頁(yè)面。

用戶通過(guò)任務(wù)/主題頁(yè)面進(jìn)行信息搜尋，進(jìn)入信息陳列頁(yè)面篩選，進(jìn)入詳情頁(yè)進(jìn)行信息評(píng)估，做出信息反饋決策，如果用戶滿意度較高就進(jìn)入最后一站鏈接購(gòu)物網(wǎng)站的頁(yè)面，完成任務(wù)。

2.搜索系統(tǒng)的交互設(shè)計(jì)框架

搜索框架讓網(wǎng)絡(luò)消費(fèi)者定位具體所需要的商品或是活動(dòng)信息，不必非得通過(guò)導(dǎo)航目錄進(jìn)行頁(yè)面的跳轉(zhuǎn)，反復(fù)地在分類頁(yè)和陳列頁(yè)穿梭，可以幫助用戶搜尋到自己所需要的信息。總結(jié)歸納出購(gòu)物比價(jià)網(wǎng)站的常用的搜索類型有：快速搜索、過(guò)濾搜索。

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

總結(jié)和展望

目前專門(mén)針對(duì)購(gòu)物比價(jià)網(wǎng)站的研究還比較少，且此類網(wǎng)站的設(shè)計(jì)也需要進(jìn)一步的優(yōu)化，來(lái)提高網(wǎng)站的可用性以及用戶體驗(yàn)，因此筆者希望通過(guò)本論文的研究，可以在越來(lái)越多的購(gòu)物比價(jià)網(wǎng)站興起，開(kāi)發(fā)設(shè)計(jì)的時(shí)候可以借鑒本文的一些研究成果，幫助網(wǎng)站快速啟動(dòng)項(xiàng)目，并在標(biāo)準(zhǔn)化的框架設(shè)計(jì)上進(jìn)行創(chuàng)新。使得網(wǎng)站具有捷足先登的優(yōu)勢(shì)以及可持續(xù)的經(jīng)競(jìng)爭(zhēng)力。

（作者單位：華東理工大學(xué)）