基于用戶體驗(yàn)的農(nóng)產(chǎn)品APP界面設(shè)計(jì)研究

胡敏 裴云霞 蔡冠群

摘 要：農(nóng)產(chǎn)品APP是以幫助農(nóng)民解決農(nóng)產(chǎn)品銷售為目標(biāo)，針對(duì)目前現(xiàn)有農(nóng)產(chǎn)品APP界面存在的問題進(jìn)行詳細(xì)的分析與綜合比較，以用戶體驗(yàn)為前提，分別從功能訴求、交互設(shè)計(jì)、視覺效果等方面歸納總結(jié)APP界面設(shè)計(jì)的注意事項(xiàng)，提出基于用戶體驗(yàn)的農(nóng)產(chǎn)品APP界面設(shè)計(jì)的結(jié)構(gòu)模塊設(shè)計(jì)和視覺效果方案，本研究結(jié)果為農(nóng)產(chǎn)品電子商務(wù)服務(wù)，也為接下來的農(nóng)產(chǎn)品APP推廣宣傳打下良好的基礎(chǔ)。

關(guān)鍵詞：農(nóng)產(chǎn)品；APP；用戶體驗(yàn)；界面設(shè)計(jì)

中圖分類號(hào)：TB472 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：2096-4706（2018）02-0115-03

Research on APP Interface Design of Agricultural ProductsBased on User Experience

HU Min，PEI Yunxia，CAI Guanqun

（XuanCheng Vocational and Technical College，Xuancheng 242000，China）

Abstract：Agricultural products APP is to help farmers solve the sale of agricultural products as the goal，aiming at the existing problems of agricultural products APP interface analyzed in more detail，provided to the user experience，respectively，from the functional demands，interaction design，visual effects and other summary considerations of APP interface design，the user experience of the structure of agricultural products APP module design and interface design scheme based on visual effect，the results of this study for the agricultural products e-commerce services，but also lay a good foundation for the promotion of agricultural products in the APP.

Keywords：agricultural products；APP；user experience；interface design

0 引 言

隨著智能手機(jī)和移動(dòng)互聯(lián)網(wǎng)的普及應(yīng)用，“互聯(lián)網(wǎng)+”的商業(yè)思維模式改變著傳統(tǒng)的商業(yè)形態(tài)，為眾多領(lǐng)域產(chǎn)品提供了快速交易的平臺(tái)。移動(dòng)APP的崛起又將農(nóng)產(chǎn)品電子商務(wù)推上了歷史的新階段，眾多計(jì)算機(jī)信息類交易平臺(tái)如淘寶、京東、小紅書等，它們的成功均來源于充分關(guān)注用戶體驗(yàn)，將用戶的體驗(yàn)轉(zhuǎn)化為人機(jī)界面設(shè)計(jì)要點(diǎn)，符合用戶心理，突出設(shè)計(jì)重點(diǎn)，合理規(guī)劃交互流程，設(shè)計(jì)出滿足用戶體驗(yàn)的APP用戶界面。

1 用戶體驗(yàn)與界面設(shè)計(jì)

人機(jī)界面設(shè)計(jì)是人機(jī)交互的中間橋梁，是用戶體驗(yàn)的關(guān)鍵環(huán)節(jié)。用戶體驗(yàn)是用戶在接觸產(chǎn)品與服務(wù)的同時(shí)得到的感受，這種感受直接影響用戶是否選擇繼續(xù)體驗(yàn)[1]。

一個(gè)成功的APP界面設(shè)計(jì)應(yīng)以滿足用戶體驗(yàn)為首要前提，包括APP的功能設(shè)計(jì)、內(nèi)容信息的發(fā)布、人機(jī)交互的互動(dòng)設(shè)計(jì)和視覺外觀等方面，且具備用戶的信息反饋及調(diào)整功能。

2 現(xiàn)有農(nóng)產(chǎn)品APP界面設(shè)計(jì)存在的問題

