@亞茹有李 ：​做了設(shè)計(jì)轉(zhuǎn)眼間也4年多了，從2011年由網(wǎng)頁(yè)設(shè)計(jì)師轉(zhuǎn)到手機(jī)APP設(shè)計(jì)師；最近的工作不是很忙，就靜下心來(lái)去閱讀學(xué)習(xí)下互聯(lián)網(wǎng)的一些發(fā)展趨勢(shì)來(lái)彌補(bǔ)自己在這方面的不足（因?yàn)楣ぷ鞯臅r(shí)間大部份都是做設(shè)計(jì)）；之前一直以為用戶(hù)體驗(yàn)方面的工作是有專(zhuān)門(mén)的研究人員去做的，與設(shè)計(jì)人員沒(méi)有關(guān)系，通過(guò)這幾天的學(xué)習(xí)，發(fā)現(xiàn)做設(shè)計(jì)的也可以做到用戶(hù)體驗(yàn)啊，下面我就給大家一一介紹下，大家互相學(xué)習(xí) ^_^

一、后臺(tái)的執(zhí)行

核心思想：通過(guò)在狀態(tài)欄運(yùn)行加載的程序的同時(shí)，可以使用戶(hù)可以做其他的事情

舉例說(shuō)明：

Instagram

當(dāng)點(diǎn)擊“贊”的按鈕后，按鈕的字樣立馬就變成了“已贊”的狀態(tài)；其實(shí)看圖中的紅色框的加載圖標(biāo)，它只是在后臺(tái)運(yùn)行默默的加載程序；這樣做的好處就是讓用戶(hù)不需要一秒鐘的等待，避免了當(dāng)網(wǎng)絡(luò)不好的時(shí)候那個(gè)圈一直在轉(zhuǎn)的情況。

發(fā)微博平臺(tái)

例如：我剛發(fā)表了一條評(píng)論，右邊紅色框的區(qū)域立馬顯示在評(píng)論列表，但實(shí)際上我回復(fù)的這句評(píng)論，對(duì)方不能立即收到消息提醒；是因?yàn)樵诳礌顟B(tài)欄的​，我發(fā)的那句話(huà)正在后臺(tái)程序默默的加載運(yùn)行呢；這樣后臺(tái)執(zhí)行它的任務(wù)，我可以繼續(xù)查看其他的評(píng)論內(nèi)容，也不耽誤事。

二、在載入前顯示內(nèi)容

核心思想：讓用戶(hù)感覺(jué)很快想看到相關(guān)產(chǎn)品的信息

舉例說(shuō)明：

Appstore詳情頁(yè)

當(dāng)用戶(hù)從列表進(jìn)入詳情頁(yè)的時(shí)候，最上面也就是左邊圖紅色框的區(qū)域，毫無(wú)加載狀態(tài)，立馬有產(chǎn)品的信息顯示，讓人感覺(jué)點(diǎn)擊后內(nèi)容立馬就出來(lái)了。

三、充分利用好緩存

核心思想：利用緩存機(jī)制，提高頁(yè)面的打開(kāi)速度

舉例說(shuō)明：

蟬游記的“游記”和陌陌的“添加微博好友”等頁(yè)面，都利用了緩存

緩存可以把網(wǎng)絡(luò)數(shù)據(jù)保存在本地，下次打開(kāi)時(shí)無(wú)需要再次向網(wǎng)絡(luò)請(qǐng)求，減少流量并減少等待時(shí)間。在設(shè)計(jì)時(shí)，可以先顯示緩存內(nèi)容，同時(shí)后臺(tái)到網(wǎng)絡(luò)上拉取新內(nèi)容，若有新內(nèi)容立即換或下次訪問(wèn)時(shí)替換。

四、界面先行，網(wǎng)絡(luò)隨后

核心思想：對(duì)于一些數(shù)據(jù)量很小，且失敗可能性較小的網(wǎng)絡(luò)交互，或者是在沒(méi)有網(wǎng)絡(luò)的情況下，用戶(hù)也能夠順暢地使用APP

舉例說(shuō)明：

微信朋友圈的“發(fā)圖片”和微博的“收藏”功能

朋友圈即使在沒(méi)有網(wǎng)絡(luò)的情況下，也可以發(fā)布圖片，等有了網(wǎng)絡(luò)之后自動(dòng)上傳剛發(fā)布的內(nèi)容，這一點(diǎn)體驗(yàn)做的很棒（PS：希望微信可以快點(diǎn)更新ios7扁平化）

微博的收藏，當(dāng)不想收藏的時(shí)候，再次點(diǎn)擊，幫你可以做其他的事情了，此時(shí)會(huì)在狀態(tài)欄自己努力加載。

五、預(yù)測(cè)用戶(hù)行為，提前開(kāi)始任務(wù)

核心思想：預(yù)測(cè)用戶(hù)下一步操作是什么，提前為用戶(hù)鋪好道路

舉例說(shuō)明：

網(wǎng)易云閱讀

當(dāng)用戶(hù)從列表頁(yè)進(jìn)入詳情頁(yè)，查看一條信息之后往下拉就會(huì)看下一條，并且內(nèi)容已經(jīng)加載出來(lái)，往上拉就會(huì)回到上一條，這樣很符合大眾的習(xí)慣；這樣做避免看完一條之后點(diǎn)擊返回在從列表點(diǎn)擊進(jìn)去看另外一條。

Android的更新提醒

它是在安裝包自動(dòng)下載完成之后提示，避免了讓用戶(hù)等待下載的過(guò)程。

六、盡量少的讓用戶(hù)輸入，輸入時(shí)盡量多給出參考

核心思想：移動(dòng)端的虛擬鍵盤(pán)既有它的優(yōu)點(diǎn)，又有它的缺點(diǎn)，缺點(diǎn)主要有：

虛擬鍵盤(pán)的空間限制，手指的點(diǎn)擊經(jīng)常造成誤按；

輸入定位無(wú)法反饋（比如說(shuō)我輸入丁丁，結(jié)果搜索列表出現(xiàn)丁丁歷險(xiǎn)記，其實(shí)我是想搜索中國(guó)好聲音的丁丁啊，嘿嘿）

舉例說(shuō)明：

百度地圖

例如：我想找萬(wàn)達(dá)國(guó)際影城，當(dāng)在輸入框搜索「wand」幾個(gè)字母的時(shí)候就會(huì)列出所有關(guān)于萬(wàn)達(dá)方面的內(nèi)容，很容易就找到​，這樣避免用戶(hù)多輸入的狀況，很貼心。