淺析用戶體驗在APP界面設計中的表現(xiàn)及應用
如果要成功運營一款APP,第一個基本的原則就是要全線貫徹落實“以用戶為中心”的理念。當今這個時代,在設計過程中能夠體現(xiàn)出“以用戶為中心”原則的設計就叫做用戶體驗設計。這就不得不提到兩個名詞:即用戶體驗和用戶界面概念的理解。一個成功的交互產(chǎn)品離不開優(yōu)秀的用戶體驗,一個高用戶的App更無法脫離用戶體驗設計。
伴隨著現(xiàn)在互聯(lián)網(wǎng)的領域不斷的壯大與普及,APP在建立中必然需要去融入更豐富的功能、更飽滿的內容、以及更人性化的交互設計。APP的“人性化”設計,顧名思義,就是APP的界面在滿足基本的美觀的同時,還需要根據(jù)用戶的使用場景,操作與生活的習慣方式。但是做到真正的方便用戶,不僅要在功能需求滿足用戶,還要在心理需求的層面上滿足用戶。
APP作為一個新興的產(chǎn)品,它屬于一個“自助式”的空間,用戶只能通過自己的經(jīng)驗與理解去進行操作來獲取自己所需要的內容。倘若一個APP不但沒有美觀的UI設計,而且沒有為了留住用戶而設計的便捷容易操作的功能,這個產(chǎn)品的誕生也就喪失了其意義,這就體現(xiàn)出APP的建立中用戶體驗設計所存在的必要性和重要性。
一、名詞概念
1. 什么是用戶體驗
用戶體驗,簡稱為UX或UE。從廣義的角度上來講,用戶體驗可以定義為正在使用某個產(chǎn)品的過程中的使用體驗舒適度以及全部的過程感受,一點也不夸張的說,它包含著世界上任何一個產(chǎn)品。
在很多人的理解中,一提及用戶體驗設計就會首先聯(lián)想到技術設備這一類,譬如手機,軟件,電腦以及網(wǎng)站。
其實不然,在我們的日常工作生活中,我們每一個人每天都接觸到的用戶體驗不計其數(shù),可以這么說,用戶體驗幾乎遍布我們生活的方方面面,大到飛機,汽車,小到飯店吃飯,商場購物,用戶體驗無處不在。一個好的用戶體驗,可以幫助用戶在生活中的方方面面都更加舒適與方便。
2.?什么是用戶界面
用戶界面,簡稱為UI,UI是在人機互動的過程中的一個層面;界面設計是一個具有復雜的,具有著不同的學科參與的一項工程,設計學、心理學等在此都具有著其特有的重要的位置。
例如,設計建立一個購物的APP時,不僅僅只是要考慮到用戶的使用便利,同時也要把其絢麗的商品圖片,和諧的色彩搭配以及合理的icon放置的位置以協(xié)調美觀的方式排版展現(xiàn)出來。如果把一個APP比喻成一個人,那么用戶界面則是一個人的穿著與發(fā)型,是一個人的形象。只有形象簡單健康大方得體,才會讓人愿意去進一步了解你并且與你交流。
二、用戶體驗設計在當今APP設計建立中的表現(xiàn)
設計師們只了解用戶體驗的一些概念在APP的建立中是遠遠不夠的,設計師們在建立APP的時候必須要將理論與實踐相互結合起來。用戶體驗是屬于一種主觀的心理感受,設計師們在一些細微的節(jié)點進行一些細小的調整,或許就能夠得到用戶的鐘愛。在細節(jié)上的精心設計,設計師必須要經(jīng)過對用戶的調查研究以及用戶做出的反饋意見后進行整理,最后統(tǒng)一整合起來,運用到界面上去。
美國著名的設計師亨利·德萊福斯在《為人的設計》一書中說到:
當產(chǎn)品和用戶之間的連接點變成了摩擦點,那么工業(yè)設計師的設計就是失敗的。相反,如果產(chǎn)品能讓人們感覺更安全,更舒適,更樂于購買,更加高效,甚至只是讓人們單純地更加快樂,那么此處的設計師是成功的。
1.?瀏覽體驗在APP建立中的表現(xiàn)
想要給用戶一個良好的使用體驗,用戶的瀏覽體驗就不得不提。瀏覽體驗是用戶體驗最直觀的表現(xiàn),也是第一步。提及瀏覽體驗,基本的要求就是界面的整體布局不可以太混亂,整體布局要突出重點,分清主次。就圖文分享軟件“LOFTER”而言,現(xiàn)在運營的與改版后的“LOFTER”,雖然只是在原有的基礎上進行了一點點的調整,但是兩個版本在給用戶的使用體驗中卻有著極大的不同感受。
圖1 LOFTER APP
如“圖1”所示,最左邊的是“LOFTER”現(xiàn)在運營的交互界面。直觀感受而言,整體內容比較多,顯得有些擁擠與雜亂。在“主題分類”中用戶需要一個主題一個主題的去滑動來選擇自己想關注的主題內容,每次展現(xiàn)在用戶眼前的只有一個板塊主題,由于主題比較多,用戶需要很久才能夠翻閱到自己想要了解的主題,整體也顯得比較擁擠,在使用中用戶也會會有種窒息感。主題往下又是一些推薦板塊,從而顯得整個頁面內容比較復雜,用戶尋找自己感興趣的類別在無形之中增加了一些難度,在互聯(lián)網(wǎng)設計中每多一個步奏就有可能流失30%的用戶,從而第一個界面的設計會因為它的繁雜性極有可能會流失一部分用戶。
圖中紅框內的頁面是進行微調整后的界面,直觀上我們可以看出它的設計比第一個界面要直觀與簡潔了許多,它把一個頁面里的內容做成兩個頁面分類,把推薦與活動主題業(yè)放在同一個界面,把主題特意放置到另一個單獨頁面,這樣的設計從用戶瀏覽的角度上來說,就會使用戶對自己的需求一目了然,從而節(jié)約了用戶檢索自己所感興趣的專題的時間成本。頁面的整體也顯得比較透氣,也給用戶傳遞了一種輕松的暢快感,增加了用戶對產(chǎn)品的友好程度。
2.?易用性在APP建立中的表現(xiàn)
易用性,顧名思義,就是使用戶容易使用,使用的更方便。從用戶的角度出發(fā)而設計。一款軟件的易用性,是用戶體驗在APP的設計中所呈現(xiàn)的重中之重,也是留住客戶的最有力的一個籌碼。用戶體驗最強調的就是用戶的可用性、實用性以及易用性。易用性的設計要隨時考慮到用戶的使用場景,并且從多方面的角度為用戶考慮,使用戶在使用產(chǎn)品的時候更容易與方便。
圖2 蟈蟈翻譯
如“圖2”所示,“圖2”是一款以跨國旅行為主的翻譯軟件,在易用性的角度上就顯得比較人性化。打開APP,首先彈出的就是詢問“是否同意APP獲取您的地理位置”的消息,用戶可以選擇開啟,也可以選擇不開啟,這充分的尊重了用戶了自主選擇權。用戶如果選擇開啟定位地理位置,系統(tǒng)會根據(jù)用戶所處的地理位置自動彈出當?shù)氐恼Z言翻譯選擇框,這極大的節(jié)省了用戶的時間成本。
如果用戶為了避免自己的隱私泄露而選擇了不開啟定位,系統(tǒng)則自動為用戶切換到了“宮格式”選擇界面,“宮格式”界面存在著熱門語言以及各大洲的選項,從而也會使用戶能夠在手動模式下以相對最快的速度選擇到自己所需要的語言。這充分的考慮到了用戶所使用的不同場景,盡可能的尊重了用戶的使用習慣,也節(jié)約了用戶的時間成本。
二、用戶體驗設計在當今APP設計建立中的應用
1.?互動體驗在APP設計中的應用
互動體驗,強調給予用戶在操作上的互動感。一款優(yōu)秀的APP必須要將用戶與產(chǎn)品緊密的聯(lián)系起來,讓用戶與產(chǎn)品高效的互動起來。APP不是一張死板的平面海報,APP是要讓瀏覽者通過一些簡單的互動行為從而調動用戶對產(chǎn)品的積極性,提高使用的興趣。APP是要通過一些互動有效的讓用戶與企業(yè)聯(lián)系起來,這才是一個APP的最終價值所在。總而言之,一款APP的互動性越強,能把用戶的使用積極性調動的越強烈,這款產(chǎn)品所發(fā)揮的價值就會越大。
圖3 MCP APP
如“圖3”所示,“圖3”是一款音樂制作軟件,暫且不說其功能上的用戶互動體驗怎樣,就其“登錄頁面”、“儲存頁面”以及“用戶反饋頁面”這三個頁面的設計而言,我覺得它在與用戶的互動性上的表現(xiàn)較其它類似軟件而言就很好。
先就“登錄頁面”來說,它較傳統(tǒng)的登錄頁面有了一些不同,傳統(tǒng)頁面大多無非就是“賬號框”、“密碼框”以及“登錄按鈕”組成,大同小異,登錄的時候也就失去了軟件操作應有的樂趣。然而一款好的軟件在用戶點擊圖標的那一刻開始,它的軟件的主要價值就應該展現(xiàn)出來了。
這款音樂制作軟件在登錄界面取消了其它類似軟件的登錄模式,直觀上會發(fā)現(xiàn)它并沒有登錄按鈕,它的登錄方式是在用戶輸完賬號密碼之后將下方的吉他往上方輕輕滑動,如果賬號密碼輸入正確,他們則會“咔”的一聲拼合到一起,形成一個完整的吉他,然后自動開啟軟件主頁面。倘若輸入的不正確,他們又會彈回到初始位置。
較傳統(tǒng)的輸入模式而言,它大大地增強了用戶使用的趣味性與互動性。即使輸入了錯誤的密碼,也不會降低對軟件使用的積極性。這款軟件的使用定位與性格在一開始就展現(xiàn)到了用戶的眼前,從而給用戶一個很好的第一印象。
其次,它的保存界面就傳統(tǒng)的單調的界面也有了些許的改變,在保存成功之后,用戶可以通過滑動icon按鈕返回到上一步進行修改以及重新再創(chuàng)作,這與傳統(tǒng)的箭頭指示圖標而言,不但節(jié)約了用戶的時間成本,同時還加強了用戶與軟件之間的互動性。
大多數(shù)軟件在用戶反饋上的設計并不能調動用戶去評價與反饋自己意見的積極性,然而這款軟件卻能很好的調動用戶的積極性。在保存頁面的右下角有了小按鈕,用戶只需要將小按鈕朝著左上方輕輕一滑,用戶反饋的界面就滑動出來,同時為了避免不慎退出,還為用戶設計了鎖住的功能。想退出只需往下滑動,反饋界面就會消失。較其它類似軟件而言,這提高了用戶的反饋機會。而用戶的反饋意見,是改善與提高一款產(chǎn)品用戶體驗的寶貴財富。通過用戶在使用過程中與軟件產(chǎn)生了交流,才能更好的替用戶解決問題,才能夠累計到更多的用戶群體。
2.?情感體驗在APP設計中的應用
情感體驗設計,強調友好性,注重給用戶心理上的體驗。產(chǎn)品中的情感化的設計經(jīng)常會是產(chǎn)品與用戶之間的情感傳遞的紐帶,這種傳達情感的設計不但能夠增強用戶對產(chǎn)品的友好度,更可以促使產(chǎn)品更加深入人心,讓用戶給產(chǎn)品帶來口碑效用。或許僅是一句友好的文案,一個簡短的動畫都可以打動用戶內心,使其與產(chǎn)品產(chǎn)生情感上的共鳴,這便是產(chǎn)品設計中的情感體驗的作用。
圖4 情感化界面
情感化的設計可以幫助用戶化解負面的情緒。在注冊登錄以及Leading界面的出現(xiàn)無疑是讓人頭疼的流程。他們的出現(xiàn)使用戶不能直接的使用產(chǎn)品的功能及享受結果。所以在登錄與注冊的枯燥過程中很容易造成用戶的流失。而巧妙地運用情感化的設計則可以很好的避免這一點,從而還能很好的留住用戶。
如“圖4”所示,在注冊頁面的時候,很多情況下無疑是讓人枯燥不堪的過程,而“圖4”的注冊頁面則很好的運用了情感化的設計,在注冊頁面輸入正確的時候,左邊的卡通人物會很高興的指著所填寫的內容,而當注冊填寫錯誤的時候,左邊的卡通人物則情緒很低落的指著錯誤的內容。這與傳統(tǒng)的注冊界面顯然不同,非但不會促使用戶的煩躁感,相反還會提起用戶的注冊興趣。
又譬如在登錄頁,當用戶輸入密碼時,上面的貓頭鷹自然的遮住了眼睛,無形之間給用戶增加了安全感。又譬如當網(wǎng)絡不佳或者系統(tǒng)處理緩慢而需要等待的時候,用戶在等待的過程中無疑大都是急迫而煩躁的,然而如“圖4”中的案例所示,巧妙地利用簡短的小動畫增加了“Leading”動畫的趣味性的情感,能很好的減緩用戶在等待過程中的負面情緒。
注冊、等待以及登錄頁面對于一個APP來說是比較繁瑣但是又無法確實的部分,這些繁瑣的流程阻礙著用戶無法直接使用產(chǎn)品。對用戶而言這便是在使用產(chǎn)品過程中的“一面墻”,但是在這些枯燥的流程中加以情感化的元素,將會有效的減少“墻”給用戶帶來的負面情緒,同時又加強用戶對產(chǎn)品的友好度及認同感,并且會感受到產(chǎn)品所給用戶傳遞的友好與善意。
三、結語
不好的用戶體驗一定比好的用戶體驗能讓人記住,一個好的用戶體驗我們卻不會那么容易去發(fā)現(xiàn)它,我們只是習慣于去使用它,得到我們所需要的。
一個好的用戶體驗應該是完美到我們都沒有去關注到它的存在,我們只是覺得它好用,然后繼續(xù)使用。然而糟糕的用戶體驗則會讓我們記憶很久,以至于當它的公司再有新的產(chǎn)品出現(xiàn)的時候我們會產(chǎn)生一絲抵觸的心理情緒。如果一個產(chǎn)品不能夠給用戶一個良好的使用體驗,即使界面再漂亮,無非也就是一個花瓶。
在界面設計中,追求漂亮是無可厚非的,但是這并不能代表一個漂亮的界面就可以保證一款產(chǎn)品的成功與價值所在。簡單化和易用性應該是一個產(chǎn)品最重要的價值體現(xiàn)??梢赃@么說,用戶界面決定著用戶會不會有興趣去使用,而用戶體驗決定用戶會使用多久,決定著用戶對產(chǎn)品的忠誠度!用戶界面與用戶體驗相輔相成,缺一不可!
參考文獻
[1]黃金梅.文藝生活:淺談藝術資訊APP界面中的設計方法[J].上海交通大學出版社,2015.
[2]劉再行.裝飾:UI交互設計流程的探索與教學實踐[R].清華大學出版社,2015.
[3]亨利.德萊福斯.設計經(jīng)典譯從:為人的設計[M].譯林出版社,2012(12).
[4]張桂琴.學術期刊:用戶體驗在網(wǎng)頁設計中的重要性探討[J].新一代:理論版,2012.
[5]ISUX:https://isux.tencent.com/emotional-design-details.html
[6]邱均平,葉曉峰.情報探索:情報學中的易用性原理初探[J].福建省科學技術協(xié)會,2007.
[7]顧露西,智力,鐘廈.科技致富向導:淺析網(wǎng)頁設計用戶體驗設計的重要性[J].山東省科協(xié),2010.
[8]姜葳.用戶界面設計[D].浙江大學,2006.
[9]杜夏.以體驗價值為導向的產(chǎn)品創(chuàng)新設計[D].華中科技大學,2011.
[10]丁麗娟.以用戶為中心的易用性設計研究[D].天津大學,2008.
本文由 @郭矜持?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉載。
好文