目前農(nóng)產(chǎn)品的APP種類繁多，安裝程序包大小不一，但都以幫助農(nóng)民解決農(nóng)產(chǎn)品銷售為目標(biāo)，能滿足最基本的信息發(fā)布等基本功能，都是網(wǎng)頁(yè)版的濃縮版[2]，沒有真正地發(fā)揮移動(dòng)APP的作用，以下以四川農(nóng)產(chǎn)品、一村一品及農(nóng)產(chǎn)品集購(gòu)網(wǎng)等APP為例，從用戶體驗(yàn)的角度進(jìn)行對(duì)比。

2.1 訴求表達(dá)簡(jiǎn)單，產(chǎn)品種類單一

相比于四川農(nóng)產(chǎn)品與農(nóng)產(chǎn)品集購(gòu)網(wǎng)，一村一品的用戶頁(yè)面內(nèi)容豐富、表達(dá)清晰，四川農(nóng)產(chǎn)品信息表達(dá)不清，文字圖片都沒有整合排版，頁(yè)面布局混亂。四川農(nóng)產(chǎn)品結(jié)合本地特色優(yōu)勢(shì)，以特色農(nóng)產(chǎn)品為主要銷售產(chǎn)品，但是產(chǎn)品種類單一，可選擇性少；一村一品產(chǎn)品只針對(duì)某一類產(chǎn)品，如葡萄酒等進(jìn)行銷售，以靜態(tài)圖片與文字結(jié)合的方式呈現(xiàn)；農(nóng)產(chǎn)品集購(gòu)網(wǎng)主要以糧食等大需求產(chǎn)品為交易對(duì)象。

2.2 交互設(shè)計(jì)不合理

四川農(nóng)產(chǎn)品頁(yè)面布局繁雜，用戶操作繁雜，交互設(shè)計(jì)互相嵌套，信息重復(fù)。一村一品沒有搜索功能。相較于前兩者，農(nóng)產(chǎn)品集購(gòu)網(wǎng)訴求簡(jiǎn)單、頁(yè)面布局清晰，方便用戶使用。

2.3 用戶體驗(yàn)，門檻較高

農(nóng)產(chǎn)品集購(gòu)網(wǎng)與其他兩者的不同點(diǎn)在于，它包含信息直播功能，但是對(duì)于訪客沒有設(shè)置瀏覽權(quán)限，只有身份驗(yàn)證后才能觀看，特別在虛擬交易的環(huán)境，注冊(cè)信息的流程就讓很多訪客止步不前，放棄購(gòu)買意圖。

3 基于用戶體驗(yàn)的APP界面設(shè)計(jì)研究

就現(xiàn)有的農(nóng)產(chǎn)品APP存在的問題進(jìn)行綜合分析及用戶需求總結(jié)，特提出基于用戶體驗(yàn)的農(nóng)產(chǎn)品APP界面設(shè)計(jì)思路。

3.1 以用戶體驗(yàn)為主，界面設(shè)計(jì)化繁為簡(jiǎn)

方便、個(gè)性化的APP界面設(shè)計(jì)是目前設(shè)計(jì)的主流，在首頁(yè)中提供最具有信息價(jià)值的，同時(shí)具備趣味性或直接影響用戶下一步選擇的訪問操作，讓用戶產(chǎn)生繼續(xù)瀏覽觀看的興趣。

3.1.1 定位明確，訴求到位

農(nóng)產(chǎn)品APP主要的用戶群體可以大致分為商家和顧客，根據(jù)用戶需求進(jìn)行設(shè)計(jì)，首先是明確用戶的最直接的需求，即需要了解產(chǎn)品的完整信息，詳情頁(yè)面的介紹是必需的。文字與圖片或圖標(biāo)的內(nèi)容區(qū)域模塊設(shè)計(jì)，既能最大程度地展示產(chǎn)品的細(xì)節(jié)內(nèi)容，又能滿足用戶的好奇心和注意力，層次化的模塊設(shè)計(jì)以列表形式呈現(xiàn)，主次分明，方便用戶操作。

3.1.2 保證人機(jī)交互體驗(yàn)簡(jiǎn)潔和易于操作

