張恩惠 李楊

摘要：為獲取菜市場商家經營版小程序交互界面設計的需求，得到關于菜市場商家版小程序交互界面的用戶體驗設計要素分析和相關設計模型構建的研究依據(jù)?；谠O計實題提取用戶體驗設計關鍵步驟，結合界面層、需求層、行為層、期望層和內容層五個層次構建了關于菜市場商家版小程序交互界面的用戶體驗設計模型。獲得智慧菜市場商戶用得上、便于用、樂于用的商家經營版小程序設計開發(fā)的方法途徑。該方法可為商家版小程序界面設計與功能搭建提供參考。

關鍵詞：用戶體驗 菜市場商戶 交互界面 商家經營版小程序 界面設計

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

文章編號：1003-0069（2023）05-0124-03

Abstract：In order to obtain the demand for the interactive interface design of the small program of the vegetable market business version，the research basis for the analysis of the user experience design elements of the interactive interface of the small program of the vegetable market business version and the construction of related design models are obtained.Extract the key steps of user experience design based on the actual design questions，and build a user experience design model about the interactive interface of the vegetable market merchant version of the applet by combining the interface layer，the demand layer，the behavior layer，the expectation layer and the content layer. Get the method and approach for the design and development of the merchant management version of the small program that the merchants of the smart vegetable market can use，are easy to use，and are happy to use.This method can provide a reference for the interface design and function construction of the merchant version of the applet.

Keywords：User experience Market merchants User-interface Merchant management version applet Interface design

引言

為更好地落實“互聯(lián)網+農貿”和“社區(qū)服務O2O”的概念，智慧菜市場借助網絡科技，以產品服務為核心，以消費者體驗為基礎，打造了B2B2C的商戶線上生鮮購買模式，從而把商家和消費者的不同需要充分融合到一起，以減少整個銷售鏈運行的時間，拓寬商戶的銷售渠道，便捷消費者的生活半徑，延伸菜市場的入戶服務，從而提升智慧菜市場的運轉效率。同時，小程序的上線也讓菜市場在推廣宣傳、與用戶交流、大數(shù)據(jù)收集分析等方面實現(xiàn)了創(chuàng)新性突破，文章將從用戶體驗角度出發(fā)進行智慧菜市場商家小程序交互界面的相關研究。

一、界面設計中的用戶體驗研究意義

作為用戶在使用商品、系統(tǒng)或服務過程中所形成的一種主觀感受，用戶體驗具有一定個體性和差異性的特點，常被用來作為評判產品或系統(tǒng)是否成功的重要影響因素。事實上，一個產品或系統(tǒng)的評價優(yōu)劣標準也往往取決于該產品或系統(tǒng)帶給用戶怎樣的體驗和感受。優(yōu)秀的產品或系統(tǒng)往往從人的角度出發(fā)，遵循以人為本的設計理念，致力于給人良好的使用體驗和美的享受。用戶體驗是用戶評價一個產品或系統(tǒng)設計成功與否的重要因素，是設計師從事設計活動過程中必須納入考量的關鍵要素，是踐行以人為本的設計理念過程中不可缺少的重要一環(huán)。因此，將用戶體驗設計理念融入智慧菜市場商家版小程序界面設計具有重要研究意義。

二、菜市場商戶行為特征及對應界面使用需求分析

（一）菜市場商戶行為特征

所謂菜市場商戶特征，就是針對商戶人群所總結出來的較為共性的特性分析，主要表現(xiàn)在以下幾個方面：

1.工作繁忙，日常工作內容較為瑣碎：部分經營類型的商戶例如蔬菜、水果等食品經營商涉及到每日進貨、清點貨物、商品的售賣等一系列工作，工作繁忙，閑暇時間較少。另外，菜市場商戶在日常工作中往往體力勞作和使用移動端小程序查看商品售賣進度或進行其他操作行為穿插進行，工作內容較為瑣碎，在使用小程序的過程中容易被擾亂注意力，忘記操作路徑。

2.學歷普遍偏低，知識文化素養(yǎng)較為薄弱：菜市場商戶大部分人群受教育程度為高中甚至高中以下學歷，新事物接受能力相對較弱，對復雜事物的學習掌握較慢，針對接受新知識需要付出較大的學習成本和時間成本。

3.對新產品使用的恐懼感較高：部分商戶認知水平較低，學習能力偏弱，新鮮事物出現(xiàn)的未知性往往使他們感到學習焦慮，擔心自己無法掌握，學不會，從而在使用新產品的過程中容易產生恐懼感。

（二）菜市場商戶行為特征對應界面使用需求

