“互聯(lián)網(wǎng)+”時代的UI交互設(shè)計法則
——以家居購物類APP界面設(shè)計為例

趙玉潔（天津師范大學(xué)津沽學(xué)院，天津 300387）

截至2019年6月，我國的網(wǎng)民人口規(guī)模已經(jīng)高達(dá)8.54億人，較2018年年底進(jìn)一步增長2598萬人；目前我國的手機(jī)網(wǎng)民人口規(guī)模已經(jīng)高達(dá)8.47億，這個規(guī)模的數(shù)據(jù)較2018年底進(jìn)一步增長了2984萬，移動互聯(lián)網(wǎng)的普及率已超過60%。同時，網(wǎng)民在生活中使用手機(jī)上網(wǎng)的比例由2018年底的98.6%進(jìn)一步提升到99.1%，也就是說目前我國的網(wǎng)民大多在生活中使用手機(jī)的移動互聯(lián)網(wǎng)。而眾多手機(jī)APP正在悄然改變著我們的日常生活方式，影響我們的衣食住行。因此，人們對于APP的產(chǎn)品界面設(shè)計、用戶體驗(yàn)等的需求也在不斷地提升。

一、UI設(shè)計定義及簡介

UI設(shè)計（手機(jī)軟件界面設(shè)計），即user interface（手機(jī)用戶體驗(yàn)和界面）的縮寫和簡稱。是互聯(lián)網(wǎng)中指對手機(jī)應(yīng)用軟件的設(shè)計以及人機(jī)交互、操作流程邏輯、界面美觀的一種整體設(shè)計。好的手機(jī)UI軟件設(shè)計的核心和最終目標(biāo)之一就是打造出便于手機(jī)用戶理解和使用的移動網(wǎng)絡(luò)媒體，需要根據(jù)移動媒體用戶的需求去進(jìn)行研究設(shè)計和開發(fā)新的產(chǎn)品和技術(shù)，從而使用新的技術(shù)和理念來引導(dǎo)手機(jī)軟件設(shè)計，這就是說明互聯(lián)網(wǎng)技術(shù)與手機(jī)軟件設(shè)計在意義上是相輔相成的。不同時代，人們的手機(jī)認(rèn)知與使用習(xí)慣也會有所不同，視覺感受也不相同，手機(jī)應(yīng)用軟件UI的設(shè)計將根據(jù)新時代的用戶需求變化而發(fā)生變化。

二、“互聯(lián)網(wǎng)+”時代下的UI設(shè)計趨勢

1.扁平化設(shè)計風(fēng)格依然是主流

我們都知道，由于目前手機(jī)電腦屏幕的大小限制，為了能夠讓我們的用戶在實(shí)際使用很多APP的設(shè)計時能夠有更好的實(shí)際用戶審美體驗(yàn)，很多APP的界面設(shè)計依然是使用極簡的設(shè)計風(fēng)格，這就是我們通常所熟悉的拋棄過多裝飾的扁平化設(shè)計。比如，目前很多的APP都已經(jīng)開始了去除多余的裝飾線條，通過增加間距來有效拉開空間的關(guān)系，主要目的就是為了能夠讓我們的用戶在實(shí)際使用時能夠擁有更為直觀的用戶體驗(yàn)。

2.情感化交互設(shè)計增加

隨著手機(jī)用戶對APP的依賴程度逐漸加劇，在APP的設(shè)計過程中，投入更多的情感化設(shè)置，有利于拉近用戶與實(shí)際移動媒體之間的距離，有了感情的用戶設(shè)計可以更加地貼近移動媒體使用者的內(nèi)心體驗(yàn)。在UI設(shè)計過程中用戶的體驗(yàn)，情感的傳達(dá)，都是要求移動媒體設(shè)計師更加重視實(shí)際用戶的心理與情感表達(dá)，在設(shè)計的時候以更加人性化的設(shè)計角度出發(fā)，結(jié)合消費(fèi)者心理學(xué)，遵循更安全、更易識別、更易操作的設(shè)計原則，才能給實(shí)際用戶較好的心理與情感表達(dá)體驗(yàn)。

