基于用戶體驗(yàn)B2C網(wǎng)站設(shè)計(jì)分析

秦鵬

關(guān)鍵詞：B2C網(wǎng)站；用戶體驗(yàn)；界面設(shè)計(jì)；功能設(shè)計(jì)

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2023）21-0046-03

0 引言

在B2C網(wǎng)站實(shí)際設(shè)計(jì)過(guò)程中，系統(tǒng)功能作為保障消費(fèi)者購(gòu)物需求的根本所在，而操作界面則是消費(fèi)者與產(chǎn)品、商家之間重要信息傳遞媒介。因此，設(shè)計(jì)人員必須合理協(xié)調(diào)二者之間的關(guān)系，從而使消費(fèi)者在足不出戶的情況下，也能隨意挑選到自己想要的商品。

1 B2C 網(wǎng)站用戶體驗(yàn)設(shè)計(jì)

1.1 用戶需求層次分析

網(wǎng)絡(luò)用戶體驗(yàn)設(shè)計(jì)主要是通過(guò)網(wǎng)站內(nèi)部功能與瀏覽界面加以優(yōu)化和改進(jìn)，尋找可能影響用戶瀏覽網(wǎng)站的各種因素，其中包括觸覺(jué)、視覺(jué)、聽(tīng)覺(jué)等方面的一系列互動(dòng)過(guò)程。而隨著信息網(wǎng)絡(luò)技術(shù)不斷發(fā)展和進(jìn)步，現(xiàn)代網(wǎng)站已從最基礎(chǔ)的信息數(shù)據(jù)傳遞網(wǎng)絡(luò)，發(fā)展到可供用戶交流體驗(yàn)的互動(dòng)平臺(tái)（如新聞資訊類網(wǎng)站和搜索引擎），最終形成如今的以消費(fèi)者體驗(yàn)為主體的電子商務(wù)和社交平臺(tái)。因此，結(jié)合相關(guān)理念，國(guó)內(nèi)學(xué)者已研發(fā)出了全新的五層次用戶體驗(yàn)需求，如圖1所示。

1.2 用戶體驗(yàn)層次分析

傳統(tǒng)軟件系統(tǒng)開(kāi)發(fā)工程，主要是將用戶具體需求結(jié)合自身經(jīng)營(yíng)業(yè)務(wù)，設(shè)計(jì)相應(yīng)的內(nèi)部操作功能，其更加側(cè)重功能連鎖，往往忽視了用戶在操作階段體驗(yàn)感，而現(xiàn)代B2C網(wǎng)站系統(tǒng)開(kāi)發(fā)則必須在原有基礎(chǔ)上充分考慮用戶體驗(yàn)來(lái)綜合設(shè)計(jì)[1]。網(wǎng)站通常分為前端部分與后臺(tái)操作部分，其中前端部分主要包括信息數(shù)據(jù)的展示和搜索，而后端部分主要側(cè)重系統(tǒng)內(nèi)部功能優(yōu)化和調(diào)整。前端部分主要基于廣告、報(bào)紙雜志及電視等方面的信息，對(duì)用戶提供信息搜索、顯示與發(fā)布功能，后臺(tái)部分則更多是以程序設(shè)計(jì)來(lái)迎合用戶需求，其本質(zhì)上屬于基礎(chǔ)平臺(tái)功能模塊，需要前端設(shè)計(jì)部分基于用戶思維將各種內(nèi)部功能模塊調(diào)用，并將其科學(xué)合理地顯示出來(lái)，進(jìn)而增強(qiáng)網(wǎng)絡(luò)用戶對(duì)B2C網(wǎng)站之間數(shù)據(jù)信息交互操作的舒適度。因此，可通過(guò)以下幾個(gè)層面進(jìn)行深入分析和研究：第一，戰(zhàn)略層。戰(zhàn)略層主要包括用戶需求與網(wǎng)站經(jīng)營(yíng)目的兩個(gè)方面，即在充分滿足消費(fèi)者基本需求的同時(shí)全面實(shí)現(xiàn)經(jīng)營(yíng)者產(chǎn)品銷售目標(biāo)，該層面功能屬于服務(wù)于網(wǎng)站經(jīng)營(yíng)者與用戶之間的雙向功能模塊。第二，范圍層。范圍層主要基于上一層面所獲取的網(wǎng)站業(yè)務(wù)經(jīng)營(yíng)目標(biāo)與用戶需求，實(shí)施網(wǎng)站規(guī)模與功能框架的設(shè)計(jì)，并從消費(fèi)者信息角度出發(fā)，合理布設(shè)相應(yīng)的優(yōu)先級(jí)。第三，結(jié)構(gòu)層。結(jié)構(gòu)層主要是在網(wǎng)站設(shè)計(jì)系統(tǒng)內(nèi)部功能模塊實(shí)施一系列信息交互設(shè)計(jì)，對(duì)用戶操作行為給予最快的響應(yīng)速度和優(yōu)質(zhì)的功能服務(wù)，從而使用戶能夠在最短時(shí)間內(nèi)獲取自己想要的產(chǎn)品信息。第四，框架層。首先，結(jié)合結(jié)構(gòu)層來(lái)設(shè)計(jì)各種數(shù)據(jù)交互功能模塊，并合理設(shè)計(jì)各個(gè)控制元素與功能界面顯示順序，進(jìn)而引導(dǎo)用戶完成消費(fèi)意圖。其次，引導(dǎo)客戶在不同界面層級(jí)之間自由流轉(zhuǎn)，即導(dǎo)航設(shè)計(jì)。最后，通過(guò)內(nèi)部功能快速實(shí)現(xiàn)用戶操作指令傳輸。第五，表現(xiàn)層。表現(xiàn)層主要通過(guò)對(duì)網(wǎng)頁(yè)的合理配色、布局及感知設(shè)計(jì)，全面提升用戶界面瀏覽及操作時(shí)的舒適度[2]。

