以用戶思維為設計導向的生鮮電商UI界面設計研究

汪鴻　陳錦渝

摘 要：隨著智能手機的普及，消費者對用戶交互體驗需求不斷升級，故在虛擬 UI 設計以及 UI 設計思維的發展與轉變以及用戶應用過程當中也不斷地得到發展，而本文主要的針對了生鮮App用戶交互體驗以及其UI頁面設計思維及方向之間的聯系進行了詳細的闡述，并且以虛擬生鮮購物App食來優UI界面設計進行分析，進一步闡釋了在 UI 頁面設計當中引用以用戶思維為導向的設計思維方式的重要意義，同時還預測了在 UI 交互體驗設計當中應用該設計思維的作用。

關鍵詞：生鮮電子商務;UI設計;用戶思維

隨著我國智能手機普及，手機App不斷創新開發，各式軟件更新升級換代速率不斷上升。而在UI設計當中應用視覺思維能夠使得設計出來的軟件頁面更為豐富，更易被人類的大腦所接受[1]，同時還能夠滿足人們對于軟件所要求的個性化的要求，故在個性化研究以及UI設計用戶交互體驗正在不斷被要求深入與升級，這對UI界面設計更是提出了更高的要求，以保障用戶良好的視覺以及使用體驗，此時，想要在眾多App中脫穎而出、受到關注并提升下載使用率，UI界面設計的定制化及“秘書式、保姆式”服務化成為重要吸引用戶的因素，尤其是生活類App，如購物App。而此背景下界面設計者的設計思路應該由‘設計者首先轉為‘使用者，以用戶思維為導向的設計思維在當代UI界面設計中顯得尤為重要。

一、研究背景

（一）國內外生鮮電商UI界面設計研究現狀

截至2019年，國內以“電子商務+界面設計”以及“電子商務+視覺”等相關關鍵詞檢索出的文獻資料相對較少，且主要以博碩論文為主。而“生鮮+界面設計”“農產品+視覺”等類關鍵詞檢索出的相關文獻資料更是門可羅雀。在生鮮電商領域，文獻資料主要以針對農產品、生鮮的營銷模式、手段、生鮮冷鏈以及提升品牌力等方向的研究文獻較多，而在網頁、界面設計領域又主要以拆分網頁設計要素（如從單一的視覺符號、整體色彩、頁面彈框等）對用戶體驗以及購物電商銷售率影響、人機交互等方面為主流研究方向，鮮少有電商用戶界面設計思路創新相關方面研究文獻。而國外文獻截至2017年，在電商界面設計方面均以理論層面研究居多，且多為基于社會學、傳播學、心理學、營銷學等跨學科性研究[2]，與當下國內大流研究方向異曲同工，同樣鮮少有研究者以“生鮮電商+界面設計”為關鍵詞并結合實例分析為文獻主要研究方向。

而在電商App界面作為與消費者直接溝通的橋梁，其傳遞出的視覺體驗，價值以及服務思維的體驗，直接影響著該App的發展趨勢。且在生鮮App這類電商平臺中，有效提升電商視覺品質與流量轉化體系以及消費者的購買體驗[3]有著直接的聯系，想要進一步提升生鮮電商平臺品牌效應，打造高質量流量轉化體系并提升消費者在生鮮電商的復購率，針對UI界面設計設計思路進行研究更有了多層次的必要性。

（二）國內生鮮電商UI界面設計現狀

何為以用戶思維為導向的設計思維？是將設計思路過程中‘設計者身份首先轉換為‘使用者。被譽為Ajax之父的Jesse James Garrett認為，“用戶體驗是指‘產品如何與外界發生聯系并發揮作用的，也就是人們如何‘接觸和‘使用它”[4]。“創建吸引人的、高效的用戶體驗的方法被稱為以用戶為中心的設計（user-centered design）”[5]。以用戶為中心，以用戶使用思維為導向，才能使交互設計成為精神文化的體現，市場的細分使設計越來越關注不同消費群體的需求，使設計成為越來越貼心的服務。

目前大部分生鮮App的UI界面以生鮮種類進行區分，以大勢的河馬生鮮、多點App等生鮮App，均以如蔬菜類、肉蛋類等進行消費者的購買引導以及產品的展示，使得產品種類清晰，選擇與購買目標生鮮的過程相對標準化。但是與此同時，設計者以展現賣方所有的全部產品作為首要設計思路，而沒有從消費者角度進行用戶思維分析，導致其生鮮購買的同時不夠定制化、人性化，App服務不夠貼心化的問題。