成功的人機(jī)交互體驗(yàn)應(yīng)有兩個(gè)顯著的特點(diǎn)，即信息反饋和人的參與性與主動(dòng)性。信息反饋實(shí)則是人與對(duì)象的及時(shí)準(zhǔn)確地傳遞信息，若界面過于繁雜，頁(yè)面布局會(huì)讓用戶產(chǎn)生厭煩的情緒。重點(diǎn)信息板塊不突出，會(huì)直接導(dǎo)致用戶不能及時(shí)獲取信息，因此界面頁(yè)面布局一定要一目了然，簡(jiǎn)單便捷，方便查找。參與式設(shè)計(jì)可以形成一個(gè)可生長(zhǎng)的激勵(lì)性用戶體驗(yàn)機(jī)制，增加激勵(lì)因素可以充分調(diào)動(dòng)用戶參與的積極性，進(jìn)而提升產(chǎn)品的用戶黏度[3]。

用戶通過參與式互動(dòng)，同時(shí)可推薦身邊的朋友一起參與，如每天的簽到任務(wù)，在玩游戲的過程中獲取積分，積分可以在購(gòu)買產(chǎn)品或達(dá)成交易時(shí)作為現(xiàn)金抵用卷使用，這種激勵(lì)機(jī)制對(duì)普及APP有很好的推廣作用。

3.1.3 提升個(gè)性視覺優(yōu)勢(shì)，彰顯品牌特色

農(nóng)產(chǎn)品APP中產(chǎn)品品種主要來源于地區(qū)本地特色農(nóng)產(chǎn)品，種類繁多，樣式齊全，若將這些內(nèi)容轉(zhuǎn)化成信息，并以直觀、形象的方式傳遞給廣大用戶，而不是單純地將產(chǎn)品轉(zhuǎn)為文字和圖片直接放在界面上，這滿足不了用戶的審美需求。如何將信息更有效地傳達(dá)給用戶，需要考慮將產(chǎn)品與地域、人文、品牌等多種因素相結(jié)合，達(dá)到賞心悅目的效果[4]。

3.2 農(nóng)產(chǎn)品APP的界面功能模塊設(shè)計(jì)

對(duì)于農(nóng)產(chǎn)品交易APP的設(shè)計(jì)，主要分為客戶端和服務(wù)器端，客戶端主要面向客戶，通過移動(dòng)手機(jī)終端設(shè)備實(shí)現(xiàn)信息的瀏覽、查詢、商品購(gòu)買及用戶信息管理等功能；服務(wù)器端主要在PC端對(duì)APP的數(shù)據(jù)庫(kù)進(jìn)行管理，負(fù)責(zé)圖文信息的添加和刪除、商品管理、信息的推送和交易管理等功能。

3.2.1 用戶信息管理模塊設(shè)計(jì)

用戶通過個(gè)人信息注冊(cè)，可以實(shí)現(xiàn)產(chǎn)品購(gòu)買及收藏，同時(shí)可以擁有視頻直播內(nèi)容的權(quán)限，用戶注冊(cè)主要通過手機(jī)驗(yàn)證信息注冊(cè)，略去繁雜的驗(yàn)證身份信息的過程，讓用戶輕松注冊(cè)，也避免個(gè)人信息的外漏。對(duì)于服務(wù)器端商家信息的注冊(cè)則需要嚴(yán)格的身份驗(yàn)證，保證交易過程的公開透明。

3.2.2 信息動(dòng)態(tài)模塊設(shè)計(jì)

該模塊注重人文信息與特色農(nóng)產(chǎn)品相結(jié)合，也是品牌產(chǎn)品推廣的重要平臺(tái)，商家可以通過該模塊的信息推送，及時(shí)將自己的商品信息情況推送給廣大用戶。

用戶則可以在該模塊瀏覽當(dāng)?shù)氐奶厣r(nóng)產(chǎn)品，同時(shí)結(jié)合線下促銷活動(dòng)，將活動(dòng)信息轉(zhuǎn)化為圖文信息推送給用戶，在推送的信息中還可以添加該商品的購(gòu)買鏈接，用戶可以方便獲取該商品的詳情頁(yè)面，方便購(gòu)買。

3.2.3 商品交易模塊設(shè)計(jì)