2 B2C 網(wǎng)站用戶體驗(yàn)?zāi)Ｐ驮O(shè)計(jì)

2.1 B2C 網(wǎng)站基礎(chǔ)模型構(gòu)架

應(yīng)基于用戶需求與用戶體驗(yàn)的五個(gè)層次來(lái)綜合設(shè)計(jì)服務(wù)模型，并進(jìn)行一系列細(xì)節(jié)優(yōu)化設(shè)計(jì)，進(jìn)而構(gòu)建用戶完成的評(píng)測(cè)體系與優(yōu)化模型，并在基于瀏覽信息的價(jià)值性、可靠性、滿意度、可獲取性、可識(shí)別性等方面，實(shí)施用戶問(wèn)卷調(diào)查評(píng)測(cè)后，即可建立全新的網(wǎng)站優(yōu)化設(shè)計(jì)模型，并基于提升用戶體驗(yàn)功能環(huán)節(jié)，從信息與功能設(shè)計(jì)角度出發(fā)，對(duì)各個(gè)系統(tǒng)模塊細(xì)節(jié)設(shè)計(jì)、規(guī)劃和調(diào)整。下文將主要通過(guò)B2C網(wǎng)站戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層及表現(xiàn)層設(shè)計(jì)方面，進(jìn)行重點(diǎn)描述。

2.2 B2C 網(wǎng)站戰(zhàn)略層設(shè)計(jì)