1.入門學習直白輕松：繁瑣復雜的小程序界面設計容易使商戶產生學習壓力，打擊其學習熱情。因此，小程序界面設計應具有易學性、易用性，應使菜市場商戶輕松較快地學習掌握，以消除他們使用商家版小程序過程中產生的“恐懼感”，從而增強菜市場商戶的使用意愿。

2.操作命令簡單通達：為使商戶盡快熟練操作使用智慧菜市場商家版小程序，界面設計應具有簡單直觀性。應通過將商家版小程序界面元素、功能設置、操作方式、交互反饋等方面的設計簡單直觀化，從而讓菜市場商戶不必要花費較多學習成本即可掌握，在使用菜市場商家版小程序的過程中使其線上店鋪的經營效率事半功倍，進而提升菜市場商戶對智慧菜市場商家經營版小程序的依賴度和忠誠度。

3.界面邏輯架構親切：好的產品能夠給人親切的使用體驗，是使人容易接受的。清晰的界面邏輯架構將會拉近商戶與小程序產品使用的距離，減少商戶在使用智慧菜市場商家版小程序過程中所產生的不確切感，消除陌生產品對于他們使用過程中所產生的冰冷感，從而提升他們對于產品使用的愉悅感和幸福度。

三、已有菜市場商家版小程序交互界面設計表現(xiàn)

（一）已有產品交互界面設計主要問題

通過調研得知，眾多品牌下的菜市場商家版小程序普遍存在界面操作交互性較弱、相關體驗較差的問題，總結如下：

其一，菜市場小程序界面邏輯架構不清晰，存在界面導航設計繁瑣、功能關聯(lián)性不強的問題。其二，主次功能界限不清。商戶較為關心且日常使用頻率較高的功能點未放在視覺顯要位置，需要耗費商戶額外的時間精力操作使用，降低了用戶體驗。其三，界面功能設計冗余，存在無效功能堆砌的情況。相對于設計上要注重考慮用戶獲客、留存和轉化，功能設計豐富的菜市場消費者端小程序，商家版小程序更加偏重實用性。一味增加繁瑣功能的羅列將在界面上削弱關鍵功能的直觀度，對商戶增加了無效信息的干擾，從而影響智慧菜市場商戶的日常操作使用。其四，界面過于追求美觀性，配色較為花哨?？紤]到菜市場商戶的日常工作環(huán)境，鮮艷靚麗的配色體系容易使商戶產生眼花繚亂的視覺感受，帶來感官上的不適，且容易誘發(fā)商戶心理上的焦慮感。

（二）產品交互界面設計開發(fā)趨勢

面向智慧菜市場商家版的小程序交互界面的設計研究，一是希望通過對菜市場商戶的心理、生理和行為特征的分析，發(fā)現(xiàn)菜市場商戶在日常使用小程序進行售賣工作過程中的痛點，明確菜市場商戶對于智慧菜市場商家版小程序的使用需求，從而設計一款菜市場商戶真正喜歡用、樂意用的商家經營版小程序；二是結合國家大力倡導智慧民生的當下時代背景，通過對商家版小程序交互界面的設計研究，對小程序界面、功能設置、操作方式、交互反饋等方面做出有效改進，讓菜市場商戶更加積極熱情地學習操作使用小程序，將有利于加快菜市場更加智慧互通化、數(shù)據(jù)直觀化、經營規(guī)范化、管理透明化的發(fā)展進程，真正實現(xiàn)惠民生、利民生的偉大工程。

四、基于設計實題提取用戶體驗設計關鍵步驟

通過為庫農天下（天津）農業(yè)科技有限公司旗下智慧菜市場設計的商家版小程序界面“吃有道”闡述用戶體驗設計關鍵步驟。吃有道項目是庫農天下公司旗下傳統(tǒng)菜市場向智慧菜市場轉型的必經橋梁工程。其中，吃有道商家版小程序使用人群為菜市場商戶，界面簡潔，以滿足商戶日常操作使用過程中的主要功能為設計出發(fā)點，摒棄華而不實的不相關功能羅列。以下將結合吃有道商家版小程序界面設計進行該課題商家版小程序交互界面的用戶體驗設計關鍵步驟研究。

抽取庫農天下公司旗下現(xiàn)有8個菜市場近500名菜市場商戶作為用戶研究樣本，通過調查問卷和現(xiàn)場訪談的形式對菜市場商戶行為習慣、生理及心理需求特征進行調研并選取典型研究對象形成用戶畫像。通過調研得知，清晰直觀的信息架構、簡單明了的操作路徑、親清關聯(lián)的視覺感受、通用設計本土化應用四個方面可被提取為面向菜市場商戶的智慧菜市場商家經營版交互界面的四個用戶體驗設計關鍵步驟。