以當下較為從消費者角度而言，在飲食問題中，往往最先考慮的問題應當是由“吃什么”至“買什么”再至“怎么制作以及購買量的多少”，而目前生鮮電商市場UI界面設計的整體思路卻是以“買什么”至“買多少”，且“吃什么”“怎么制作”則是完全沒有涉及，這整體App使用流程與用戶的生鮮購買習慣的錯位，體現了當下生鮮電子商務UI界面設計思維與‘以用戶使用思維為導向的設計思維與“以用戶為中心”的重要設計理念相駁。

二、以用戶思維為導向的生鮮App用戶使用需求分析

在當代快節奏的、移動電子商務逐漸普及的生活中，許多用戶人群急需一些能夠使其用最少的腦力以及最方便的操作去幫助其更好，更快，更方便的處理生活中的各種瑣事。其中以生鮮App為例，一方面是“民以食為天”，另一方面生鮮電子商務類App發展相較于其他類別電子商務發展較為落后，市場前景較大。

在生鮮移動電子商務中，用戶需求點往往包含菜品質量、物流配送、售后服務以及買食材時糾結的將要制作的菜品的不確定性的解決、想要制作的菜品需要進入其他App進行食譜查詢，過程較為煩瑣等多個方面。而從賣方考慮，如何賣出更多的產品，通過更好的人機交互體驗從而更大程度的增加用戶使用黏性，也是UI界面設計需要考慮的重要因素的一部分。

從基礎UI界面設計元素中，首先從整體界面色相而言，作為食品類App，其UI界面色調應偏向于暖色為主，以給予消費者及用戶溫馨感并起到提升人們感性情緒，促進其食欲以及購買欲的作用。從界面使用形狀而言，應以柔和的曲線形，如曲線形、圓形、圓角矩形等形狀為主，以減少棱角帶給用戶的攻擊性視覺感受。設計者往往需要在以上用戶使用需求分析及基礎元素范圍確定后，再進行以用戶使用思維為設計導向的UI界面設計。

三、以用戶思維為導向的生鮮App的UI界面設計思路分析

在用戶使用需求分析及基礎元素范圍確定后，需確定用戶使用的思路、順序以及所要制作的UI界面將要解決用戶何種需求。其中，用戶需求中‘買食材時糾結的將要制作的菜品的不確定性、‘菜品制作流程不清晰需要多方查詢以及‘更好的人機交互體驗從而更大程度的增加用戶使用黏性為UI界面設計師需要重點解決的問題。

‘買食材時糾結的將要制作的菜品的不確定性這一問題解決過程中，首先需要各個用戶的飲食差異性，這就需要進行用戶調查，故在進入主頁面之前，應先有一歡迎界面（即用戶飲食習慣調查界面）。同時，后臺應經過大數據分析，確定該用戶的飲食習慣大方向并在后期進行推送。區別與傳統生鮮電子移動商務，為更好解決用戶‘吃什么的問題，應將首頁的食材分類轉化為菜品分類，即由肉類、蔬菜類等分類轉為川菜類、粵菜類等，更加直接、直觀地讓用戶感受到該界面設計真切站在用戶角度、渴望最大程度上幫助平臺用戶解決問題的意圖;‘菜品制作流程不清晰需要多方查詢這一問題解決方法，可以將每個菜品的購買界面中配置該菜品的制作流程以及制作所需食材，做到買菜、教做菜一體化，節省用戶切換其他App的時間，一定程度上也可以吸引更多其他想要學習制作菜肴的用戶;‘更好的人機交互體驗從而更大程度的增加用戶使用黏性這一問題解決中，可參照‘小紅書‘微信等成功App，增設圈子界面，給予用戶充分的飲食記錄以及系統已有菜品以外的菜品分享、學習的空間，以增加其在食來優的人機交互體驗，提升食來優用戶的使用黏性。以以上的用戶使用思維進行UI界面設計，可以更好地滿足用戶在使用生鮮移動電子商務過程中的各類需求。

四、設計實現——以食來優App為例的UI界面設計分析

（一）食來優App的UI界面涉及介紹以及界面設計思維概念的轉變創新