戰(zhàn)略層主要是為了明確用戶實(shí)際體驗(yàn)優(yōu)化需求，為后續(xù)基礎(chǔ)功能設(shè)計(jì)提供準(zhǔn)確的信息優(yōu)化目標(biāo)。具體可從以下兩方面分析：第一，明確優(yōu)化目標(biāo)。在B2C網(wǎng)站實(shí)際設(shè)計(jì)過(guò)程中，必須將網(wǎng)站所有優(yōu)化規(guī)定對(duì)設(shè)計(jì)團(tuán)隊(duì)明示，杜絕朝令夕改、不可含糊其詞。目前，多數(shù)網(wǎng)站主要基于第三方產(chǎn)品物流配送，如配送服務(wù)不佳則勢(shì)必會(huì)在一定程度上影響用戶消費(fèi)體驗(yàn)。自建物流則是當(dāng)前商品經(jīng)營(yíng)物流方面的最佳選擇，如經(jīng)濟(jì)允許則可運(yùn)用該種方法實(shí)施。但創(chuàng)建B2C網(wǎng)站自營(yíng)物流不但需要耗費(fèi)大量建設(shè)時(shí)間，還需投入大量資金，這對(duì)于規(guī)模有限的小型網(wǎng)站建設(shè)難度極大。因此，可與相應(yīng)的物流配送公司展開(kāi)合作，根據(jù)商品規(guī)格來(lái)商定物流配送價(jià)格，適當(dāng)放棄物流方面的盈利，并保障商品供應(yīng)鏈持續(xù)穩(wěn)定輸出。

第二，掌握用戶需求。用戶需求作為B2C網(wǎng)站經(jīng)營(yíng)而言尤為重要。故而，可適當(dāng)增大調(diào)查樣本，可將調(diào)查對(duì)象擴(kuò)展到同類網(wǎng)站瀏覽用戶，迎合大眾需求避免設(shè)計(jì)人員個(gè)人設(shè)計(jì)意識(shí)過(guò)強(qiáng)。通常來(lái)講，客戶需求主要分為隱性需求與顯性需求兩種。隱性需求則是基于網(wǎng)站基礎(chǔ)信息及評(píng)測(cè)體系所產(chǎn)生的信息分析，在最大限度上開(kāi)發(fā)隱藏用戶。而顯性需求則是，基于用戶五層模型進(jìn)行歸納和分類，實(shí)施整體系統(tǒng)評(píng)測(cè)后來(lái)優(yōu)化用戶體驗(yàn)。具體優(yōu)化流程如圖2所示。

2.3 B2C 網(wǎng)站范圍層設(shè)計(jì)

B2C網(wǎng)站功能需求規(guī)范主要是對(duì)戰(zhàn)略層所獲取的用戶體驗(yàn)優(yōu)化信息，對(duì)原始功能模塊進(jìn)行綜合分析，并基于原始功能模塊進(jìn)行微調(diào)和改進(jìn)，如有必要?jiǎng)t必須對(duì)部分功能模塊進(jìn)行重新開(kāi)發(fā)，進(jìn)而滿足戰(zhàn)略層所獲取的全部用戶需求信息。最后實(shí)施綜合設(shè)計(jì)，并針對(duì)全部功能信息來(lái)編寫(xiě)具體網(wǎng)站設(shè)計(jì)規(guī)則。而相關(guān)人員在實(shí)際設(shè)計(jì)過(guò)程中，可通過(guò)戰(zhàn)略層所提供的各種工程文件、音頻、圖片、視頻與文字等內(nèi)容元素，來(lái)綜合設(shè)計(jì)網(wǎng)站優(yōu)化的新建元素，進(jìn)而在最大限度上滿足用戶需求、增強(qiáng)用戶體驗(yàn)感。如在網(wǎng)站內(nèi)容搜索界面，為增強(qiáng)用戶操作的便捷度必須在此期間設(shè)計(jì)，如產(chǎn)品許可證、用戶操作手冊(cè)、產(chǎn)品圖片、用戶評(píng)論及產(chǎn)品細(xì)節(jié)描述元素，并綜合運(yùn)用短視頻來(lái)增強(qiáng)用戶對(duì)于產(chǎn)品的直觀體驗(yàn)。除此之外，為進(jìn)一步提升用戶體驗(yàn)感，必須確定各個(gè)功能模塊的優(yōu)先級(jí)，其可通過(guò)構(gòu)建KANO模型來(lái)完成。該模型主要包括用戶基本型需求、期望型需求與興奮型需求三種，其中基本型需求主要指的是用戶對(duì)于網(wǎng)站的主要需求，同時(shí)也是必要需求，當(dāng)用戶需求無(wú)法得到滿足時(shí)，自然會(huì)引起用戶不滿。而當(dāng)完全滿足用戶基本需求或超量滿足用戶需求時(shí)，那么用戶會(huì)認(rèn)為這是基本操作，但并不會(huì)給予過(guò)高評(píng)價(jià)。如商品銷售界面中的產(chǎn)品基本信息與視頻、圖片等元素。期望型需求主要指的是超出網(wǎng)站服務(wù)之外的用戶需求服務(wù)，若網(wǎng)站無(wú)法滿足用戶此類需求，也會(huì)在一定程度上引起用戶不滿。若網(wǎng)站滿足此類需求時(shí)，則用戶基本處于中度滿意狀態(tài)。而當(dāng)此類服務(wù)需求超額滿足時(shí)，用戶則會(huì)處于高度滿意狀態(tài)。如產(chǎn)品銷售頁(yè)中的產(chǎn)品許可證、質(zhì)保書(shū)及細(xì)節(jié)產(chǎn)品圖片等元素。而興奮型需求則表示網(wǎng)站給予用戶的各種意外驚喜，此類需求則必須通過(guò)設(shè)計(jì)人員深入挖掘精心設(shè)計(jì)來(lái)完成，進(jìn)而獲取用戶購(gòu)物時(shí)的興奮點(diǎn)。當(dāng)此類功能服務(wù)無(wú)法滿足用戶需求時(shí)，用戶不會(huì)表現(xiàn)出任何不滿情緒，而當(dāng)此類服務(wù)滿足用戶需求或者超額滿足用戶需求時(shí)，用戶則會(huì)感到無(wú)比喜悅，進(jìn)而提升整體網(wǎng)絡(luò)購(gòu)物體驗(yàn)感。因此，對(duì)于以上類型用戶需求，B2C網(wǎng)站商家必須根據(jù)自身基本情況來(lái)綜合布設(shè)[3]。

