如果要成功運(yùn)營(yíng)一款A(yù)PP，第一個(gè)基本的原則就是要全線貫徹落實(shí)“以用戶為中心”的理念。當(dāng)今這個(gè)時(shí)代，在設(shè)計(jì)過(guò)程中能夠體現(xiàn)出“以用戶為中心”原則的設(shè)計(jì)就叫做用戶體驗(yàn)設(shè)計(jì)。這就不得不提到兩個(gè)名詞：即用戶體驗(yàn)和用戶界面概念的理解。一個(gè)成功的交互產(chǎn)品離不開(kāi)優(yōu)秀的用戶體驗(yàn)，一個(gè)高用戶的App更無(wú)法脫離用戶體驗(yàn)設(shè)計(jì)。

伴隨著現(xiàn)在互聯(lián)網(wǎng)的領(lǐng)域不斷的壯大與普及，APP在建立中必然需要去融入更豐富的功能、更飽滿的內(nèi)容、以及更人性化的交互設(shè)計(jì)。APP的“人性化”設(shè)計(jì)，顧名思義，就是APP的界面在滿足基本的美觀的同時(shí)，還需要根據(jù)用戶的使用場(chǎng)景，操作與生活的習(xí)慣方式。但是做到真正的方便用戶，不僅要在功能需求滿足用戶，還要在心理需求的層面上滿足用戶。

APP作為一個(gè)新興的產(chǎn)品，它屬于一個(gè)“自助式”的空間，用戶只能通過(guò)自己的經(jīng)驗(yàn)與理解去進(jìn)行操作來(lái)獲取自己所需要的內(nèi)容。倘若一個(gè)APP不但沒(méi)有美觀的UI設(shè)計(jì)，而且沒(méi)有為了留住用戶而設(shè)計(jì)的便捷容易操作的功能，這個(gè)產(chǎn)品的誕生也就喪失了其意義，這就體現(xiàn)出APP的建立中用戶體驗(yàn)設(shè)計(jì)所存在的必要性和重要性。

一、名詞概念

1. 什么是用戶體驗(yàn)

用戶體驗(yàn)，簡(jiǎn)稱(chēng)為UX或UE。從廣義的角度上來(lái)講，用戶體驗(yàn)可以定義為正在使用某個(gè)產(chǎn)品的過(guò)程中的使用體驗(yàn)舒適度以及全部的過(guò)程感受，一點(diǎn)也不夸張的說(shuō)，它包含著世界上任何一個(gè)產(chǎn)品。

在很多人的理解中，一提及用戶體驗(yàn)設(shè)計(jì)就會(huì)首先聯(lián)想到技術(shù)設(shè)備這一類(lèi)，譬如手機(jī)，軟件，電腦以及網(wǎng)站。

其實(shí)不然，在我們的日常工作生活中，我們每一個(gè)人每天都接觸到的用戶體驗(yàn)不計(jì)其數(shù)，可以這么說(shuō)，用戶體驗(yàn)幾乎遍布我們生活的方方面面，大到飛機(jī)，汽車(chē)，小到飯店吃飯，商場(chǎng)購(gòu)物，用戶體驗(yàn)無(wú)處不在。一個(gè)好的用戶體驗(yàn)，可以幫助用戶在生活中的方方面面都更加舒適與方便。

2.?什么是用戶界面

用戶界面，簡(jiǎn)稱(chēng)為UI，UI是在人機(jī)互動(dòng)的過(guò)程中的一個(gè)層面；界面設(shè)計(jì)是一個(gè)具有復(fù)雜的，具有著不同的學(xué)科參與的一項(xiàng)工程，設(shè)計(jì)學(xué)、心理學(xué)等在此都具有著其特有的重要的位置。

例如，設(shè)計(jì)建立一個(gè)購(gòu)物的APP時(shí)，不僅僅只是要考慮到用戶的使用便利，同時(shí)也要把其絢麗的商品圖片,和諧的色彩搭配以及合理的icon放置的位置以協(xié)調(diào)美觀的方式排版展現(xiàn)出來(lái)。如果把一個(gè)APP比喻成一個(gè)人，那么用戶界面則是一個(gè)人的穿著與發(fā)型，是一個(gè)人的形象。只有形象簡(jiǎn)單健康大方得體，才會(huì)讓人愿意去進(jìn)一步了解你并且與你交流。

二、用戶體驗(yàn)設(shè)計(jì)在當(dāng)今APP設(shè)計(jì)建立中的表現(xiàn)

