基于用戶體驗B2C網站設計分析

秦鵬

關鍵詞：B2C網站；用戶體驗；界面設計；功能設計

中圖分類號：TP393 文獻標識碼：A

文章編號：1009-3044（2023）21-0046-03

0 引言

在B2C網站實際設計過程中，系統功能作為保障消費者購物需求的根本所在，而操作界面則是消費者與產品、商家之間重要信息傳遞媒介。因此，設計人員必須合理協調二者之間的關系，從而使消費者在足不出戶的情況下，也能隨意挑選到自己想要的商品。

1 B2C 網站用戶體驗設計

1.1 用戶需求層次分析

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

1.2 用戶體驗層次分析

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

2 B2C 網站用戶體驗模型設計

2.1 B2C 網站基礎模型構架

應基于用戶需求與用戶體驗的五個層次來綜合設計服務模型，并進行一系列細節優化設計，進而構建用戶完成的評測體系與優化模型，并在基于瀏覽信息的價值性、可靠性、滿意度、可獲取性、可識別性等方面，實施用戶問卷調查評測后，即可建立全新的網站優化設計模型，并基于提升用戶體驗功能環節，從信息與功能設計角度出發，對各個系統模塊細節設計、規劃和調整。下文將主要通過B2C網站戰略層、范圍層、結構層、框架層及表現層設計方面，進行重點描述。

2.2 B2C 網站戰略層設計

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

第二，掌握用戶需求。用戶需求作為B2C網站經營而言尤為重要。故而，可適當增大調查樣本，可將調查對象擴展到同類網站瀏覽用戶，迎合大眾需求避免設計人員個人設計意識過強。通常來講，客戶需求主要分為隱性需求與顯性需求兩種。隱性需求則是基于網站基礎信息及評測體系所產生的信息分析，在最大限度上開發隱藏用戶。而顯性需求則是，基于用戶五層模型進行歸納和分類，實施整體系統評測后來優化用戶體驗。具體優化流程如圖2所示。

2.3 B2C 網站范圍層設計

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

2.4 B2C 網站結構層設計

在充分了解用戶體驗需求后，應對各個網頁功能點進行系統分析和總結，并將全部分散的內容要素和功能通過合理設計，使其成為一個全新的有機整體，進而完成整體結構設計，其具體包括以下兩點內容：第一，交互設計。網站設計人員基于功能角度分析，在最大限度上優化系統內部功能交互效果。其主要表現在如何通過用戶瀏覽行為來為用戶提供具體針對性的產品推薦。在整體B2C網站各個功能模塊當中，均存在一定程度的功能交互設計。其結構層功能交互則主要指的是交互設計概念模型，并制定詳細的交互框架設計流程，如圖3所示。

如系統網站中必備的“購物車”功能模塊，可根據產品類型及產品規格及產品購買數量來合理布設分期付款功能，進而提升用戶購物體驗感。第二，信息架構，網站信息架構主要包括結構化內容與結構方法，其中結構化內容主要分為從上到下和從下到上兩種不同的信息結構方法，前者主要基于用戶需求與網站經營目標來實施整體架構設計，將網站潛在功能開發與目標優化內容進行分類整合，實施內部邏輯分配。而后者主要針對產品內容和功能需求來布設優先級，并首先將全部內容置于最底層，將其逐級增高分配，并從增高分配過程中分析用戶需求與網站產品運營優化方法。兩種方法可根據網站實際經營情況與經營規模，選擇單獨運用和組合運用。而結構方法則主要針對網站內部各種信息節點進行組合分配，其中主要包括線性結構、自然結構、矩陣型結構及層次結構等[4]。

2.5 B2C 網站框架層設計

2.5.1 界面設計

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

2.5.2 導航設計

用戶導航主要是在基于用戶需求的前提下，引導用戶進行分層界面瀏覽，通常包括網站索引、好友導航、銜接導航、輔助導航、局部功能導航及全局導航。通過各種導航功能設計讓客戶在第一時間內獲取自己想要的功能界面。而基于用戶體驗設計就是基于大數據技術，根據用戶網站瀏覽歷史來做出針對性的界面推薦，并根據自身特色來設計簡潔、醒目的主流標題。

2.5.3 信息設計與線框圖

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

2.6 B2C 網站表現層設計

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

3 結論

綜上所述，網絡購物作為現代電子商務的主要經營模式，其不僅能夠為經營者節省大量實體店面經營成本，同時也是促進人們消費的重要途徑。因此，網站設計者必須從用戶體驗角度分析、全面了解大眾需求，簡化復雜的網購流程，使消費者在整體網購過程中，進而為消費者營造一個輕松、愉快的網絡購物體驗。