2.4 B2C 網(wǎng)站結(jié)構(gòu)層設(shè)計(jì)

在充分了解用戶體驗(yàn)需求后，應(yīng)對(duì)各個(gè)網(wǎng)頁(yè)功能點(diǎn)進(jìn)行系統(tǒng)分析和總結(jié)，并將全部分散的內(nèi)容要素和功能通過(guò)合理設(shè)計(jì)，使其成為一個(gè)全新的有機(jī)整體，進(jìn)而完成整體結(jié)構(gòu)設(shè)計(jì)，其具體包括以下兩點(diǎn)內(nèi)容：第一，交互設(shè)計(jì)。網(wǎng)站設(shè)計(jì)人員基于功能角度分析，在最大限度上優(yōu)化系統(tǒng)內(nèi)部功能交互效果。其主要表現(xiàn)在如何通過(guò)用戶瀏覽行為來(lái)為用戶提供具體針對(duì)性的產(chǎn)品推薦。在整體B2C網(wǎng)站各個(gè)功能模塊當(dāng)中，均存在一定程度的功能交互設(shè)計(jì)。其結(jié)構(gòu)層功能交互則主要指的是交互設(shè)計(jì)概念模型，并制定詳細(xì)的交互框架設(shè)計(jì)流程，如圖3所示。