（一）清晰直觀的信息架構

搭建清晰直觀的信息架構是研究智慧菜市場商家版小程序的首要前提，將有利于解決小程序界面邏輯設計混亂不清的問題。菜市場商戶的日常工作非常忙碌，因此，為商戶設計一款擁有清晰直觀信息架構的小程序產品至關重要，建議采用扁平化設計。通過將小程序界面的導航設計簡單清晰化，可使商戶快速地注意到所關注的信息，找到試圖操作的欄目，進入目標頁面，從而減少了過多的時間和精力投入。

其次，小程序界面的功能設計上要注重突出實用性，摒棄繁瑣復雜以及與設計意圖不相關的的單純性功能羅列，以滿足菜市場商戶對小程序使用的核心需求為優(yōu)先考慮。作為負責線上店鋪經營管理的菜市場商戶，較為關心的是店鋪交易數(shù)據(jù)、日交易額、交易訂單，商品售賣比例等，因此，交易數(shù)據(jù)應置于醒目區(qū)域，且能做到一眼直觀。從商戶使用行為方面看，商戶每日需要進貨、發(fā)布商品價格、管理商品數(shù)據(jù)、查看訂單數(shù)據(jù)和狀態(tài)，因此對于商家經營版小程序使用過程中涉及到此類行為的功能模塊應置于首頁視覺中部區(qū)域展示，相關重點信息數(shù)據(jù)作放大或顏色突出標注提示。此外，考慮到商戶個體認知水平的差異性，小程序設計中要加入輔助學習操作指南等相關引導模塊，使商戶對于小程序的使用操作邏輯了然于胸，降低小程序的使用難度。

（二）簡單明了的操作路徑

操作路徑簡單明了化作為用戶體驗設計關鍵步驟之一，將有助于小程序產品去繁化簡，消除用戶操作過程中由于迷失方向可能帶來的疑惑，優(yōu)化產品的體驗感。良好的操作路徑應有效地告知用戶下一步要干什么以及如何有效地返回信息層的上一步。因此，在界面設計過程中，應采用循序漸進的界面引導結構，盡可能簡化操作流程。同時考慮到菜市場商戶在操作時存在忘記操作路徑的可能性，小程序界面功能按鈕設置的層級應不超過三層；同時要設置可以一鍵直達主要功能或退回到小程序首頁，縮短商戶對小程序的目標行為操作時間；另外，考慮到部分商戶需要佩戴手套的工作場景，如水產類商家在進行水產品或海鮮類清點稱重時，為防止手被刺傷，常常需要佩戴防護手套，考慮到類似的操作行為環(huán)境，小程序界面設計建議采用單擊、手指拖動等簡單操作手勢，放棄單指長按、手指多次點擊、雙指捏合，甚至三指、多指操作等復雜手勢的使用。

（三）親清關聯(lián)的視覺感受

將親清關聯(lián)的視覺感受納入用戶體驗設計的關鍵步驟，解決了由于小程序視覺層面設計不合理而導致的商戶體驗較差的問題。親清關聯(lián)的視覺感受是指小程序界面的視覺設計上要注重突出“親”和“清”，首先應使菜市場商戶看得清楚，感受到親切?！坝H”是在界面設計上加入了情感因素，也是尊重菜市場商戶的重要體現(xiàn)?！扒濉笔侵附缑嬖O計的視覺感官層面，不同的界面設計風格、色彩搭配、布局歸置、字體字號以及圖標設計都會帶給用戶不同的視覺感受，而這些元素設計也是“清”的重要體現(xiàn)。“親”和“清”二者緊密聯(lián)系，缺一不可?！扒濉笔恰坝H”的前提條件，“親”是“清”的情感升華，是立足于商戶心理層面出發(fā)所作的設計考量，也是人性化關懷設計中不可缺少的關鍵設計要素。在界面基調上，商家版小程序重在查看經營效果和相關工作內容的運營，操作意圖和行為較為固定，因此設計上應盡量保持小程序功能簡單明了，結構和色彩具備一致性以及相關頁面的切換形式相統(tǒng)一。

在色彩設計上，應對菜市場商戶的經營心理加以揣摩，結合其視覺特征，色彩應穩(wěn)重，而非采用花哨鮮艷的配色方案，避免造成商戶視覺上的眩暈感。相關設計元素的運用上也應簡單明了。實踐表明，白色背景搭配深色文本（如圖1、2）的配色模式，會使得相關數(shù)據(jù)顯示更加直觀，方便商戶閱讀，從而大大提高了商戶對于頁面重要信息的捕捉能力。