設(shè)計(jì)師們只了解用戶體驗(yàn)的一些概念在APP的建立中是遠(yuǎn)遠(yuǎn)不夠的，設(shè)計(jì)師們?cè)诮PP的時(shí)候必須要將理論與實(shí)踐相互結(jié)合起來(lái)。用戶體驗(yàn)是屬于一種主觀的心理感受，設(shè)計(jì)師們?cè)谝恍┘?xì)微的節(jié)點(diǎn)進(jìn)行一些細(xì)小的調(diào)整，或許就能夠得到用戶的鐘愛(ài)。在細(xì)節(jié)上的精心設(shè)計(jì)，設(shè)計(jì)師必須要經(jīng)過(guò)對(duì)用戶的調(diào)查研究以及用戶做出的反饋意見(jiàn)后進(jìn)行整理，最后統(tǒng)一整合起來(lái)，運(yùn)用到界面上去。

美國(guó)著名的設(shè)計(jì)師亨利·德萊福斯在《為人的設(shè)計(jì)》一書(shū)中說(shuō)到：

當(dāng)產(chǎn)品和用戶之間的連接點(diǎn)變成了摩擦點(diǎn)，那么工業(yè)設(shè)計(jì)師的設(shè)計(jì)就是失敗的。相反，如果產(chǎn)品能讓人們感覺(jué)更安全，更舒適，更樂(lè)于購(gòu)買(mǎi)，更加高效，甚至只是讓人們單純地更加快樂(lè)，那么此處的設(shè)計(jì)師是成功的。

1.?瀏覽體驗(yàn)在APP建立中的表現(xiàn)

想要給用戶一個(gè)良好的使用體驗(yàn)，用戶的瀏覽體驗(yàn)就不得不提。瀏覽體驗(yàn)是用戶體驗(yàn)最直觀的表現(xiàn)，也是第一步。提及瀏覽體驗(yàn)，基本的要求就是界面的整體布局不可以太混亂，整體布局要突出重點(diǎn)，分清主次。就圖文分享軟件“LOFTER”而言，現(xiàn)在運(yùn)營(yíng)的與改版后的“LOFTER”，雖然只是在原有的基礎(chǔ)上進(jìn)行了一點(diǎn)點(diǎn)的調(diào)整，但是兩個(gè)版本在給用戶的使用體驗(yàn)中卻有著極大的不同感受。

圖1 LOFTER APP

如“圖1”所示，最左邊的是“LOFTER”現(xiàn)在運(yùn)營(yíng)的交互界面。直觀感受而言，整體內(nèi)容比較多，顯得有些擁擠與雜亂。在“主題分類(lèi)”中用戶需要一個(gè)主題一個(gè)主題的去滑動(dòng)來(lái)選擇自己想關(guān)注的主題內(nèi)容，每次展現(xiàn)在用戶眼前的只有一個(gè)板塊主題，由于主題比較多，用戶需要很久才能夠翻閱到自己想要了解的主題，整體也顯得比較擁擠，在使用中用戶也會(huì)會(huì)有種窒息感。主題往下又是一些推薦板塊，從而顯得整個(gè)頁(yè)面內(nèi)容比較復(fù)雜，用戶尋找自己感興趣的類(lèi)別在無(wú)形之中增加了一些難度，在互聯(lián)網(wǎng)設(shè)計(jì)中每多一個(gè)步奏就有可能流失30%的用戶，從而第一個(gè)界面的設(shè)計(jì)會(huì)因?yàn)樗姆彪s性極有可能會(huì)流失一部分用戶。

圖中紅框內(nèi)的頁(yè)面是進(jìn)行微調(diào)整后的界面，直觀上我們可以看出它的設(shè)計(jì)比第一個(gè)界面要直觀與簡(jiǎn)潔了許多，它把一個(gè)頁(yè)面里的內(nèi)容做成兩個(gè)頁(yè)面分類(lèi)，把推薦與活動(dòng)主題業(yè)放在同一個(gè)界面，把主題特意放置到另一個(gè)單獨(dú)頁(yè)面，這樣的設(shè)計(jì)從用戶瀏覽的角度上來(lái)說(shuō)，就會(huì)使用戶對(duì)自己的需求一目了然，從而節(jié)約了用戶檢索自己所感興趣的專(zhuān)題的時(shí)間成本。頁(yè)面的整體也顯得比較透氣，也給用戶傳遞了一種輕松的暢快感，增加了用戶對(duì)產(chǎn)品的友好程度。

2.?易用性在APP建立中的表現(xiàn)