如系統(tǒng)網(wǎng)站中必備的“購(gòu)物車”功能模塊，可根據(jù)產(chǎn)品類型及產(chǎn)品規(guī)格及產(chǎn)品購(gòu)買(mǎi)數(shù)量來(lái)合理布設(shè)分期付款功能，進(jìn)而提升用戶購(gòu)物體驗(yàn)感。第二，信息架構(gòu)，網(wǎng)站信息架構(gòu)主要包括結(jié)構(gòu)化內(nèi)容與結(jié)構(gòu)方法，其中結(jié)構(gòu)化內(nèi)容主要分為從上到下和從下到上兩種不同的信息結(jié)構(gòu)方法，前者主要基于用戶需求與網(wǎng)站經(jīng)營(yíng)目標(biāo)來(lái)實(shí)施整體架構(gòu)設(shè)計(jì)，將網(wǎng)站潛在功能開(kāi)發(fā)與目標(biāo)優(yōu)化內(nèi)容進(jìn)行分類整合，實(shí)施內(nèi)部邏輯分配。而后者主要針對(duì)產(chǎn)品內(nèi)容和功能需求來(lái)布設(shè)優(yōu)先級(jí)，并首先將全部?jī)?nèi)容置于最底層，將其逐級(jí)增高分配，并從增高分配過(guò)程中分析用戶需求與網(wǎng)站產(chǎn)品運(yùn)營(yíng)優(yōu)化方法。兩種方法可根據(jù)網(wǎng)站實(shí)際經(jīng)營(yíng)情況與經(jīng)營(yíng)規(guī)模，選擇單獨(dú)運(yùn)用和組合運(yùn)用。而結(jié)構(gòu)方法則主要針對(duì)網(wǎng)站內(nèi)部各種信息節(jié)點(diǎn)進(jìn)行組合分配，其中主要包括線性結(jié)構(gòu)、自然結(jié)構(gòu)、矩陣型結(jié)構(gòu)及層次結(jié)構(gòu)等[4]。

2.5 B2C 網(wǎng)站框架層設(shè)計(jì)

2.5.1 界面設(shè)計(jì)

在結(jié)構(gòu)層功能模塊中已經(jīng)初步設(shè)計(jì)了各個(gè)功能的界面鏈接，而此類功能如何充分展示給網(wǎng)站瀏覽者，便是界面設(shè)計(jì)人員主要工作內(nèi)容。界面設(shè)計(jì)從本質(zhì)上來(lái)講就是選擇適合用戶體驗(yàn)的各種界面應(yīng)用元素，并充分利用此類元素來(lái)實(shí)現(xiàn)用戶需求，并將主次界面圖片分別突出顯示。完美的界面設(shè)計(jì)能讓使用者在第一時(shí)間內(nèi)發(fā)現(xiàn)設(shè)計(jì)者想要表達(dá)的信息，來(lái)實(shí)施具有針對(duì)性的操作，如合理設(shè)計(jì)下拉菜單、單選框、復(fù)選框、按鈕及文本框等元素的位置與排列順序。而目前B2C網(wǎng)站關(guān)于用戶瀏覽界面方面，則主要表現(xiàn)在會(huì)員管理、支付及購(gòu)物車等方面。

2.5.2 導(dǎo)航設(shè)計(jì)

用戶導(dǎo)航主要是在基于用戶需求的前提下，引導(dǎo)用戶進(jìn)行分層界面瀏覽，通常包括網(wǎng)站索引、好友導(dǎo)航、銜接導(dǎo)航、輔助導(dǎo)航、局部功能導(dǎo)航及全局導(dǎo)航。通過(guò)各種導(dǎo)航功能設(shè)計(jì)讓客戶在第一時(shí)間內(nèi)獲取自己想要的功能界面。而基于用戶體驗(yàn)設(shè)計(jì)就是基于大數(shù)據(jù)技術(shù)，根據(jù)用戶網(wǎng)站瀏覽歷史來(lái)做出針對(duì)性的界面推薦，并根據(jù)自身特色來(lái)設(shè)計(jì)簡(jiǎn)潔、醒目的主流標(biāo)題。

2.5.3 信息設(shè)計(jì)與線框圖