3.動態(tài)交互設(shè)計的使用

“互聯(lián)網(wǎng)+”時代，人們的生活節(jié)奏逐步加快，而手機(jī)交互界面設(shè)計的扁平化設(shè)計風(fēng)格也較好地適應(yīng)了智能手機(jī)上網(wǎng)的大量加載和時間，包括微動畫在內(nèi)的動態(tài)交互設(shè)計進(jìn)一步提升了人機(jī)交互的操作體驗(yàn)。動態(tài)交互設(shè)計的趣味性和可視性，能夠給用戶創(chuàng)造一個身臨其境的網(wǎng)絡(luò)體驗(yàn)，實(shí)現(xiàn)完美的用戶體驗(yàn)。比如頁面中一個引人愉悅的動畫設(shè)計就可以為我們的APP提供鮮明的特色和個性，使用戶留下深刻的印象。

三、家居購物類APP設(shè)計的基本要求

用戶在使用APP時是否有好的、滿意的感受，會受到界面交互設(shè)計的直接影響。令人滿意的手機(jī)界面設(shè)計會把APP的定位以及特點(diǎn)完美展示，也會使APP成為獨(dú)特、有魅力、操作簡單直觀的好產(chǎn)品。而目前購物類APP設(shè)計種類繁多，為了便于線上體驗(yàn)和線下實(shí)體店相結(jié)合，家居類目標(biāo)消費(fèi)者如何選擇一款適合自己購物選擇的手機(jī)APP就需要設(shè)計師深入市場調(diào)研，根據(jù)此類設(shè)計要求進(jìn)行深入研究。目前，家居購物類APP的界面設(shè)計基本要求有以下幾個方面：

（1）清晰明了的界面設(shè)計。一個好的家居APP界面一定是讓用戶能夠在較短的時間內(nèi)了解并熟悉一個商品的頁面或者App的基本功能，盡快地上手操作。

（2）導(dǎo)航設(shè)計應(yīng)易上手操作。對于普通用戶來說，每個人的身體和大腦能夠存儲的信息時間是有限的，所以在設(shè)計和進(jìn)行導(dǎo)航的界面設(shè)計時，要充分考慮普通用戶的短期記憶，讓用戶快速地學(xué)會導(dǎo)航的使用，才能真正讓用戶沒有任何負(fù)擔(dān)。

（3）界面元素設(shè)計的一致性。每一個優(yōu)秀的產(chǎn)品界面的整體結(jié)構(gòu)、風(fēng)格必須與其產(chǎn)品的內(nèi)容相一致。包括頁面導(dǎo)航、字體、色彩等元素的設(shè)計和應(yīng)用均需充分考慮堅持一致性的原則。

（4）美觀大方的設(shè)計。需要符合受眾的審美，能夠體現(xiàn)出家居購物的界面設(shè)計特點(diǎn)，從視覺體驗(yàn)上給用戶以美的享受。

（5）考慮大多數(shù)用戶的手機(jī)使用行為習(xí)慣。比如大多數(shù)用戶在操作時是更習(xí)慣使用右手的操作還是更習(xí)慣左手操作等行為，包括手指觸摸的感受等，都能讓手機(jī)上的用戶需求得到滿足，使手機(jī)用戶產(chǎn)生共鳴，這就決定了需要開發(fā)設(shè)計師按照大多數(shù)的使用智能手機(jī)的習(xí)慣進(jìn)行開發(fā)設(shè)計。

