內(nèi)容摘要:伴隨著現(xiàn)在互聯(lián)網(wǎng)的領(lǐng)域不斷的壯大與普及弯屈,APP在建立中必然需要去融入更豐富的功能褥赊、更飽滿的內(nèi)容屠列、以及更人性化的交互設(shè)計(jì)咙崎。APP的“人性化”設(shè)計(jì)鸭限,顧名思義谦炬,就是APP的界面在滿足基本的美觀的同時昔榴,還需要根據(jù)用戶的使用場景逞怨,操作與生活的習(xí)慣方式黔州。但是做到真正的方便用戶耍鬓,不僅要在功能需求滿足用戶,還要在心理需求的層面上滿足用戶流妻。APP牲蜀,作為一個新興的產(chǎn)品,它屬于一個“自助式”的空間绅这,用戶只能通過自己的經(jīng)驗(yàn)與理解去進(jìn)行操作來獲取自己所需要的內(nèi)容涣达。倘若一個APP不但沒有美觀的UI設(shè)計(jì),而且沒有為了留住用戶而設(shè)計(jì)的便捷容易操作的功能证薇,這個產(chǎn)品的誕生也就喪失了其意義度苔,這就體現(xiàn)出APP的建立中用戶體驗(yàn)設(shè)計(jì)所存在的必要性和重要性。
關(guān)鍵字:UI設(shè)計(jì) 用戶體驗(yàn) 用戶界面APP 交互設(shè)計(jì)
如果要成功運(yùn)營一款A(yù)PP浑度,第一個基本的原則就是要全線貫徹落實(shí)“以用戶為中心”的理念寇窑。當(dāng)今這個時代,在設(shè)計(jì)過程中能夠體現(xiàn)出“以用戶為中心”原則的設(shè)計(jì)就叫做用戶體驗(yàn)設(shè)計(jì)箩张。這就不得不提到兩個名詞:即用戶體驗(yàn)和用戶界面概念的理解甩骏。一個成功的交互產(chǎn)品離不開優(yōu)秀的用戶體驗(yàn),一個高用戶的App更無法脫離用戶體驗(yàn)設(shè)計(jì)先慷。
一饮笛、名詞概念
(一)什么是用戶體驗(yàn)
用戶體驗(yàn)-簡稱為UX或UE。從廣義的角度上來講熟掂,用戶體驗(yàn)可以定義為正在使用某個產(chǎn)品的過程中的使用體驗(yàn)舒適度以及全部的過程感受缎浇,一點(diǎn)也不夸張的說,它包含著世界上任何一個產(chǎn)品赴肚。在很多人的理解中素跺,一提及用戶體驗(yàn)設(shè)計(jì)就會首先聯(lián)想到技術(shù)設(shè)備這一類,譬如手機(jī),軟件誉券,電腦以及網(wǎng)站指厌。其實(shí)不然,在我們的日常工作生活中踊跟,我們每一個人每天都接觸到的用戶體驗(yàn)不計(jì)其數(shù)踩验,可以這么說鸥诽,用戶體驗(yàn)幾乎遍布我們生活的方方面面,大到飛機(jī)箕憾,汽車牡借,小到飯店吃飯,商場購物袭异,用戶體驗(yàn)無處不在钠龙。一個好的用戶體驗(yàn),可以幫助用戶在生活中的方方面面都更加舒適與方便御铃。
(二)什么是用戶界面
用戶界面碴里,簡稱為UI,UI是在人機(jī)互動的過程中的一個層面上真;界面設(shè)計(jì)是一個具有復(fù)雜的咬腋,具有著不同的學(xué)科參與的一項(xiàng)工程,設(shè)計(jì)學(xué)睡互、心理學(xué)等在此都具有著其特有的重要的位置根竿。例如,設(shè)計(jì)建立一個購物的APP時湃缎,不僅僅只是要考慮到用戶的使用便利犀填,同時也要把其絢麗的商品圖片,和諧的色彩搭配以及合理的icon放置的位置以協(xié)調(diào)美觀的方式排版展現(xiàn)出來蠢壹。如果把一個APP比喻成一個人嗓违,那么用戶界面則是一個人的穿著與發(fā)型,是一個人的形象图贸。只有形象簡單健康大方得體蹂季,才會讓人愿意去進(jìn)一步了解你并且與你交流。
二疏日、用戶體驗(yàn)設(shè)計(jì)在當(dāng)今APP設(shè)計(jì)建立中的表現(xiàn)
設(shè)計(jì)師們只了解用戶體驗(yàn)的一些概念在APP的建立中是遠(yuǎn)遠(yuǎn)不夠的偿洁,設(shè)計(jì)師們在建立APP的時候必須要將理論與實(shí)踐相互結(jié)合起來。用戶體驗(yàn)是屬于一種主觀的心理感受沟优,設(shè)計(jì)師們在一些細(xì)微的節(jié)點(diǎn)進(jìn)行一些細(xì)小的調(diào)整涕滋,或許就能夠得到用戶的鐘愛。在細(xì)節(jié)上的精心設(shè)計(jì)挠阁,設(shè)計(jì)師必須要經(jīng)過對用戶的調(diào)查研究以及用戶做出的反饋意見后進(jìn)行整理宾肺,最后統(tǒng)一整合起來,運(yùn)用到界面上去侵俗。美國著名的設(shè)計(jì)師亨利?德萊福斯在《為人的設(shè)計(jì)》一書中說到:“當(dāng)產(chǎn)品和用戶之間的連接點(diǎn)變成了摩擦點(diǎn)锨用,那么工業(yè)設(shè)計(jì)師的設(shè)計(jì)就是失敗的。相反隘谣,如果產(chǎn)品能讓人們感覺更安全增拥,更舒適,更樂于購買,更加高效掌栅,甚至只是讓人們單純地更加快樂秩仆,那么此處的設(shè)計(jì)師是成功的”。
(一)瀏覽體驗(yàn)在APP建立中的表現(xiàn)
想要給用戶一個良好的使用體驗(yàn)猾封,用戶的瀏覽體驗(yàn)就不得不提逗概。瀏覽體驗(yàn)是用戶體驗(yàn)最直觀的表現(xiàn),也是第一步忘衍。提及瀏覽體驗(yàn)逾苫,基本的要求就是界面的整體布局不可以太混亂,整體布局要突出重點(diǎn)枚钓,分清主次铅搓。就圖文分享軟件“LOFTER”而言,現(xiàn)在運(yùn)營的與改版后的“LOFTER”搀捷,雖然只是在原有的基礎(chǔ)上進(jìn)行了一點(diǎn)點(diǎn)的調(diào)整星掰,但是兩個版本在給用戶的使用體驗(yàn)中卻有著極大的不同感受。
? ? ? ? 如“圖1”所示嫩舟,最左邊的是“LOFTER”現(xiàn)在運(yùn)營的交互界面氢烘。直觀感受而言,整體內(nèi)容比較多家厌,顯得有些擁擠與雜亂播玖。在“主題分類”中用戶需要一個主題一個主題的去滑動來選擇自己想關(guān)注的主題內(nèi)容,每次展現(xiàn)在用戶眼前的只有一個板塊主題饭于,由于主題比較多蜀踏,用戶需要很久才能夠翻閱到自己想要了解的主題,整體也顯得比較擁擠掰吕,在使用中用戶也會會有種窒息感果覆。主題往下又是一些推薦板塊,從而顯得整個頁面內(nèi)容比較復(fù)雜殖熟,用戶尋找自己感興趣的類別在無形之中增加了一些難度局待,在互聯(lián)網(wǎng)設(shè)計(jì)中每多一個步奏就有可能流失30%的用戶,從而第一個界面的設(shè)計(jì)會因?yàn)樗姆彪s性極有可能會流失一部分用戶菱属。
圖中紅框內(nèi)的頁面是進(jìn)行微調(diào)整后的界面钳榨,直觀上我們可以看出它的設(shè)計(jì)比第一個界面要直觀與簡潔了許多,它把一個頁面里的內(nèi)容做成兩個頁面分類照皆,把推薦與活動主題業(yè)放在同一個界面重绷,把主題特意放置到另一個單獨(dú)頁面,這樣的設(shè)計(jì)從用戶瀏覽的角度上來說膜毁,就會使用戶對自己的需求一目了然昭卓,從而節(jié)約了用戶檢索自己所感興趣的專題的時間成本愤钾。頁面的整體也顯得比較透氣,也給用戶傳遞了一種輕松的暢快感候醒,增加了用戶對產(chǎn)品的友好程度能颁。
(二)易用性在APP建立中的表現(xiàn)
易用性,顧名思義倒淫,就是使用戶容易使用伙菊,使用的更方便。從用戶的角度出發(fā)而設(shè)計(jì)敌土。一款軟件的易用性镜硕,是用戶體驗(yàn)在APP的設(shè)計(jì)中所呈現(xiàn)的重中之重,也是留住客戶的最有力的一個籌碼返干。用戶體驗(yàn)最強(qiáng)調(diào)的就是用戶的可用性兴枯、實(shí)用性以及易用性。易用性的設(shè)計(jì)要隨時考慮到用戶的使用場景矩欠,并且從多方面的角度為用戶考慮财剖,使用戶在使用產(chǎn)品的時候更容易與方便。
? ? ? ? ? ?如“圖2”所示癌淮,“圖2”是一款以跨國旅行為主的翻譯軟件躺坟,在易用性的角度上就顯得比較人性化。打開APP乳蓄,首先彈出的就是詢問“是否同意APP獲取您的地理位置”的消息咪橙,用戶可以選擇開啟,也可以選擇不開啟栓袖,這充分的尊重了用戶了自主選擇權(quán)匣摘。用戶如果選擇開啟定位地理位置店诗,系統(tǒng)會根據(jù)用戶所處的地理位置自動彈出當(dāng)?shù)氐恼Z言翻譯選擇框裹刮,這極大的節(jié)省了用戶的時間成本。如果用戶為了避免自己的隱私泄露而選擇了不開啟定位庞瘸,系統(tǒng)則自動為用戶切換到了“宮格式”選擇界面捧弃,“宮格式”界面存在著熱門語言以及各大洲的選項(xiàng),從而也會使用戶能夠在手動模式下以相對最快的速度選擇到自己所需要的語言擦囊。這充分的考慮到了用戶所使用的不同場景违霞,盡可能的尊重了用戶的使用習(xí)慣,也節(jié)約了用戶的時間成本瞬场。
二买鸽、用戶體驗(yàn)設(shè)計(jì)在當(dāng)今APP設(shè)計(jì)建立中的應(yīng)用
(一)互動體驗(yàn)在APP設(shè)計(jì)中的應(yīng)用
互動體驗(yàn),強(qiáng)調(diào)給予用戶在操作上的互動感贯被。一款優(yōu)秀的APP必須要將用戶與產(chǎn)品緊密的聯(lián)系起來眼五,讓用戶與產(chǎn)品高效的互動起來妆艘。APP不是一張死板的平面海報,APP是要讓瀏覽者通過一些簡單的互動行為從而調(diào)動用戶對產(chǎn)品的積極性看幼,提高使用的興趣批旺。APP是要通過一些互動有效的讓用戶與企業(yè)聯(lián)系起來,這才是一個APP的最終價值所在汽煮。總而言之棚唆,一款A(yù)PP的互動性越強(qiáng),能把用戶的使用積極性調(diào)動的越強(qiáng)烈宵凌,這款產(chǎn)品所發(fā)揮的價值就會越大。
如“圖3”所示失暴,“圖3”是一款音樂制作軟件,暫且不說其功能上的用戶互動體驗(yàn)怎樣逗扒,就其“登錄頁面”、“儲存頁面”以及“用戶反饋頁面”這三個頁面的設(shè)計(jì)而言欠橘,我覺得它在與用戶的互動性上的表現(xiàn)較其它類似軟件而言就很好矩肩。
先就“登錄頁面”來說,它較傳統(tǒng)的登錄頁面有了一些不同肃续,傳統(tǒng)頁面大多無非就是“賬號框”黍檩、“密碼框”以及“登錄按鈕”組成,大同小異始锚,登錄的時候也就失去了軟件操作應(yīng)有的樂趣刽酱。然而一款好的軟件在用戶點(diǎn)擊圖標(biāo)的那一刻開始,它的軟件的主要價值就應(yīng)該展現(xiàn)出來了瞧捌。這款音樂制作軟件在登錄界面取消了其它類似軟件的登錄模式棵里,直觀上會發(fā)現(xiàn)它并沒有登錄按鈕,它的登錄方式是在用戶輸完賬號密碼之后將下方的吉他往上方輕輕滑動姐呐,如果賬號密碼輸入正確殿怜,他們則會“咔”的一聲拼合到一起,形成一個完整的吉他曙砂,然后自動開啟軟件主頁面头谜。倘若輸入的不正確,他們又會彈回到初始位置鸠澈。較傳統(tǒng)的輸入模式而言柱告,它大大的增強(qiáng)的用戶使用的趣味性與互動性砖织,即使輸入了錯誤的密碼,也不會降低對軟件使用的積極性末荐。這款軟件的使用定位與性格在一開始就展現(xiàn)到了用戶的眼前侧纯,從而給用戶一個很好的第一印象。
其次它的保存界面就傳統(tǒng)的單調(diào)的界面也有了些許的改變甲脏,在保存成功之后眶熬,用戶可以通過滑動icon按鈕返回到上一步進(jìn)行修改以及重新再創(chuàng)作,這與傳統(tǒng)的箭頭指示圖標(biāo)而言块请,不但節(jié)約了用戶的時間成本娜氏,同時還加強(qiáng)了用戶與軟件之間的互動性。
大多數(shù)軟件在用戶反饋上的設(shè)計(jì)并不能調(diào)動用戶去評價與反饋?zhàn)约阂庖姷姆e極性墩新,然而這款軟件卻能很好的調(diào)動用戶的積極性贸弥。在保存頁面的右下角有了小按鈕,用戶只需要將小按鈕朝著左上方輕輕一滑海渊,用戶反饋的界面就滑動出來绵疲,同時為了避免不慎退出,還為用戶設(shè)計(jì)了鎖住的功能臣疑。想退出只需往下滑動盔憨,反饋界面就會消失讯沈。較其它類似軟件而言缺狠,這提高了用戶的反饋機(jī)會。而用戶的反饋意見如叼,是改善與提高一款產(chǎn)品用戶體驗(yàn)的寶貴財富薇正。通過用戶在使用過程中與軟件產(chǎn)生了交流,才能更好的替用戶解決問題雕沿,才能夠累計(jì)到更多的用戶群體审轮。
(二)情感體驗(yàn)在APP設(shè)計(jì)中的應(yīng)用
情感體驗(yàn)設(shè)計(jì),強(qiáng)調(diào)友好性篡诽,注重給用戶心理上的體驗(yàn)杈女。產(chǎn)品中的情感化的設(shè)計(jì)經(jīng)常會是產(chǎn)品與用戶之間的情感傳遞的紐帶达椰,這種傳達(dá)情感的設(shè)計(jì)不但能夠增強(qiáng)用戶對產(chǎn)品的友好度,更可以促使產(chǎn)品更加深入人心梁沧,讓用戶給產(chǎn)品帶來口碑效用廷支∷峙ⅲ或許僅是一句友好的文案芝囤,一個簡短的動畫都可以打動用戶內(nèi)心辛萍,使其與產(chǎn)品產(chǎn)生情感上的共鳴,這便是產(chǎn)品設(shè)計(jì)中的情感體驗(yàn)的作用悯许。
情感化的設(shè)計(jì)可以幫助用戶化解負(fù)面的情緒先壕。在注冊登錄以及Leading界面的出現(xiàn)無疑是讓人頭疼的流程垃僚。他們的出現(xiàn)使用戶不能直接的使用產(chǎn)品的功能及享受結(jié)果谆棺。所以在登錄與注冊的枯燥過程中很容易造成用戶的流失罕袋。而巧妙地運(yùn)用情感化的設(shè)計(jì)則可以很好的避免這一點(diǎn)碍岔,從而還能很好的留住用戶蔼啦。如“圖4”所示捏肢,在注冊頁面的時候亮元,很多情況下無疑是讓人枯燥不堪的過程爆捞,而“圖4”的注冊頁面則很好的運(yùn)用了情感化的設(shè)計(jì)煮甥,在注冊頁面輸入正確的時候,左邊的卡通人物會很高興的指著所填寫的內(nèi)容卖局,而當(dāng)注冊填寫錯誤的時候砚偶,左邊的卡通人物則情緒很低落的指著錯誤的內(nèi)容染坯。這與傳統(tǒng)的注冊界面顯然不同丘逸,非但不會促使用戶的煩躁感,相反還會提起用戶的注冊興趣仲锄。又譬如在登錄頁儒喊,當(dāng)用戶輸入密碼時涛舍,上面的貓頭鷹自然的遮住了眼睛富雅,無形之間給用戶增加了安全感没佑。又譬如當(dāng)網(wǎng)絡(luò)不佳或者系統(tǒng)處理緩慢而需要等待的時候蛤奢,用戶在等待的過程中無疑大都是急迫而煩躁的,然而如“圖4”中的案例所示待秃,巧妙地利用簡短的小動畫增加了“Leading”動畫的趣味性的情感章郁,能很好的減緩用戶在等待過程中的負(fù)面情緒志衍。
注冊楼肪、等待以及登錄頁面對于一個APP來說是比較繁瑣但是又無法確實(shí)的部分春叫,這些繁瑣的流程阻礙著用戶無法直接使用產(chǎn)品。對用戶而言這便是在使用產(chǎn)品過程中的“一面墻”暂殖,但是在這些枯燥的流程中加以情感化的元素央星,將會有效的減少“墻”給用戶帶來的負(fù)面情緒,同時又加強(qiáng)用戶對產(chǎn)品的友好度及認(rèn)同感毙石,并且會感受到產(chǎn)品所給用戶傳遞的友好與善意徐矩。
三滤灯、結(jié)語
不好的用戶體驗(yàn)一定比好的用戶體驗(yàn)?zāi)茏屓擞涀×壑瑁粋€好的用戶體驗(yàn)我們卻不會那么容易去發(fā)現(xiàn)它豫尽,我們只是習(xí)慣于去使用它,得到我們所需要的渤滞。一個好的用戶體驗(yàn)應(yīng)該是完美到我們都沒有去關(guān)注到它的存在妄呕,我們只是覺得它好用绪励,然后繼續(xù)使用优炬。然而糟糕的用戶體驗(yàn)則會讓我們記憶很久蠢护,以至于當(dāng)它的公司再有新的產(chǎn)品出現(xiàn)的時候我們會產(chǎn)生一絲抵觸的心理情緒葵硕。如果一個產(chǎn)品不能夠給用戶一個良好的使用體驗(yàn)懈凹,即使界面再漂亮介评,無非也就是一個花瓶爬舰。在界面設(shè)計(jì)中坪仇,追求漂亮是無可厚非的,但是這并不能代表一個漂亮的界面就可以保證一款產(chǎn)品的成功與價值所在椅文。簡單化和易用性應(yīng)該是一個產(chǎn)品最重要的價值體現(xiàn)皆刺《咎常可以這么說望伦,用戶界面決定著用戶會不會有興趣去使用屯伞,而用戶體驗(yàn)決定用戶會使用多久,決定著用戶對產(chǎn)品的忠誠度珠移!用戶界面與用戶體驗(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)頁設(shè)計(jì)中的重要性探討[J].新一代:理論版,2012.
[5]ISUX:https://isux.tencent.com/emotional-design-details.html
[6]邱均平湿右,葉曉峰.情報探索:情報學(xué)中的易用性原理初探[J].福建省科學(xué)技術(shù)協(xié)會,2007.
[7]顧露西诅妹,智力,鐘廈.科技致富向?qū)В簻\析網(wǎng)頁設(shè)計(jì)用戶體驗(yàn)設(shè)計(jì)的重要性[J].山東省科協(xié)毅人,2010.
[8]姜葳.用戶界面設(shè)計(jì)[D].浙江大學(xué)吭狡,2006.
[9]杜夏.以體驗(yàn)價值為導(dǎo)向的產(chǎn)品創(chuàng)新設(shè)計(jì)[D].華中科技大學(xué),2011.
[10]丁麗娟.以用戶為中心的易用性設(shè)計(jì)研究[D].天津大學(xué)堰塌,2008.