易用性，顧名思義，就是使用戶容易使用，使用的更方便。從用戶的角度出發(fā)而設(shè)計(jì)。一款軟件的易用性，是用戶體驗(yàn)在APP的設(shè)計(jì)中所呈現(xiàn)的重中之重，也是留住客戶的最有力的一個(gè)籌碼。用戶體驗(yàn)最強(qiáng)調(diào)的就是用戶的可用性、實(shí)用性以及易用性。易用性的設(shè)計(jì)要隨時(shí)考慮到用戶的使用場(chǎng)景，并且從多方面的角度為用戶考慮，使用戶在使用產(chǎn)品的時(shí)候更容易與方便。

圖2 蟈蟈翻譯

如“圖2”所示，“圖2”是一款以跨國(guó)旅行為主的翻譯軟件，在易用性的角度上就顯得比較人性化。打開(kāi)APP，首先彈出的就是詢問(wèn)“是否同意APP獲取您的地理位置”的消息，用戶可以選擇開(kāi)啟，也可以選擇不開(kāi)啟，這充分的尊重了用戶了自主選擇權(quán)。用戶如果選擇開(kāi)啟定位地理位置，系統(tǒng)會(huì)根據(jù)用戶所處的地理位置自動(dòng)彈出當(dāng)?shù)氐恼Z(yǔ)言翻譯選擇框，這極大的節(jié)省了用戶的時(shí)間成本。

如果用戶為了避免自己的隱私泄露而選擇了不開(kāi)啟定位，系統(tǒng)則自動(dòng)為用戶切換到了“宮格式”選擇界面，“宮格式”界面存在著熱門(mén)語(yǔ)言以及各大洲的選項(xiàng)，從而也會(huì)使用戶能夠在手動(dòng)模式下以相對(duì)最快的速度選擇到自己所需要的語(yǔ)言。這充分的考慮到了用戶所使用的不同場(chǎng)景，盡可能的尊重了用戶的使用習(xí)慣，也節(jié)約了用戶的時(shí)間成本。

二、用戶體驗(yàn)設(shè)計(jì)在當(dāng)今APP設(shè)計(jì)建立中的應(yīng)用

1.?互動(dòng)體驗(yàn)在APP設(shè)計(jì)中的應(yīng)用

互動(dòng)體驗(yàn)，強(qiáng)調(diào)給予用戶在操作上的互動(dòng)感。一款優(yōu)秀的APP必須要將用戶與產(chǎn)品緊密的聯(lián)系起來(lái)，讓用戶與產(chǎn)品高效的互動(dòng)起來(lái)。APP不是一張死板的平面海報(bào)，APP是要讓瀏覽者通過(guò)一些簡(jiǎn)單的互動(dòng)行為從而調(diào)動(dòng)用戶對(duì)產(chǎn)品的積極性，提高使用的興趣。APP是要通過(guò)一些互動(dòng)有效的讓用戶與企業(yè)聯(lián)系起來(lái)，這才是一個(gè)APP的最終價(jià)值所在。總而言之，一款A(yù)PP的互動(dòng)性越強(qiáng)，能把用戶的使用積極性調(diào)動(dòng)的越強(qiáng)烈，這款產(chǎn)品所發(fā)揮的價(jià)值就會(huì)越大。

圖3 MCP APP

如“圖3”所示，“圖3”是一款音樂(lè)制作軟件，暫且不說(shuō)其功能上的用戶互動(dòng)體驗(yàn)怎樣，就其“登錄頁(yè)面”、“儲(chǔ)存頁(yè)面”以及“用戶反饋?lái)?yè)面”這三個(gè)頁(yè)面的設(shè)計(jì)而言，我覺(jué)得它在與用戶的互動(dòng)性上的表現(xiàn)較其它類(lèi)似軟件而言就很好。

先就“登錄頁(yè)面”來(lái)說(shuō)，它較傳統(tǒng)的登錄頁(yè)面有了一些不同，傳統(tǒng)頁(yè)面大多無(wú)非就是“賬號(hào)框”、“密碼框”以及“登錄按鈕”組成，大同小異，登錄的時(shí)候也就失去了軟件操作應(yīng)有的樂(lè)趣。然而一款好的軟件在用戶點(diǎn)擊圖標(biāo)的那一刻開(kāi)始，它的軟件的主要價(jià)值就應(yīng)該展現(xiàn)出來(lái)了。

這款音樂(lè)制作軟件在登錄界面取消了其它類(lèi)似軟件的登錄模式，直觀上會(huì)發(fā)現(xiàn)它并沒(méi)有登錄按鈕，它的登錄方式是在用戶輸完賬號(hào)密碼之后將下方的吉他往上方輕輕滑動(dòng)，如果賬號(hào)密碼輸入正確，他們則會(huì)“咔”的一聲拼合到一起，形成一個(gè)完整的吉他，然后自動(dòng)開(kāi)啟軟件主頁(yè)面。倘若輸入的不正確，他們又會(huì)彈回到初始位置。

