如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

易用性維護（usability hygiene，筆者水平渣，找不到更好的翻譯）這一術(shù)語最早由谷歌提出，主要為了減少用戶使用過程中的挫敗感。在這篇文章中，我們來談?wù)勗谝苿佣水a(chǎn)品易用性維護設(shè)計的時候，我們應(yīng)該注意的六個領(lǐng)域。

1、離線（斷網(wǎng)）用戶體驗

根據(jù)谷歌的一項調(diào)查，相對于移動網(wǎng)站，34%的用戶在網(wǎng)絡(luò)狀況不佳的情況下更偏向于使用app。當用戶打開一款app時，他們期望看到更多有用的內(nèi)容，他們不會管網(wǎng)絡(luò)狀況這一客觀條件。這個就意味著，在網(wǎng)絡(luò)狀況不佳或沒有數(shù)據(jù)網(wǎng)絡(luò)連接的情況下，app給用戶展示的內(nèi)容變得至關(guān)重要。簡言之，如果用戶無法從我們的app中得到期望的內(nèi)容，那么就極有可能會使用競爭者的產(chǎn)品。

下面我們來看看蘋果地圖（左）和谷歌地圖（右）的例子。谷歌地圖會記住你上次使用的位置，并且會保存很多細節(jié)。但是當我們打開蘋果地圖時，卻是空空如也，沒有任何內(nèi)容（斷網(wǎng)情況下）。從這點上來說，蘋果地圖的離線用戶體驗是比不上谷歌地圖的。

2、跨平臺設(shè)計

好的界面設(shè)計可以極大的提升app用戶體驗，身為設(shè)計師，我們希望自己的產(chǎn)品可以在多個平臺（系統(tǒng)）中發(fā)布，因為可以吸引更多的用戶。但是每一個平臺都有著自己的視覺語言，有著其系統(tǒng)特有的交互模式，有著一套應(yīng)該遵循的設(shè)計規(guī)范和風格。這些都是我們在進行產(chǎn)品跨平臺設(shè)計的時候應(yīng)該考慮的。一款iOS的app想要打入安卓市場，在設(shè)計上就應(yīng)該做到“入鄉(xiāng)隨俗”。因為安卓用戶肯定已經(jīng)養(yǎng)成了與安卓系統(tǒng)相對應(yīng)的操作習(xí)慣。直接進行1:1的復(fù)制固然省時省力，但是可能會引起與用戶習(xí)慣之間的沖突，用戶極有可能會拋棄你的產(chǎn)品。

例如，狀態(tài)欄和標題，這兩個設(shè)計元素基本上每一個頁面都會有。在iOS和安卓中，這兩個元素的展示形式是不一樣的，雖然差異不是很大。（在安卓系統(tǒng)中，文本是Roboto字體，左對齊；而在iOS中，文本字體是San Francisco，居中對齊。）

這種差異在按鈕和其他控件中同樣存在，單選按鈕、復(fù)選框、字段和開關(guān)。在跨平臺設(shè)計過程中，我們要盡可能使用原生控件，減少用戶的陌生感。

3、避免死胡同

用戶體驗設(shè)計實際上就是用戶流程設(shè)計。流暢的用戶體驗是一環(huán)環(huán)緊緊相扣，用戶不斷的“前進”來完成目標任務(wù)。用戶希望自己可以一路順風的到達目的地，所以要避免在用戶“前進”的道路上出現(xiàn)死胡同。這類頁面會讓用戶感到困惑，進而引起沮喪感，甚至?xí)鹫`操作。為了避免死胡同頁面的出現(xiàn)，我們至少要告訴用戶兩件事情：

何地（where）：這是一個什么頁面，告知用戶當前的位置，解釋原因。（頁面為什么報錯了？商品列表為什么加載不出來？）

怎么做（how）：接下來可以干什么，以及將會出現(xiàn)的情況。（檢查網(wǎng)絡(luò)連接情況或者重新登錄）

Modspot是一款類似于instagram的照片分享應(yīng)用，我們看看下面這張圖片。

左圖為新用戶首次打開Modspot時的頁面。頁面到底怎么了？No post是因為我之前根本就沒有上傳還是網(wǎng)絡(luò)原因加載不出來？我到底應(yīng)該怎么辦？這樣的設(shè)計英氣了用戶的恐慌。再看我把提示信息處理過的右圖。現(xiàn)在我們來感受一下兩張圖片的差別。

我們可以很明顯的看出來，左邊的界面讓用戶陷入一個“死胡同”。新用戶面對這樣的一個界面根本不知道應(yīng)該怎么辦，會給他們留下一個較壞的第一印象。

4、不要把網(wǎng)站的體驗復(fù)制到應(yīng)用程序上

移動端和PC端的交互模式和界面元素是不一樣的。當網(wǎng)頁的設(shè)計直接移植到在APP就會顯得很奇怪，這并不是因為哪里出錯了，而是用戶對于網(wǎng)頁和的APP期望是不同的。舉個例子：比如帶下劃線的鏈接。你應(yīng)該避免去使用帶下劃線鏈接的文字，這屬于網(wǎng)頁而不是APP（移動應(yīng)用使用按鈕不使用鏈接）。

上面的案例是關(guān)于TD銀行iOS端應(yīng)用的登錄頁面。它明顯看起來像是手機網(wǎng)頁的設(shè)計而非一款app。其實事實上，他們只是把網(wǎng)頁代碼復(fù)制上去后封裝成應(yīng)用程序：鏈接是帶下劃線的，甚至在界面上還有版權(quán)聲明！

5、不要打斷用戶

沒有人希望自己被打斷，特別是正當自己在做一件很重要的事情的時候被一些雞毛蒜皮的小事打斷。道理我們都懂，可是還是有很多app在用戶進行重要操作的時候跳出各種無用的彈框打斷他們。

當然不是所有的彈框都是沒用的，比如這種評分和提意見的彈框還是很重要的。因為這是我們獲取用戶反饋的重要渠道，對于此類不得不用的彈框我們要注意推送時機。比如在用戶剛使用不久的情況下，他們對這款產(chǎn)品還不太熟悉，就突然收到這樣一個評分請求，會給用戶帶來很不好的第一印象。即使用戶愿意評價，我們得到的反饋也是沒有什么價值的。

當用戶使用了一段時間后，找一個最少被干擾的時間給用戶發(fā)送彈框。Clear是iOS的一個任務(wù)管理app。當用戶完成所有既定的任務(wù)后，他們會收到一個打分的彈框。這就是一個很好的時間點，因為用戶此時剛剛完成任務(wù)，有一種成功的滿足感，他們更愿意對產(chǎn)品進行評分。

6、將用戶留在APP中

永遠不要讓用戶離開app。如果你的app缺少特定的功能和內(nèi)容，嘗試使用內(nèi)置瀏覽器而不是調(diào)用手機里安裝的瀏覽器。原因很簡單，用戶出去以后就不會回來了。

當然在一些特殊情況下，用戶必須離開app，那么我們也應(yīng)該給用戶一個返回的路徑。

總結(jié)

設(shè)計是一個每天都會有新理論，新知識涌現(xiàn)出來的一個行業(yè)。希望這篇文章關(guān)于移動端產(chǎn)品易用性的闡述會對你將來的工作提供幫助。

藍藍設(shè)計( www.lzhte.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)