（6）人性化。高效率和移動產(chǎn)品用戶的滿意度和體驗(yàn)是移動產(chǎn)品人性化的兩個重要體現(xiàn)。如何評價一個功能型移動產(chǎn)品的用戶滿意度和體驗(yàn)的滿意度好壞，除了交流還要看它本身是否能夠滿足用戶的個性化需求，比如社交和分享等互動體驗(yàn)，它的主要表現(xiàn)是產(chǎn)品的功能、交互或者是操作。而交流雖不是移動產(chǎn)品用戶可以預(yù)期的，但是移動產(chǎn)品用戶仍然能很好地接受和理解，并且更高效、更有趣地設(shè)計和完成自己的任務(wù)。

四、家居APP設(shè)計法則

如今的智能手機(jī)雖然屏幕的尺寸越來越大，卻始終都是有限的，因此，在智能家居網(wǎng)絡(luò)購物中的各類APP產(chǎn)品界面的設(shè)計中，精簡是一貫的商品視覺設(shè)計準(zhǔn)則。但是所謂的商品精簡并不是說在內(nèi)容上盡可能少，而是我們要在設(shè)計上注意對重點(diǎn)的把握和表達(dá)，突出商品的整體表現(xiàn)。在商品的視覺上也一定要嚴(yán)格地遵循符合用戶的商品視覺設(shè)計邏輯，用戶只有看著順眼了，才有機(jī)會真正地喜歡用它。

1.內(nèi)容優(yōu)先，布局合理

對于智能手機(jī)而言，屏幕的空間對于資源的利用顯得非常珍貴，為了更好地提升手機(jī)屏幕內(nèi)部空間的綜合利用率，界面的布局設(shè)計應(yīng)以其內(nèi)容的可用性為設(shè)計核心，而如何提供真正符合手機(jī)用戶需求和期望的可用性是手機(jī)移動設(shè)備和應(yīng)用獲得成功的一個重要關(guān)鍵。只有正確地設(shè)計和合理地組織移動內(nèi)容，使得用戶真正能快速地理解手機(jī)和應(yīng)用所需要提供的移動內(nèi)容，使得展示的家居商品內(nèi)容具有其意義，這一點(diǎn)是非常關(guān)鍵的。

2.清晰的視覺效果

家居購物類APP擁有清晰的視覺效果才能更好的吸引受眾，根據(jù)其特點(diǎn)，在家居購物類的APP的設(shè)計中不僅需要使用清晰、高質(zhì)量的素材圖片，還需要充分考慮到商品界面的布局和排版。例如，需要重點(diǎn)突出某商品的視覺焦點(diǎn)，以及什么樣的位置可以作為商品的襯托，需要在APP的設(shè)計和整體布局的合理性上多下功夫，從而促進(jìn)消費(fèi)者更好地使用該家居APP進(jìn)行購物。此外，設(shè)計者需要考慮如何將商品的細(xì)節(jié)詳細(xì)地展現(xiàn)給消費(fèi)者，例如商品的尺碼、價格、種類、可選顏色等這些需要消費(fèi)者進(jìn)行選擇的選項(xiàng)，而且必須能夠輕易地選中。如果商品的選項(xiàng)較多，可以利用下拉菜單增加商品的展示空間，減少界面的雜亂感。

3.色彩的合理運(yùn)用

在家居購物類的APP的設(shè)計過程中，一般需要在關(guān)鍵位置巧妙地應(yīng)用主題的品牌色彩或主色調(diào)，突出重點(diǎn)信息和內(nèi)容，通過關(guān)鍵色的應(yīng)用能夠有效地引起消費(fèi)者的注意，提高購物體驗(yàn)。此外，界面設(shè)計的色彩搭配要充分考慮家居商品的分類，比如從家居的功能劃分，商品的展示要符合其調(diào)性，而商品的圖片的放大效果等也需要考慮頁面的色彩的主次關(guān)系，從而突出該類家具商品的審美體驗(yàn)。

4.合理的導(dǎo)航設(shè)計