較傳統(tǒng)的輸入模式而言，它大大地增強(qiáng)了用戶使用的趣味性與互動(dòng)性。即使輸入了錯(cuò)誤的密碼，也不會(huì)降低對(duì)軟件使用的積極性。這款軟件的使用定位與性格在一開(kāi)始就展現(xiàn)到了用戶的眼前，從而給用戶一個(gè)很好的第一印象。

其次，它的保存界面就傳統(tǒng)的單調(diào)的界面也有了些許的改變，在保存成功之后，用戶可以通過(guò)滑動(dòng)icon按鈕返回到上一步進(jìn)行修改以及重新再創(chuàng)作，這與傳統(tǒng)的箭頭指示圖標(biāo)而言，不但節(jié)約了用戶的時(shí)間成本，同時(shí)還加強(qiáng)了用戶與軟件之間的互動(dòng)性。

大多數(shù)軟件在用戶反饋上的設(shè)計(jì)并不能調(diào)動(dòng)用戶去評(píng)價(jià)與反饋?zhàn)约阂庖?jiàn)的積極性，然而這款軟件卻能很好的調(diào)動(dòng)用戶的積極性。在保存頁(yè)面的右下角有了小按鈕，用戶只需要將小按鈕朝著左上方輕輕一滑，用戶反饋的界面就滑動(dòng)出來(lái)，同時(shí)為了避免不慎退出，還為用戶設(shè)計(jì)了鎖住的功能。想退出只需往下滑動(dòng)，反饋界面就會(huì)消失。較其它類(lèi)似軟件而言，這提高了用戶的反饋機(jī)會(huì)。而用戶的反饋意見(jiàn)，是改善與提高一款產(chǎn)品用戶體驗(yàn)的寶貴財(cái)富。通過(guò)用戶在使用過(guò)程中與軟件產(chǎn)生了交流，才能更好的替用戶解決問(wèn)題，才能夠累計(jì)到更多的用戶群體。

2.?情感體驗(yàn)在APP設(shè)計(jì)中的應(yīng)用

情感體驗(yàn)設(shè)計(jì)，強(qiáng)調(diào)友好性，注重給用戶心理上的體驗(yàn)。產(chǎn)品中的情感化的設(shè)計(jì)經(jīng)常會(huì)是產(chǎn)品與用戶之間的情感傳遞的紐帶，這種傳達(dá)情感的設(shè)計(jì)不但能夠增強(qiáng)用戶對(duì)產(chǎn)品的友好度，更可以促使產(chǎn)品更加深入人心，讓用戶給產(chǎn)品帶來(lái)口碑效用?；蛟S僅是一句友好的文案，一個(gè)簡(jiǎn)短的動(dòng)畫(huà)都可以打動(dòng)用戶內(nèi)心，使其與產(chǎn)品產(chǎn)生情感上的共鳴，這便是產(chǎn)品設(shè)計(jì)中的情感體驗(yàn)的作用。

圖4 情感化界面

情感化的設(shè)計(jì)可以幫助用戶化解負(fù)面的情緒。在注冊(cè)登錄以及Leading界面的出現(xiàn)無(wú)疑是讓人頭疼的流程。他們的出現(xiàn)使用戶不能直接的使用產(chǎn)品的功能及享受結(jié)果。所以在登錄與注冊(cè)的枯燥過(guò)程中很容易造成用戶的流失。而巧妙地運(yùn)用情感化的設(shè)計(jì)則可以很好的避免這一點(diǎn)，從而還能很好的留住用戶。

如“圖4”所示，在注冊(cè)頁(yè)面的時(shí)候，很多情況下無(wú)疑是讓人枯燥不堪的過(guò)程，而“圖4”的注冊(cè)頁(yè)面則很好的運(yùn)用了情感化的設(shè)計(jì)，在注冊(cè)頁(yè)面輸入正確的時(shí)候，左邊的卡通人物會(huì)很高興的指著所填寫(xiě)的內(nèi)容，而當(dāng)注冊(cè)填寫(xiě)錯(cuò)誤的時(shí)候，左邊的卡通人物則情緒很低落的指著錯(cuò)誤的內(nèi)容。這與傳統(tǒng)的注冊(cè)界面顯然不同，非但不會(huì)促使用戶的煩躁感，相反還會(huì)提起用戶的注冊(cè)興趣。