此外，為了提升菜市場商戶的閱讀效率，在界面布局設計上盡量采用表格式；對齊方式上采用界面設計中的標準左對齊；在頁面元素布局上，考慮菜市場商戶往往多線程操作，且一部分商戶年紀較大，視覺不夠敏感，建議適當增大不同元素之間的設計距離；界面的文字設計應當簡潔精煉，選擇清晰直觀的字體，對于標題、標簽和重要信息要進行加大、加粗字號處理、把握適當?shù)男虚g距；對于文字內容上的設計，相關表述應當通俗易懂，盡量不使用專業(yè)術語或其他晦澀難懂的詞匯，不采用文字縮寫或略寫；在界面元素的按鈕設計上，考慮加入動態(tài)的視覺感受，例如菜市場商戶手指滑動到指定按鈕處時，目標文字可以放大顯示，在商戶手指離開目標對象時，之前放大顯示的文字又可以恢復到原始呈現(xiàn)的狀態(tài)。

（四）通用設計本土化應用

通用設計本土化應用作為用戶體驗設計的關鍵步驟，主要是基于小程序產品設計的情感性考量，避免商戶在產品使用過程中產生冷漠印象。通用設計本土化應用提倡設計師在從事設計活動過程中需要充分考慮設計的易用性，即設計的產品應易學、易用，應盡可能減少用戶錯誤操作產生的概率。商家版小程序界面融入“以人為本”的設計理念主要體現(xiàn)在目標界面設計需清晰的告知商戶要呈現(xiàn)哪些信息，呈現(xiàn)信息的要求，提供哪些操作功能等。

第一，系統(tǒng)狀態(tài)的即時響應度：即針對當前操作頁面的所停留位置正在進行以及接下來要發(fā)生的事情要給與用戶有效告知，若由于用戶所處網絡原因等導致的頁面加載過慢問題，系統(tǒng)可在頁面加載過程中向用戶提供清晰明了的進度條或數(shù)字加載反饋。另外，針對可進行操作的頁面元素部位給與用戶有效信息指示。如圖1，可以通過點擊展開二級頁面的操作點放置了按鈕提示或指引符號，以此告知商戶此處可以點擊查看更為詳細的信息。第二，具有良好用戶體驗的界面設計同時，作為TO B產品的最重要一條是可以幫助用戶減少不必要的錯誤操作。例如，在小程序界面表單設計時，能盡量讓商戶通過下拉選擇完成目標行為的不讓用戶手動輸入，商戶自行輸入的內容越多，出現(xiàn)信息填寫的錯誤概率越大且往往不易識別判斷。第三，從用戶體驗角度出發(fā)，小程序界面設計還應能幫助商戶及時發(fā)現(xiàn)并識別錯誤，且能提供挽回錯誤的有效途徑，防止商戶產生更多操作失誤。即使錯誤操作無法挽回，系統(tǒng)也應配以相應的易懂文字說明告知商戶原因或幫助用戶退出，而不是展現(xiàn)給用戶一串冰冷的代碼報錯提示。

五、菜市場商家版小程序交互界面的用戶體驗設計模型構建

圖3為面向智慧菜市場商家版小程序交互界面的用戶體驗設計模型的初步構建。首先是對菜市場商戶的需求挖掘和分析階段，明確用戶需求和愿望，將對“菜市場商戶”群體進行的調研和訪談作為設計開始，通過實地走訪各個菜市場，觀察菜市場各售賣品類的商戶日常進貨、售貨、清點貨物行為，另外，采用對部分商戶語言上溝通采訪的方式，目的是了解用戶行為和心理特征，生成用戶畫像。在對商戶實地調研和采訪的過程中，發(fā)現(xiàn)商戶生理層面和心理層面的設計痛點，明確設計需求，從而梳理整合出智慧菜市場商家版小程序界面設計的基本信息邏輯框架，明確小程序界面設計的主要功能和輔助功能。

其次，在小程序界面設計上除了要考慮菜市場商戶的感官生理特征和情感需要的心理需求，還要注意滿足小程序界面設計帶給商戶使用上的交互安全需要。界面設計上，對涉及到相關信息刪除的按鈕需進行二次操作確認，對商戶經營數(shù)據(jù)和營業(yè)額等設置隱私防護操作，例如可向商戶開放開啟或關閉數(shù)據(jù)顯示的功能或允許商戶使用密碼防護的方式。除此之外，菜市場商家版小程序界面交互設計應考慮商戶的行為操作習慣。如界面設計應遵循商戶視線流動規(guī)律，重要的高頻率使用或其他商戶較為關心的界面信息置于頁面視線顯要位置，提升商戶對于小程序使用的流暢度和操作效率。通過挖掘商戶的日常行為信息，獲得商戶對菜市場商家版小程序設計的關鍵信息需求，從而提升菜市場商戶對于小程序的滿意度和用戶體驗，并將商戶的滿意度和用戶體驗作為小程序設計、更新和迭代的重要參考維度。