信息設(shè)計(jì)主要是將各種網(wǎng)站內(nèi)部元素全部整合到一起，使消費(fèi)者在瀏覽網(wǎng)頁(yè)時(shí)能夠更加簡(jiǎn)潔、明了，其既可對(duì)各種分散的系統(tǒng)傳輸數(shù)據(jù)進(jìn)行整理和分組，又可從視覺(jué)上提升用戶基礎(chǔ)體驗(yàn)。而線框圖作為十分重要的設(shè)計(jì)框架，可將網(wǎng)站導(dǎo)航、界面與信息充分整合到一處，具體包括以下三點(diǎn)：第一，運(yùn)用合理選擇和排列來(lái)整合網(wǎng)站設(shè)計(jì)界面。第二，通過(guò)運(yùn)用電儀與識(shí)別主體導(dǎo)航系統(tǒng)來(lái)實(shí)現(xiàn)對(duì)導(dǎo)航設(shè)計(jì)模塊整合處理。第三，通過(guò)信息展示與排列的方式來(lái)實(shí)現(xiàn)對(duì)信息設(shè)計(jì)模塊的整合處理。除此之外，線框圖作為最為基本的網(wǎng)站視覺(jué)布局方式，可使用戶在網(wǎng)站瀏覽過(guò)程中對(duì)整體網(wǎng)站頁(yè)面有一個(gè)清晰明了的認(rèn)識(shí)，進(jìn)而激發(fā)網(wǎng)站設(shè)計(jì)人員的想象力，為其構(gòu)建一個(gè)廣闊的設(shè)計(jì)空間。

2.6 B2C 網(wǎng)站表現(xiàn)層設(shè)計(jì)

表現(xiàn)層主要是為了豐富消費(fèi)者在瀏覽界面時(shí)的視覺(jué)感知，以色彩調(diào)和、情感設(shè)計(jì)為基礎(chǔ)，合理安全各個(gè)網(wǎng)頁(yè)布局色彩搭配，使其能夠通過(guò)網(wǎng)頁(yè)色彩來(lái)真正了解B2C網(wǎng)站的產(chǎn)品風(fēng)格。從心理學(xué)角度來(lái)講，不同色彩會(huì)帶給人們不同的視覺(jué)感受，如紅色代表熱情、奔放，能夠充分增強(qiáng)網(wǎng)頁(yè)瀏覽者的興奮感和注意力，綠色風(fēng)格網(wǎng)頁(yè)則給人一種充滿希望的感覺(jué)，藍(lán)色可使瀏覽者聯(lián)想到大海與藍(lán)天，黑白調(diào)網(wǎng)頁(yè)則給人一種難以言表的神秘，而青色則給人帶來(lái)一種獨(dú)有的夏日清涼。色彩可以通過(guò)視覺(jué)感官來(lái)刺激人們的大腦皮層，也可通過(guò)色彩與用戶實(shí)現(xiàn)信息、思想、情感上的溝通與交流。一剎那，網(wǎng)站設(shè)計(jì)者在實(shí)施界面設(shè)計(jì)時(shí)，必須合理運(yùn)用色彩搭配來(lái)喚起人們心中聯(lián)想，進(jìn)而提升整體B2C網(wǎng)站的產(chǎn)品宣傳效果。色彩是集哲學(xué)、光學(xué)、心理學(xué)及現(xiàn)代美學(xué)為一體的視覺(jué)元素，合理設(shè)計(jì)網(wǎng)頁(yè)色彩搭配，可在很大程度上提升用戶在瀏覽網(wǎng)頁(yè)時(shí)的舒適度，還可通過(guò)色彩風(fēng)格來(lái)突出網(wǎng)站產(chǎn)品銷售的真實(shí)意圖，進(jìn)而抓住消費(fèi)者眼球，為其創(chuàng)造一個(gè)更為健康、舒適的感官體驗(yàn)[5]。

3 結(jié)論

綜上所述，網(wǎng)絡(luò)購(gòu)物作為現(xiàn)代電子商務(wù)的主要經(jīng)營(yíng)模式，其不僅能夠?yàn)榻?jīng)營(yíng)者節(jié)省大量實(shí)體店面經(jīng)營(yíng)成本，同時(shí)也是促進(jìn)人們消費(fèi)的重要途徑。因此，網(wǎng)站設(shè)計(jì)者必須從用戶體驗(yàn)角度分析、全面了解大眾需求，簡(jiǎn)化復(fù)雜的網(wǎng)購(gòu)流程，使消費(fèi)者在整體網(wǎng)購(gòu)過(guò)程中，進(jìn)而為消費(fèi)者營(yíng)造一個(gè)輕松、愉快的網(wǎng)絡(luò)購(gòu)物體驗(yàn)。