2017-5-16 用心設(shè)計
易用性維護（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。當(dāng)用戶打開一款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é)。但是當(dāng)我們打開蘋果地圖時，卻是空空如也，沒有任何內(nèi)容（斷網(wǎng)情況下）。從這點上來說，蘋果地圖的離線用戶體驗是比不上谷歌地圖的。
2、跨平臺設(shè)計
好的界面設(shè)計可以極大的提升app用戶體驗，身為設(shè)計師，我們希望自己的產(chǎn)品可以在多個平臺（系統(tǒng)）中發(fā)布，因為可以吸引更多的用戶。但是每一個平臺都有著自己的視覺語言，有著其系統(tǒng)特有的交互模式，有著一套應(yīng)該遵循的設(shè)計規(guī)范和風(fēng)格。這些都是我們在進行產(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ù)。用戶希望自己可以一路順風(fēng)的到達目的地，所以要避免在用戶“前進”的道路上出現(xiàn)死胡同。這類頁面會讓用戶感到困惑，進而引起沮喪感，甚至?xí)鹫`操作。為了避免死胡同頁面的出現(xiàn)，我們至少要告訴用戶兩件事情：
何地（where）：這是一個什么頁面，告知用戶當(dāng)前的位置，解釋原因。（頁面為什么報錯了？商品列表為什么加載不出來？）
怎么做（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端的交互模式和界面元素是不一樣的。當(dāng)網(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、不要打斷用戶
沒有人希望自己被打斷，特別是正當(dāng)自己在做一件很重要的事情的時候被一些雞毛蒜皮的小事打斷。道理我們都懂，可是還是有很多app在用戶進行重要操作的時候跳出各種無用的彈框打斷他們。
當(dāng)然不是所有的彈框都是沒用的，比如這種評分和提意見的彈框還是很重要的。因為這是我們獲取用戶反饋的重要渠道，對于此類不得不用的彈框我們要注意推送時機。比如在用戶剛使用不久的情況下，他們對這款產(chǎn)品還不太熟悉，就突然收到這樣一個評分請求，會給用戶帶來很不好的第一印象。即使用戶愿意評價，我們得到的反饋也是沒有什么價值的。
當(dāng)用戶使用了一段時間后，找一個最少被干擾的時間給用戶發(fā)送彈框。Clear是iOS的一個任務(wù)管理app。當(dāng)用戶完成所有既定的任務(wù)后，他們會收到一個打分的彈框。這就是一個很好的時間點，因為用戶此時剛剛完成任務(wù)，有一種成功的滿足感，他們更愿意對產(chǎn)品進行評分。
6、將用戶留在APP中
永遠不要讓用戶離開app。如果你的app缺少特定的功能和內(nèi)容，嘗試使用內(nèi)置瀏覽器而不是調(diào)用手機里安裝的瀏覽器。原因很簡單，用戶出去以后就不會回來了。
當(dāng)然在一些特殊情況下，用戶必須離開app，那么我們也應(yīng)該給用戶一個返回的路徑。
總結(jié)
設(shè)計是一個每天都會有新理論，新知識涌現(xiàn)出來的一個行業(yè)。希望這篇文章關(guān)于移動端產(chǎn)品易用性的闡述會對你將來的工作提供幫助。
藍藍設(shè)計( m.gyxygd.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍藍設(shè)計的小編 http://m.gyxygd.cn