手機(jī)APP導(dǎo)航設(shè)計的最根本目的就是讓用戶能夠及時了解自己所在該APP的位置，順利前往目標(biāo)頁面，所以合適的導(dǎo)航設(shè)計對手機(jī)APP用戶體驗(yàn)顯得尤為重要。而在家居購物類的APP中通常都會為更多的消費(fèi)者提供商品搜索的功能，從而極大地方便了消費(fèi)者快速準(zhǔn)確查找自己需要的相關(guān)商品。目前，家居購物類APP的商品搜索導(dǎo)航提示功能會通過輸入商品提示和熱點(diǎn)關(guān)鍵詞這兩種方式提升消費(fèi)者查找相關(guān)商品的效率和便利性，從而為消費(fèi)者提供的流行熱點(diǎn)商品搜索和瀏覽的功能應(yīng)更簡便快捷，易于被消費(fèi)者使用。在APP的商品導(dǎo)航設(shè)計中我們應(yīng)該盡量地精簡商品導(dǎo)航的分類，同時根據(jù)消費(fèi)者的需求和瀏覽習(xí)慣進(jìn)行記錄，為其他消費(fèi)者提供自己感興趣的相關(guān)商品，提高效率，提升用戶體驗(yàn)。

5.簡化支付流程

根據(jù)市場調(diào)研，目前我國有66%的用戶認(rèn)為手機(jī)APP的在線支付和交易過程過于繁瑣而拒絕或放棄了購買的商品，47%的用戶認(rèn)為交易錯誤和失敗也有可能歸咎于復(fù)雜的在線支付和交易過程。從手機(jī)APP開發(fā)和產(chǎn)品設(shè)計的另一個角度和觀點(diǎn)來看，購物車應(yīng)該顯而易見，用戶能夠快速地進(jìn)入購物車的頁面，使用戶很方便地保存存儲個人信息，包括姓名、電話和地址等，簡化購買和付款的流程。所以，從這一點(diǎn)來說，家居購物的APP的支付流程的設(shè)計要同樣要考慮目標(biāo)消費(fèi)者如何利用支付流程方便快捷地下單。

6.個性化的購物體驗(yàn)

在家居購物類APP的設(shè)計過程中，需要能夠不斷優(yōu)化客戶體驗(yàn)，及時推出方便消費(fèi)者使用的個性化功能。比如根據(jù)搜索記錄和購買記錄，為消費(fèi)者推薦相關(guān)商品，利用大數(shù)據(jù)，分析目標(biāo)消費(fèi)者關(guān)注的產(chǎn)品信息，通過界面設(shè)計讓目標(biāo)用戶更信任該APP的購物體驗(yàn)，使消費(fèi)者能夠很方便地找到自己感興趣的商品。

7.應(yīng)該鼓勵用戶參與評價

在網(wǎng)絡(luò)購物平臺的發(fā)展中，最大的發(fā)展障礙是在用戶購買之前無法為用戶帶來充分的安全感。為此，在家居購物類手機(jī)APP產(chǎn)品的設(shè)計中，要鼓勵用戶去評論產(chǎn)品的內(nèi)容，使用戶對該APP有信賴感和持續(xù)體驗(yàn)感，從而提升消費(fèi)者對該品牌APP的信任感。

結(jié)語

良好的交互性APP產(chǎn)品設(shè)計，是通過產(chǎn)品與用戶的體驗(yàn)、用戶的需求結(jié)合起來對產(chǎn)品的外觀設(shè)計進(jìn)行交互式的設(shè)計，同時又可以使產(chǎn)品帶給用戶較愉快的使用體驗(yàn)和感受，家居產(chǎn)品購物服務(wù)類產(chǎn)品APP設(shè)計不僅需要更加注重用戶的體驗(yàn)、市場調(diào)研、需求分析等各個方面，同時在設(shè)計上要融入個性化的產(chǎn)品設(shè)計，能夠根據(jù)家居產(chǎn)品的功能要求、視覺效果，進(jìn)一步提高人機(jī)交互設(shè)計的舒適性與便利性，才能夠設(shè)計出符合當(dāng)前目標(biāo)用戶需求的、具有人文關(guān)懷的家居購物類APP。