食來優App的UI界面設計一改傳統生鮮電商的分類模式，通過菜系、菜譜引導用戶購買食品。平臺針對使用人群進行創新設計的同時，通過大數據智能分析，推薦符合用戶需求的菜譜，通過不同的需求設置如安全溯源、口味菜系、食材用量、兒童營養、健身減脂等滿足用戶個性化定制目標。界面通過完整準確的食材清單，可為客戶提供中長期系統化的食譜方案計劃，同時提供食材打包配送，甚至半加工服務，滿足對象人群便捷性需求，并一定程度上引導人們合理健康的飲食方式。整個界面設計流程以用戶思維為導向，一站式解決用戶每天吃什么、怎么吃、哪里買的世紀難題。

傳統生鮮電商App的界面設計中二級分支往往只有‘首頁‘購買界面，‘購物車以及‘我的四個元素，食來優界面設計中則多添加了用戶調查界面（歡迎界面）以及圈子界面，以除了讓消費者更好的體驗一站式解決‘吃什么、怎么做、買多少的問題，更能將生活中飲食日常及體驗與互聯網飲食購買形成一個循環回路，以更高的給消費者以良好的被服務感受。

（二）食來優交互頁面特點介紹

食來優App的交互界面整體以暖橘色為主色調，以帶給消費者以溫暖貼心、有食欲以及食物購買欲的視覺及心理感受，其中多用圓形的界面元素，盡量給消費者以無攻擊、強烈目的感受的消費體驗。除基本UI界面設計元素外，將以食來優為例的UI界面設計思維——以用戶思維為導向的UI界面設計進行分析。

1. 歡迎界面

為后期平臺對消費者能夠推送更加有針對性的、個性化的食材購買推薦。在歡迎界面中，將針對平臺使用者進行問卷調查，就“偏愛的菜系口味”“現在的職業身份”“飲食喜歡與功能呢偏向性”以及“日常飲食分量”等問題進行調查，供消費者進行選擇。這對后期平臺對消費者推送食材、合適菜譜起著至關重要的作用。

2. 食來優首頁

首頁區別傳統生鮮食材電商的食材分類模式，以創新逆向思維，先根據消費者飲食習慣、喜好進行推薦菜品，再根據菜品進行食材的推薦與購買，直接從用戶考慮的中心問題 ‘吃什么來給予用戶引導。

3. 購買頁面

購買界面中，除傳統電商平臺所已有的食材介紹以及購買鏈接以外，更加入了該菜品的烹飪方法，節省了人們購買食材后再次搜索食譜的時間，在平臺解決“吃什么”這一難題的同時，進一步解決了“怎么做”第二難題，為廣大想進廚房又沒有足夠生活料理經驗的年輕人提供了強有力的幫助，為每天要做飯的家庭主婦一類人士開拓了更多不同可嘗試的菜品與方便的食材購買渠道。

4. 圈子分享界面

圈子分享界面，用于平臺消費者相互分享美食新做法、新吃法以及分享自己在飲食中收獲的滿足、打卡等（如美食博主教學新做法新吃法、家庭家長記錄自己孩子的吃飯日常以及健身人士每天的輕食打卡等）。在食來優平臺感受美食為生活帶來的滿足與樂趣。當下App用戶往往需要一定的分享欲望才會對該軟件有更強的歸屬感，消費粘性也會大大提升。

食來優為熱愛的以及廣大有健康生活、好好吃每頓飯的消費者提供了一個自我管理的平臺。打卡界面中，以日歷為打卡記錄全況（圖7）。點開日歷中日期，將自動跳轉當天飲食情況以及圖片。

五、結語

綜上所述，除基礎的視覺體驗（界面整體色調、使用元素等）外，UI界面的設計思維也是需要考慮的重要因素。UI界面設計需要綜合考慮用戶的喜好需求，同時以用戶思維為導向進行。重視App的界面設計的設計思維、思路，可以更加定制化、人性化地為用戶提供消費服務，使得用戶使用時更具針對性、歸屬感，達到更加完美的人機交互體驗，更好地滿足消費者的使用需求及心理訴求。

參考文獻：

[1] 張金茹，朱珊珊.淺談UI設計中用戶交互體驗的視覺思維[J].河南理工大學：居舍，2019：198.

[2] 孫思雯.生鮮電商品牌視覺設計與傳播策略研究.

[3] 晏艷.UI設計中用戶交互體驗的視覺表現[J].西部皮革，2019，41（01）：109-110.

[4] 付昕.UI設計中用戶交互體驗的視覺思維[J].科技展望，2016，26（14）.

[5] 楊莉莉.以用戶體驗為導向的電商購物網站界面設計研究[D].華東理工大學，2014.