另外，在確定了智慧菜市場商家版小程序設計的基礎需求后，接下來是對界面的設計和優(yōu)化。對小程序界面進行設計時，不僅要對界面功能羅列清楚，有清晰的功能邏輯框架，還要考慮界面的結構合理性。如界面導航欄放置數(shù)量不宜過多，頁面元素排列不宜過于飽滿，以人眼視覺感知舒適度為評判指標。界面的交互設計應符合商戶的認知標準，能夠承載商戶進入小程序首頁查看經營數(shù)據(jù)、交易額、發(fā)布商品和管理商品以及水電繳費等一系列流程的流暢性體驗。以上作為小程序設計的用戶體驗重要影響因素需要設計師在進行相關界面設計時被充分納入考量。用戶體驗理念應貫穿菜市場商家版小程序界面設計始終，希望通過界面層、需求層、行為層、期望層和內容層五個層次，獲得小程序界面設計和后期迭代優(yōu)化的重要設計信息來源。

最后，應充分考慮使用者在產品使用過程中所形成的體驗感受與滿意度。體驗感是用戶對產品使用的主觀感受，與自身情緒感知、界面信息設計和周圍環(huán)境密切相關。作為一種即時的當下感受，體驗感的產生雖源于當下對于產品使用的瞬間心理體驗，但往往決定了用戶對于當下產品使用的主觀心理感受，是決定用戶是否再次使用產品的重要因素。滿意度與體驗感相互關聯(lián)，一個產品能使用戶產生良好的體驗感，另一層面上也會大大提升用戶對于產品使用的滿意度。在進行智慧菜市場商家版小程序界面設計過程中，菜市場商戶自身情緒感知是影響體驗的主觀因素，包括其年齡、學習文化水平、情緒穩(wěn)定性、行為特征、身體感官特征。除此之外，還包括商戶個人的社會閱歷及對自我實現(xiàn)的需要程度等?？梢詮漠a品設計的可用性、易用性、直觀性、通達性、情感性等多種參考維度出發(fā)，來提升菜市場商戶對于小程序產品使用的體驗感和滿意度。

總結

網絡日新月異的發(fā)展使得人們的消費觀念也不斷提升，在此背景下智慧菜市場也應運而生。隨著未來菜市場的發(fā)展更加互聯(lián)網化，智能化，面向智慧菜市場商家版小程序交互界面設計研究也將成為重要課題。設計師必須通過深入研究菜市場商戶的物理性和內在情緒性特征以及日常行為操作模式，設計出一款真正適合智慧菜市場商戶使用并能得以盛行推廣的小程序產品。另外，作為目標設計人群，菜市場商戶應被邀請加入小程序設計的全過程，在從事設計活動的整個流程中做好菜市場商戶的言行記錄工作，以用戶反饋作為設計和更新迭代小程序產品的重要指向標。未來隨著互聯(lián)網新興技術的發(fā)展，智慧菜市場商家版小程序的交互界面設計將更加注重人的尺度的設計，從而真正實現(xiàn)科技惠民，技術利民，為菜市場商戶實現(xiàn)智慧經營帶來便利。

基金項目：天津市藝術科學規(guī)劃項目“需求調查數(shù)據(jù)導向下天津智慧社區(qū)本土化設計研究”（E22018）。

參考文獻

[1]鐘穎.聚焦場景化零售 打造智慧菜市場[J].中國集體經濟，2020（10）：56-57.

[2]華江林.面向老年用戶的手機銀行APP交互界面設計研究[J].工業(yè)設計，2021（09）：88-90.

[3]陶雪瓊.基于普適計算的無界面交互設計研究[J]. 設計.2020，（07）：100-103.

[4]郎豐利 智慧農貿市場信息化平臺建設綜合解決方案https：//www.doc88.com/p-00329988529031.html 2021-11-12

[5]李克.基于用戶體驗的互聯(lián)網產品界面設計研究[J].《互聯(lián)網周刊》，2021（10）：53-55.

[6]陳雪，周美玉.基于用戶體驗的界面設計因素分析 [J]. 設計.2019，（01）：81-83.

[7]郗彩蓮，陳明江，吳澤曼.基于蒙德里安風格的書城閱讀 APP 界面交互設計研究[J]. 設計.2021，（01）：28-30.