用戶體驗(yàn)在APP界面設(shè)計(jì)中的表現(xiàn)及應(yīng)用

    用戶體驗(yàn)在APP界面設(shè)計(jì)中的表現(xiàn)及應(yīng)用，如果要成功運(yùn)營(yíng)一款A(yù)PP，第一個(gè)基本的原則就是要全線貫徹落實(shí)“以用戶為中心”的理念。當(dāng)今這個(gè)時(shí)代，在設(shè)計(jì)過程中能夠體現(xiàn)出“以用戶為中心”原則的設(shè)計(jì)就叫做用戶體驗(yàn)設(shè)計(jì)。這就不得不提到兩個(gè)名詞：即用戶體驗(yàn)和用戶界面概念的理解。一個(gè)成功的交互產(chǎn)品離不開優(yōu)秀的用戶體驗(yàn)，一個(gè)高用戶的App更無法脫離用戶體驗(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è)“自助式”的空間，用戶只能通過自己的經(jīng)驗(yàn)與理解去進(jìn)行操作來獲取自己所需要的內(nèi)容。倘若一個(gè)APP不但沒有美觀的UI設(shè)計(jì)，而且沒有為了留住用戶而設(shè)計(jì)的便捷容易操作的功能，這個(gè)產(chǎn)品的誕生也就喪失了其意義，這就體現(xiàn)出APP的建立中用戶體驗(yàn)設(shè)計(jì)所存在的必要性和重要性。

    一、名詞概念

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

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

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

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

    2. 什么是用戶界面

    用戶界面，簡(jiǎn)稱為UI，UI是在人機(jī)互動(dòng)的過程中的一個(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)出來。如果把一個(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é)合起來。用戶體驗(yàn)是屬于一種主觀的心理感受，設(shè)計(jì)師們?cè)谝恍┘?xì)微的節(jié)點(diǎn)進(jìn)行一些細(xì)小的調(diào)整，或許就能夠得到用戶的鐘愛。在細(xì)節(jié)上的精心設(shè)計(jì)，設(shè)計(jì)師必須要經(jīng)過對(duì)用戶的調(diào)查研究以及用戶做出的反饋意見后進(jìn)行整理，最后統(tǒng)一整合起來，運(yùn)用到界面上去。

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

    當(dāng)產(chǎn)品和用戶之間的連接點(diǎn)變成了摩擦點(diǎn)，那么工業(yè)設(shè)計(jì)師的設(shè)計(jì)就是失敗的。相反，如果產(chǎn)品能讓人們感覺更安全，更舒適，更樂于購(gòu)買，更加高效，甚至只是讓人們單純地更加快樂，那么此處的設(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)中卻有著極大的不同感受。

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

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

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

    如果用戶為了避免自己的隱私泄露而選擇了不開啟定位，系統(tǒng)則自動(dòng)為用戶切換到了“宮格式”選擇界面，“宮格式”界面存在著熱門語言以及各大洲的選項(xiàng)，從而也會(huì)使用戶能夠在手動(dòng)模式下以相對(duì)最快的速度選擇到自己所需要的語言。這充分的考慮到了用戶所使用的不同場(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)系起來，讓用戶與產(chǎn)品高效的互動(dòng)起來。APP不是一張死板的平面海報(bào)，APP是要讓瀏覽者通過一些簡(jiǎn)單的互動(dòng)行為從而調(diào)動(dòng)用戶對(duì)產(chǎn)品的積極性，提高使用的興趣。APP是要通過一些互動(dòng)有效的讓用戶與企業(yè)聯(lián)系起來，這才是一個(gè)APP的最終價(jià)值所在?？偠灾?，一款A(yù)PP的互動(dòng)性越強(qiáng)，能把用戶的使用積極性調(diào)動(dòng)的越強(qiáng)烈，這款產(chǎn)品所發(fā)揮的價(jià)值就會(huì)越大。

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

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

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

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

    其次，它的保存界面就傳統(tǒng)的單調(diào)的界面也有了些許的改變，在保存成功之后，用戶可以通過滑動(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)约阂庖姷姆e極性，然而這款軟件卻能很好的調(diào)動(dòng)用戶的積極性。在保存頁面的右下角有了小按鈕，用戶只需要將小按鈕朝著左上方輕輕一滑，用戶反饋的界面就滑動(dòng)出來，同時(shí)為了避免不慎退出，還為用戶設(shè)計(jì)了鎖住的功能。想退出只需往下滑動(dòng)，反饋界面就會(huì)消失。較其它類似軟件而言，這提高了用戶的反饋機(jī)會(huì)。而用戶的反饋意見，是改善與提高一款產(chǎn)品用戶體驗(yàn)的寶貴財(cái)富。通過用戶在使用過程中與軟件產(chǎ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)品帶來口碑效用?；蛟S僅是一句友好的文案，一個(gè)簡(jiǎn)短的動(dòng)畫都可以打動(dòng)用戶內(nèi)心，使其與產(chǎn)品產(chǎn)生情感上的共鳴，這便是產(chǎn)品設(shè)計(jì)中的情感體驗(yàn)的作用。

    情感化界面

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

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

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

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

    三、結(jié)語

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

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

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