2017-5-16 用心設計
易用性維護（usability hygiene，筆者水平渣，找不到更好的翻譯）這一術語最早由谷歌提出，主要為了減少用戶使用過程中的挫敗感。在這篇文章中，我們來談談在移動端產(chǎn)品易用性維護設計的時候，我們應該注意的六個領域。
1、離線（斷網(wǎng)）用戶體驗
根據(jù)谷歌的一項調查，相對于移動網(wǎng)站，34%的用戶在網(wǎng)絡狀況不佳的情況下更偏向于使用app。當用戶打開一款app時，他們期望看到更多有用的內容，他們不會管網(wǎng)絡狀況這一客觀條件。這個就意味著，在網(wǎng)絡狀況不佳或沒有數(shù)據(jù)網(wǎng)絡連接的情況下，app給用戶展示的內容變得至關重要。簡言之，如果用戶無法從我們的app中得到期望的內容，那么就極有可能會使用競爭者的產(chǎn)品。
下面我們來看看蘋果地圖（左）和谷歌地圖（右）的例子。谷歌地圖會記住你上次使用的位置，并且會保存很多細節(jié)。但是當我們打開蘋果地圖時，卻是空空如也，沒有任何內容（斷網(wǎng)情況下）。從這點上來說，蘋果地圖的離線用戶體驗是比不上谷歌地圖的。
2、跨平臺設計
好的界面設計可以極大的提升app用戶體驗，身為設計師，我們希望自己的產(chǎn)品可以在多個平臺（系統(tǒng)）中發(fā)布，因為可以吸引更多的用戶。但是每一個平臺都有著自己的視覺語言，有著其系統(tǒng)特有的交互模式，有著一套應該遵循的設計規(guī)范和風格。這些都是我們在進行產(chǎn)品跨平臺設計的時候應該考慮的。一款iOS的app想要打入安卓市場，在設計上就應該做到“入鄉(xiāng)隨俗”。因為安卓用戶肯定已經(jīng)養(yǎng)成了與安卓系統(tǒng)相對應的操作習慣。直接進行1:1的復制固然省時省力，但是可能會引起與用戶習慣之間的沖突，用戶極有可能會拋棄你的產(chǎn)品。
例如，狀態(tài)欄和標題，這兩個設計元素基本上每一個頁面都會有。在iOS和安卓中，這兩個元素的展示形式是不一樣的，雖然差異不是很大。（在安卓系統(tǒng)中，文本是Roboto字體，左對齊；而在iOS中，文本字體是San Francisco，居中對齊。）
這種差異在按鈕和其他控件中同樣存在，單選按鈕、復選框、字段和開關。在跨平臺設計過程中，我們要盡可能使用原生控件，減少用戶的陌生感。
3、避免死胡同
用戶體驗設計實際上就是用戶流程設計。流暢的用戶體驗是一環(huán)環(huán)緊緊相扣，用戶不斷的“前進”來完成目標任務。用戶希望自己可以一路順風的到達目的地，所以要避免在用戶“前進”的道路上出現(xiàn)死胡同。這類頁面會讓用戶感到困惑，進而引起沮喪感，甚至會引起誤操作。為了避免死胡同頁面的出現(xiàn)，我們至少要告訴用戶兩件事情：
何地（where）：這是一個什么頁面，告知用戶當前的位置，解釋原因。（頁面為什么報錯了？商品列表為什么加載不出來？）
怎么做（how）：接下來可以干什么，以及將會出現(xiàn)的情況。（檢查網(wǎng)絡連接情況或者重新登錄）
Modspot是一款類似于instagram的照片分享應用，我們看看下面這張圖片。
左圖為新用戶首次打開Modspot時的頁面。頁面到底怎么了？No post是因為我之前根本就沒有上傳還是網(wǎng)絡原因加載不出來？我到底應該怎么辦？這樣的設計英氣了用戶的恐慌。再看我把提示信息處理過的右圖。現(xiàn)在我們來感受一下兩張圖片的差別。
我們可以很明顯的看出來，左邊的界面讓用戶陷入一個“死胡同”。新用戶面對這樣的一個界面根本不知道應該怎么辦，會給他們留下一個較壞的第一印象。
4、不要把網(wǎng)站的體驗復制到應用程序上
移動端和PC端的交互模式和界面元素是不一樣的。當網(wǎng)頁的設計直接移植到在APP就會顯得很奇怪，這并不是因為哪里出錯了，而是用戶對于網(wǎng)頁和的APP期望是不同的。舉個例子：比如帶下劃線的鏈接。你應該避免去使用帶下劃線鏈接的文字，這屬于網(wǎng)頁而不是APP（移動應用使用按鈕不使用鏈接）。
上面的案例是關于TD銀行iOS端應用的登錄頁面。它明顯看起來像是手機網(wǎng)頁的設計而非一款app。其實事實上，他們只是把網(wǎng)頁代碼復制上去后封裝成應用程序：鏈接是帶下劃線的，甚至在界面上還有版權聲明！
5、不要打斷用戶
沒有人希望自己被打斷，特別是正當自己在做一件很重要的事情的時候被一些雞毛蒜皮的小事打斷。道理我們都懂，可是還是有很多app在用戶進行重要操作的時候跳出各種無用的彈框打斷他們。
當然不是所有的彈框都是沒用的，比如這種評分和提意見的彈框還是很重要的。因為這是我們獲取用戶反饋的重要渠道，對于此類不得不用的彈框我們要注意推送時機。比如在用戶剛使用不久的情況下，他們對這款產(chǎn)品還不太熟悉，就突然收到這樣一個評分請求，會給用戶帶來很不好的第一印象。即使用戶愿意評價，我們得到的反饋也是沒有什么價值的。
當用戶使用了一段時間后，找一個最少被干擾的時間給用戶發(fā)送彈框。Clear是iOS的一個任務管理app。當用戶完成所有既定的任務后，他們會收到一個打分的彈框。這就是一個很好的時間點，因為用戶此時剛剛完成任務，有一種成功的滿足感，他們更愿意對產(chǎn)品進行評分。
6、將用戶留在APP中
永遠不要讓用戶離開app。如果你的app缺少特定的功能和內容，嘗試使用內置瀏覽器而不是調用手機里安裝的瀏覽器。原因很簡單，用戶出去以后就不會回來了。
當然在一些特殊情況下，用戶必須離開app，那么我們也應該給用戶一個返回的路徑。
總結
設計是一個每天都會有新理論，新知識涌現(xiàn)出來的一個行業(yè)。希望這篇文章關于移動端產(chǎn)品易用性的闡述會對你將來的工作提供幫助。
藍藍設計( m.88yangsc.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務