APP用戶體驗解決方案

APP用戶體驗解決方案APP用戶體驗解決方案APP用戶體驗解決方案第第頁目錄TOC\o"1-3"\h\u39071用戶體驗 327551.1概念介紹 3172451.2趨勢 3187982分類標(biāo)準(zhǔn) 4215143體驗優(yōu)化 462673.1感觀體驗 4118543.1.1產(chǎn)品理念 5213943.1.2簡潔、工具化 5161263.1.3規(guī)范、統(tǒng)一 6319363.1.4重點突出 7200563.1.5防止低齡化 8225673.2交互體驗 985523.2.1注冊登錄 10108263.2.2導(dǎo)航菜單 10224393.2.3產(chǎn)品層級及深度 11219463.2.4錯誤驗證 12282713.2.5彈層設(shè)計 14151523.2.6交互手勢 15248953.2.7輸入方式 1659663.2.8干擾和打斷 17217263.2.9Loading設(shè)計 17132193.3性能體驗 18278753.3.1啟動、響應(yīng)時間 18114363.3.2后臺執(zhí)行 1997683.3.3數(shù)據(jù)解析 19237723.3.4載入前顯示內(nèi)容 1997813.3.5緩存機制 20156103.3.6界面先行，網(wǎng)絡(luò)隨后 21119463.3.7網(wǎng)絡(luò)優(yōu)化 21195393.4情感體驗 2274563.4.1身份感 22265113.4.2價值感 22253913.4.3歸屬感 23274423.4.4認(rèn)同感 23326274以用戶為中心 23引言對軟件產(chǎn)品來說，有許多因素可影響用戶使用產(chǎn)品的實際體驗，包括使用者的狀態(tài)、系統(tǒng)性能、環(huán)境狀況。為達(dá)到用戶體驗最佳，本文主要從感官體驗、交互體驗、性能體驗、情感體驗四個方面對如何提升用戶體驗進(jìn)行闡述并設(shè)計優(yōu)化。用戶體驗概念介紹用戶體驗（UserExperience，簡稱UE/UX）是用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。對于一個界定明確的用戶群體來講，其用戶體驗的共性是能夠經(jīng)由良好設(shè)計實驗來認(rèn)識到。計算機技術(shù)和互聯(lián)網(wǎng)的發(fā)展，使技術(shù)創(chuàng)新形態(tài)正在發(fā)生轉(zhuǎn)變，以用戶為中心、以人為本越來越得到重視，用戶體驗也因此被稱做創(chuàng)新2.0模式的精髓。在中國面向知識社會的創(chuàng)新2.0—應(yīng)用創(chuàng)新園區(qū)模式探索中，更將用戶體驗作為“三驗”創(chuàng)新機制之首。ISO9241-210標(biāo)準(zhǔn)將用戶體驗定義為“人們對于針對使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認(rèn)知印象和回應(yīng)”。通俗來講就是“這個東西好不好用，用起來方不方便”。因此，用戶體驗是主觀的，且其注重實際應(yīng)用時的產(chǎn)生的效果。ISO定義的補充說明有著如下解釋：用戶體驗，即用戶在使用一個產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認(rèn)知印象、生理和心理反應(yīng)、行為和成就等各個方面。趨勢當(dāng)今的時代，是一個體驗為王的時代，也是一個用戶至上的時代。用戶體驗的好壞直接關(guān)系到產(chǎn)品的成功與否，用戶購買使用產(chǎn)品后，并非是結(jié)束了交易，而是一個新的開始。當(dāng)用戶拿起產(chǎn)品，使用產(chǎn)品的時候，用戶體驗之旅才真正開始，而用戶的體驗之旅是否愉快直接影響到產(chǎn)品的口碑及市場。分類標(biāo)準(zhǔn)對軟件產(chǎn)品來說，有許多因素可影響用戶使用產(chǎn)品的實際體驗。包括使用者的狀態(tài)、系統(tǒng)性能、環(huán)境（狀況）。為達(dá)到用戶體驗最佳，按以下用戶體驗分類進(jìn)行設(shè)計或優(yōu)化：感觀體驗：呈現(xiàn)給用戶視聽上的體驗，強調(diào)舒適性。一般在色彩、聲音、圖像、文字內(nèi)容等呈現(xiàn)；交互體驗：界面給用戶使用、交流過程的體驗，強調(diào)互動、交互特性。交互體驗的過程貫穿瀏覽、點擊、輸入、輸出等過程給用戶產(chǎn)生的體驗；性能體驗：主要指不同網(wǎng)絡(luò)下啟動及業(yè)務(wù)的響應(yīng)速度，不同時間段各種資源CPU、內(nèi)存、電量、流量占用情況及連接超時、連接失敗等聯(lián)網(wǎng)性能問題；情感體驗：給用戶心理上的體驗，強調(diào)心理認(rèn)可度。讓用戶通過站點能認(rèn)同、抒發(fā)自己的內(nèi)在情感，那說明用戶體驗效果較深。情感體驗的升華是口碑的傳播，形成一種高度的情感認(rèn)可效應(yīng)。感觀體驗、交互體驗、性能體驗、情感體驗是遞進(jìn)關(guān)系，用戶有了感觀上的體驗才會繼續(xù)使用，繼而有了交互體驗、性能體驗，最終產(chǎn)生情感體驗。體驗優(yōu)化感觀體驗感觀體驗的主要任務(wù)是視覺設(shè)計，其目的是讓產(chǎn)品產(chǎn)生一種吸引力，是這種吸引力讓用戶覺得這個產(chǎn)品可愛，能夠讓用戶在視覺上受到吸引，愛上這個產(chǎn)品，視覺能創(chuàng)造出用戶黏度。就比如：當(dāng)你見到一個人，你首先是通過這個人的外貌，才想去了解一個人的內(nèi)在。感觀體驗的設(shè)計標(biāo)準(zhǔn)主要從以下幾個方面進(jìn)行控制：傳播產(chǎn)品理念；干凈、簡潔、工具化；制定規(guī)范，維持統(tǒng)一；重點突出；防止不恰當(dāng)?shù)牡妄g化。產(chǎn)品理念產(chǎn)品理念影響最終品牌，它是一個產(chǎn)品給人的整體印象，包括logo、包裝、廣告、視覺呈現(xiàn)等。令人印象深刻的品牌，具有一種身份、個性，以及自身的特色，具有能夠吸引目標(biāo)，與眾不同的外觀和感受，更為重要的是品牌令人難以忘記。簡潔、工具化“推廣”很重要，“簡潔”也很重要；工具化設(shè)計意味著清晰的邏輯和操作，不是內(nèi)容越多越好，而是越簡單越好。APP頁面表現(xiàn)的層級關(guān)系和結(jié)構(gòu)在設(shè)計過程中可用視覺的形式表現(xiàn)出來，比如：包含關(guān)系及業(yè)務(wù)的先后順序的表現(xiàn)。讓用戶通過視覺就能夠直接的明白應(yīng)該先看什么，后看什么，元素之間是什么關(guān)系等。圖形達(dá)意盡量明確，是什么就是什么，避免和用戶捉迷藏，同時用準(zhǔn)確的視覺來輔助信息反饋。規(guī)范、統(tǒng)一（1）文字文字使用要規(guī)范、語法、大小、顏色、大小寫都需要注意；能用一個詞表達(dá)的，不用一句話，能用一句話表達(dá)清楚的，不用兩句話；每個概念都只有唯一一種表達(dá)，如”VIP”的概念；能用一種字體顏色的，不多用一種顏色；能用一種字體大小的，不多用一種大小。（2）標(biāo)準(zhǔn)組件能用標(biāo)準(zhǔn)控件的，不自己畫控件；能用文字的，不用圖片；保持盡可能少的格式式樣。（3）維持統(tǒng)一網(wǎng)易云首頁設(shè)計重點突出每個頁面（板塊）只有一至兩塊視覺重點，并且突出重點，不讓用戶去找。如圖所示：科貓APP底側(cè)為導(dǎo)航欄，點擊“科貓圈”后圖標(biāo)顯示為黃色，跳轉(zhuǎn)頁面頂部為“科貓圈”分類，興趣部落和話題榜單，用戶無需引導(dǎo)，一目了然。防止低齡化當(dāng)我們更加理性和嚴(yán)謹(jǐn)?shù)卦O(shè)計產(chǎn)品的時候，自然會遠(yuǎn)離“低齡”傾向?！俺墒臁痹醋院侠淼脑O(shè)計，“低齡”源自不合常理的設(shè)計。圖1圖2如上圖QQ音樂綠鉆特權(quán)，圖1采用動漫圖標(biāo)，圖2為歐美人物形象，但開通綠鉆特權(quán)的用戶以成年人為主，相比較圖1則顯低齡化，同時設(shè)計過程中應(yīng)規(guī)避低齡化字體。如下圖：低齡化字體交互體驗交互設(shè)計（英文InteractionDesign,縮寫IXD)，是定義、設(shè)計人造系統(tǒng)的行為的設(shè)計領(lǐng)域，它定義了兩個或多個互動的個體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。交互設(shè)計關(guān)注以人為本的用戶需求，其提倡的核心原則就是從用戶出發(fā)，充分考慮用戶的使用體驗。在APP進(jìn)行交互設(shè)計時，可采用以下幾點進(jìn)行優(yōu)化：注冊登錄移動互聯(lián)網(wǎng)時代，用戶獲取App的途徑更加便捷，成本更加低廉。正是如此，用戶流失的幾率也越來越大，而“注冊/登錄”作為使用App的第一個環(huán)節(jié)，不應(yīng)該成為新用戶體驗App的一個阻礙，要保障用戶能夠快速便捷的體驗到App的基本功能，常見注冊登錄方式如下：注冊和登錄統(tǒng)一：通過手機號驗證碼快速注冊或登錄（如典典養(yǎng)車）；注冊和登錄分開：通過手機號/郵箱注冊或通過賬號名（手機號/郵箱/用戶名/ID）和密碼登錄（如：豆瓣、京東、餓了么）；兩種方式結(jié)合，用戶可以自主選擇登錄方式（如美團(tuán)外賣）。導(dǎo)航菜單導(dǎo)航菜單設(shè)計一般采用經(jīng)典導(dǎo)航設(shè)計Tabber，這種設(shè)計符合手機端用戶單手操作的習(xí)慣，包括新版微信，淘寶，支付寶等都采用的這一方式。導(dǎo)航按鈕中最方便操作的是第二和第三個，突出Tabbar上展示的那些核心功能的按鈕，方便用戶快捷操作，同時要提供明確的返回上一級的操作，不能中斷操作流程。產(chǎn)品層級及深度在移動設(shè)備上，過多的層級會使用戶失去耐心而放棄對產(chǎn)品的使用。在設(shè)計過程中可采用扁平化層級結(jié)構(gòu)，從上向下梳理，使用戶在完成這些操作時，步驟更少，界面更易懂，如使用選項卡（tabs）結(jié)合分類和內(nèi)容的展示。允許穿越層級操作，如允許用戶在第一層級對第二層級的內(nèi)容進(jìn)行直接操作，使之能夠明確的傳達(dá)APP的功能主旨。如圖所示，“更多”為一級功能，采用扁平化設(shè)計后，“更多”下所屬二級功能可與一級功能同時顯示，以減少用戶尋找功能成本。錯誤驗證“錯誤”時有發(fā)生，在App中有時是因為用戶犯了錯誤，有時是系統(tǒng)錯誤。無論錯誤原因是什么，都應(yīng)受到重視，而不能草草處理，使用戶沮喪，最終拋棄應(yīng)用。用戶輸入信息驗證的意義在于與用戶交流，并引導(dǎo)他們克服困難，應(yīng)對不確定。常見錯誤類型如下：app不理解用戶的輸入；app出錯了；用戶試圖同時進(jìn)行兩個矛盾的操作。在APP設(shè)計錯誤提示信息時，要清晰優(yōu)雅地表達(dá)出錯誤信息，同時及時收集錯誤反饋進(jìn)行處理，有效的錯誤提示應(yīng)該提供如下信息：明確表達(dá)發(fā)生了什么；描述用戶應(yīng)該如何應(yīng)對；盡可能多地保留用戶輸入的信息。如上圖所示，“鐵路12306”APP運行停止時，自動退出并彈窗提示，用戶可查看錯誤日志（針對感興趣用戶），并可上傳錯誤報告以便后期迭代更新。彈層設(shè)計分別設(shè)計Android和ios的彈層，如ios大多操作彈層由底部彈出，而Android直接顯示操作頁面中央，這樣的交互操作應(yīng)該遵循各自平臺的設(shè)計要求。彈層需求根據(jù)不同的功用設(shè)計不同的樣式。如：操作性彈層：右上角更多按鈕觸發(fā)；提示性彈層：弱提示性的應(yīng)用系統(tǒng)的token飄字提示；模塊彈層：需要強提示的，如取消、確定提示；強引導(dǎo)彈層：更強提示而且彈層需要承載一定操作的。交互手勢手勢是人類用語言中樞建立起來的一套用手掌和手指位置、形狀的特定的語言系統(tǒng)，而移動終端中的手勢是指，將一系列多點觸控事件綜合成為一個單獨的事件。手勢操作是將需要操作的界面直接展現(xiàn)在用戶眼前，而操作過程也是用戶直接觸控操作界面完成，而不需要通過鍵盤、按鈕等其他中間過程去完成。好的手勢設(shè)計是在生活體驗中提煉總結(jié)出來的，這樣用于產(chǎn)品上對于用戶來說更容易理解，在使用過程中學(xué)習(xí)成本更低，體驗效果更好。常見操作手勢APP在設(shè)計交互手勢時優(yōu)先設(shè)計自然的手勢交互，引導(dǎo)用戶在情境中學(xué)習(xí)手勢操作，同時提供過程及反饋演示，且可觸區(qū)域大于7×7mm。輸入方式移動端文字輸入不管是手寫輸入還是鍵盤輸入，操作效率都相對較低。在行走或者單手操作時，輸入的出錯率也比較高。為保證用戶體驗，APP在設(shè)計時可采取以下方式進(jìn)行優(yōu)化：按輸入類型匹配鍵盤，如數(shù)字型（手機號碼、金額等）輸入匹配數(shù)字鍵盤，文本型（資源、選舉等）輸入匹配文本型鍵盤；默認(rèn)值和自動完成為用戶提供默認(rèn)值或基于先前數(shù)據(jù)的提示，來簡化用戶在數(shù)據(jù)上的輸入，如根據(jù)用戶的地理位置數(shù)據(jù)來事先幫用戶選定省市。如上圖可根據(jù)不同輸入場景下自動進(jìn)行鍵盤切換，以此優(yōu)化用戶體驗。干擾和打斷在移動情境中，被各種其他的事情打斷是很正常的，如在玩手機時突然沒電，寫微博被老板叫去做重要的事情，搜索商品時收到一條重要的信息等。在APP設(shè)計過程中可自動保存用戶輸入的內(nèi)容或一些輸入提示信息以保存用戶的操作，減少重復(fù)勞動，如微信的消息發(fā)送在沒聯(lián)網(wǎng)的情況下，發(fā)送會顯示嘆號保存在手機端，聯(lián)網(wǎng)后只需重新發(fā)送即可，不需要重新鍵入信息。Loading設(shè)計頁面loading動畫是APP界面必不可少的元素，增加loading可以給用戶明確的反饋功能（如正在加載），減少用戶在等待功能響應(yīng)引起的煩躁感，另外loading動畫除了常規(guī)的菊花還可以考慮使用npc，讓APP更生動、活潑，或者使用logo口號加強APP的品牌形象。性能體驗移動應(yīng)用的用戶體驗是最關(guān)鍵的，而威脅用戶體驗最關(guān)鍵的一點是移動應(yīng)用性能。當(dāng)性能慢的時候，用戶會遭受到非常痛苦的體驗，如一個人參與了一個游戲，卻突然反應(yīng)卡頓，或者想瀏覽一個商品頁面，發(fā)現(xiàn)根本上不去，當(dāng)反復(fù)出現(xiàn)性能問題時，用戶很容易舍棄這個應(yīng)用。APP性能優(yōu)化可從以下幾個方面進(jìn)行：啟動、響應(yīng)時間為了加快App響應(yīng)速度，可以在UI線程上創(chuàng)建足夠的對象，以便完善公共API功能。然后將功夫用到后臺線程上，將費時的操作從主線移動到一個單獨線程中，緩存從磁盤存儲打開和閱讀。APP證書在后臺加載，Cookies反序列化和解碼在后臺，通過這些改變，UI將更快地出現(xiàn)在屏幕上。后臺執(zhí)行用戶不會愿意盯著進(jìn)度條傻傻地等待，除了”取消”沒有其他選擇。在APP處理一些網(wǎng)絡(luò)任務(wù)的時候，可通過后臺執(zhí)行策略，允許用戶做一些其他的事情來提升體驗。如圖：騰訊視頻播放，網(wǎng)絡(luò)不暢時，退出后后臺會繼續(xù)為用戶緩沖視頻。數(shù)據(jù)解析App離不開數(shù)據(jù)，實際開發(fā)中服務(wù)器端返回的數(shù)據(jù)格式包括JSON、XML。從解析難度和速度來看，JSON優(yōu)于XML，目前也是最主流的數(shù)據(jù)格式。在Android開發(fā)中可以使用優(yōu)秀的解析庫來加快解析速度，XML有Jsoup，JSON有Jackson、Gson，在設(shè)計中可以通過這些庫來更快的完成數(shù)據(jù)解析，提高APP的數(shù)據(jù)顯示效率。載入前顯示內(nèi)容APP與web的一個不同點，APP的顯示內(nèi)容包括本地數(shù)據(jù)和網(wǎng)絡(luò)數(shù)據(jù)兩部分。在設(shè)計界面時，將更多的信息放在本地，在網(wǎng)絡(luò)數(shù)據(jù)未載入時即顯示本地數(shù)據(jù)，讓用戶產(chǎn)生一種”已經(jīng)載入一半了”的錯覺，即使最終的耗時一樣，心理感受也會更快。如twitter、Facebook等產(chǎn)品的啟動畫面，雖然同是靜態(tài)圖片，但它們不使用LOGO而假裝已經(jīng)載入了”導(dǎo)航欄”和”標(biāo)題欄”，讓人感覺“點擊后立即就啟動了”。緩存機制緩存可以把網(wǎng)絡(luò)數(shù)據(jù)保存在本地，下次打開時無需再次向網(wǎng)絡(luò)請求，減少流量并減少等待時間。在設(shè)計時，可以先顯示緩存內(nèi)容，同時后臺到網(wǎng)絡(luò)上拉取新內(nèi)容，若有新內(nèi)容立即替換或下次訪問時替換。不過應(yīng)注意過大的緩存文件占用太多的系統(tǒng)空間，會讓用戶一怒之下卸載App。如圖：云閱讀的”書城”和”通過微博找好友”等界面，都使用了緩存機制，提高打開頁面的速度。界面先行，網(wǎng)絡(luò)隨后對于一些數(shù)據(jù)量很小，且失敗可能性較小的網(wǎng)絡(luò)交互，用戶并不需要明確知道App在干這些事情，也能夠順暢地使用App，這時可“把一些事實掩蓋起來”，即界面上迅速地完成任務(wù)(心智模型)，程序后臺默默地繼續(xù)執(zhí)行任務(wù)(實現(xiàn)模型)。如QQ、微信等聊天界面，點擊發(fā)送后，消息立即“飛”到聊天界面中，其實對方還沒收到，但這樣的設(shè)計使溝通的過程更順暢，沒有“正在發(fā)送-發(fā)送成功”各種過程的干擾。網(wǎng)絡(luò)優(yōu)化如果沒有網(wǎng)絡(luò)連接，則使應(yīng)用跳過網(wǎng)絡(luò)操作；在有網(wǎng)絡(luò)連接并且無漫游的情況下更新數(shù)據(jù)；選擇兼容的數(shù)據(jù)格式，把含有文本數(shù)據(jù)和二進(jìn)制數(shù)據(jù)的請求全部轉(zhuǎn)化成二進(jìn)制數(shù)據(jù)格式請求；使用高效的轉(zhuǎn)換工具，同時減少重復(fù)訪問服務(wù)器的操作。情感體驗情感體驗就是用感性帶動心理的體驗活動，是個體受其周圍客觀環(huán)境的影響所產(chǎn)生的一種神奇的主觀感覺體驗，可以是積極的，也可以是消極的，就如戴著3D眼鏡看電影的感覺體驗。身份感人群定位激發(fā)身份感，在財富快速積累的過程中，人性喜歡攀比，進(jìn)一步沉淀之后會產(chǎn)生微妙變化。奢侈是用戶消費能力、生活方式、價值觀的綜合體現(xiàn)。在常見的APP設(shè)計中，普通會員、白銀會員、白金會員性質(zhì)不同，可通過會費金額、系統(tǒng)功能權(quán)限等營造會員身份感。價值感價值感是指感受到自己在這個集體中的價值和重要性，并為之做出貢獻(xiàn)，如在知乎中各行