又譬如在登錄頁(yè)，當(dāng)用戶輸入密碼時(shí)，上面的貓頭鷹自然的遮住了眼睛，無(wú)形之間給用戶增加了安全感。又譬如當(dāng)網(wǎng)絡(luò)不佳或者系統(tǒng)處理緩慢而需要等待的時(shí)候，用戶在等待的過(guò)程中無(wú)疑大都是急迫而煩躁的，然而如“圖4”中的案例所示，巧妙地利用簡(jiǎn)短的小動(dòng)畫(huà)增加了“Leading”動(dòng)畫(huà)的趣味性的情感，能很好的減緩用戶在等待過(guò)程中的負(fù)面情緒。

注冊(cè)、等待以及登錄頁(yè)面對(duì)于一個(gè)APP來(lái)說(shuō)是比較繁瑣但是又無(wú)法確實(shí)的部分，這些繁瑣的流程阻礙著用戶無(wú)法直接使用產(chǎn)品。對(duì)用戶而言這便是在使用產(chǎn)品過(guò)程中的“一面墻”，但是在這些枯燥的流程中加以情感化的元素，將會(huì)有效的減少“墻”給用戶帶來(lái)的負(fù)面情緒，同時(shí)又加強(qiáng)用戶對(duì)產(chǎn)品的友好度及認(rèn)同感，并且會(huì)感受到產(chǎn)品所給用戶傳遞的友好與善意。

三、結(jié)語(yǔ)

不好的用戶體驗(yàn)一定比好的用戶體驗(yàn)?zāi)茏屓擞涀。粋€(gè)好的用戶體驗(yàn)我們卻不會(huì)那么容易去發(fā)現(xiàn)它，我們只是習(xí)慣于去使用它，得到我們所需要的。

一個(gè)好的用戶體驗(yàn)應(yīng)該是完美到我們都沒(méi)有去關(guān)注到它的存在，我們只是覺(jué)得它好用，然后繼續(xù)使用。然而糟糕的用戶體驗(yàn)則會(huì)讓我們記憶很久，以至于當(dāng)它的公司再有新的產(chǎn)品出現(xiàn)的時(shí)候我們會(huì)產(chǎn)生一絲抵觸的心理情緒。如果一個(gè)產(chǎn)品不能夠給用戶一個(gè)良好的使用體驗(yàn)，即使界面再漂亮，無(wú)非也就是一個(gè)花瓶。

在界面設(shè)計(jì)中，追求漂亮是無(wú)可厚非的，但是這并不能代表一個(gè)漂亮的界面就可以保證一款產(chǎn)品的成功與價(jià)值所在。簡(jiǎn)單化和易用性應(yīng)該是一個(gè)產(chǎn)品最重要的價(jià)值體現(xiàn)。可以這么說(shuō)，用戶界面決定著用戶會(huì)不會(huì)有興趣去使用，而用戶體驗(yàn)決定用戶會(huì)使用多久，決定著用戶對(duì)產(chǎn)品的忠誠(chéng)度！用戶界面與用戶體驗(yàn)相輔相成，缺一不可！

參考文獻(xiàn)

[1]黃金梅.文藝生活：淺談藝術(shù)資訊APP界面中的設(shè)計(jì)方法[J].上海交通大學(xué)出版社，2015.

[2]劉再行.裝飾：UI交互設(shè)計(jì)流程的探索與教學(xué)實(shí)踐[R].清華大學(xué)出版社，2015.

[3]亨利.德萊福斯.設(shè)計(jì)經(jīng)典譯從：為人的設(shè)計(jì)[M].譯林出版社，2012（12）.

[4]張桂琴.學(xué)術(shù)期刊：用戶體驗(yàn)在網(wǎng)頁(yè)設(shè)計(jì)中的重要性探討[J].新一代：理論版，2012.

[5]ISUX：https://isux.tencent.com/emotional-design-details.html

[6]邱均平，葉曉峰.情報(bào)探索：情報(bào)學(xué)中的易用性原理初探[J].福建省科學(xué)技術(shù)協(xié)會(huì),2007.

[7]顧露西，智力，鐘廈.科技致富向?qū)В簻\析網(wǎng)頁(yè)設(shè)計(jì)用戶體驗(yàn)設(shè)計(jì)的重要性[J].山東省科協(xié)，2010.

[8]姜葳.用戶界面設(shè)計(jì)[D].浙江大學(xué)，2006.

[9]杜夏.以體驗(yàn)價(jià)值為導(dǎo)向的產(chǎn)品創(chuàng)新設(shè)計(jì)[D].華中科技大學(xué)，2011.

[10]丁麗娟.以用戶為中心的易用性設(shè)計(jì)研究[D].天津大學(xué)，2008.

本文由 @郭矜持?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。