商品交易模塊是設(shè)計(jì)中最為關(guān)鍵的部分，以用戶體驗(yàn)為中心，以用戶的習(xí)慣和視覺體驗(yàn)為基本視角，合理布局。然后，點(diǎn)擊分類，進(jìn)入商品列表頁(yè)面，選中所需的商品種類，就可以進(jìn)入商品頁(yè)面，同類商品可通過商品的ID獲取商品的詳情信息，商品詳情信息頁(yè)面應(yīng)該包括商品名稱、價(jià)格、數(shù)量、商品圖片及相關(guān)介紹說明等，為了幫助用戶進(jìn)一步了解商品的詳細(xì)信息，在詳情頁(yè)面中，根據(jù)商家的需求可開通視頻直播、在線語(yǔ)音聊天等相關(guān)功能。最后，客戶點(diǎn)擊需要的商品，可放入購(gòu)物車，或直接線上交易，形成訂單信息。

3.2.4 訂單信息模塊設(shè)計(jì)

本模塊的功能主要是視線系統(tǒng)監(jiān)聽功能，客戶下單后，能夠及時(shí)獲取交易信息，生成的信息也會(huì)推送到后臺(tái)信息通知欄，方便后臺(tái)人員實(shí)時(shí)監(jiān)控訂單處理過程，對(duì)交易的過程起到實(shí)時(shí)監(jiān)督作用。

3.3 農(nóng)產(chǎn)品APP界面視覺設(shè)計(jì)

界面設(shè)計(jì)最根本的原則就是以用戶為中心，在滿足用戶需求的同時(shí)，又能實(shí)現(xiàn)系統(tǒng)設(shè)計(jì)者的目的。因此，界面視覺設(shè)計(jì)應(yīng)建立在充分考慮用戶認(rèn)知與用戶心理的基礎(chǔ)上，運(yùn)用色彩心理學(xué)、圖標(biāo)隱喻性、信息視覺可視化等原理，從界面主題、色彩、圖標(biāo)等幾個(gè)方面進(jìn)行界面視覺設(shè)計(jì)[4]。將農(nóng)產(chǎn)品與當(dāng)?shù)氐膫鹘y(tǒng)文化等多種因素融合起來，以美味的特色地方美食作為界面設(shè)計(jì)的主題。如圖1所示，APP圖標(biāo)設(shè)計(jì)就以“味”作為設(shè)計(jì)的主要元素，結(jié)合當(dāng)?shù)鼗张山ㄖ厣?，選用喜慶吉祥的紅色作為主色調(diào)，選用扁平化風(fēng)格處理文字，美觀大方，簡(jiǎn)單明了。

根據(jù)視覺設(shè)計(jì)原則和模塊設(shè)計(jì)要求，設(shè)計(jì)了農(nóng)產(chǎn)品APP主頁(yè)界面和購(gòu)物車效果圖，如圖2，3所示。目前系統(tǒng)處于試運(yùn)營(yíng)階段，測(cè)試成功后便大規(guī)模投入使用。

4 結(jié) 論

本文所闡述的農(nóng)產(chǎn)品APP界面設(shè)計(jì)是以用戶體驗(yàn)為中心，將現(xiàn)有產(chǎn)品中存在的優(yōu)缺點(diǎn)進(jìn)行詳細(xì)的分析歸納和總結(jié)，再根據(jù)用戶的需求，分別從功能設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)等提出了相應(yīng)的設(shè)計(jì)方案，本研究為農(nóng)產(chǎn)品電子商務(wù)的發(fā)展提供具有可行性的具體措施，也為接下來的APP推廣宣傳打下良好的基礎(chǔ)。

參考文獻(xiàn)：

[1] RACHEL Hinman，熊子川，李滿海.移動(dòng)互聯(lián)：用戶體驗(yàn)設(shè)計(jì)指南 [M].北京：清華大學(xué)出版社，2013.

[2] 鄢莉，劉翔.植物培植系統(tǒng)APP界面用戶體驗(yàn)設(shè)計(jì)研究 [J].包裝工程，2017，38（20）：250-254.

[3] 韓雪琳，蔣曉.基于激勵(lì)理論的網(wǎng)站用戶黏度增強(qiáng)策略研究 [J].包裝工，2014，35（12）：134-138.

[4] 楊煥，陳星海.小設(shè)計(jì)，大思維——移動(dòng)應(yīng)用界面的設(shè)計(jì)方法與實(shí)踐 [M].北京：機(jī)械工業(yè)出版社，2015.