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

就移動用戶體驗設(shè)計而言，不斷地實踐是檢驗其好壞的一條必經(jīng)之路。在這篇文章中我們聚焦于基礎(chǔ)。我們需要去解決的是如何避免打斷用戶或者強迫用戶思考的問題。

我們一開始為什么去安裝應(yīng)用程序？是為了使我們的生活更方便。但當(dāng)一個應(yīng)用無法滿足這一要求時，用戶肯定就會離它而去。一個應(yīng)用的成功是受多種因素影響的，其中整體移動用戶體驗是最重要的影響因素。絕佳的用戶體驗是一個應(yīng)用程序成功的關(guān)鍵。

多平臺用戶界面設(shè)計

界面是能使應(yīng)用的用戶體驗脫穎而出的一個重要的因素。大多數(shù)的開發(fā)人員都希望在不同終端上發(fā)布他們的應(yīng)用。當(dāng)你為多平臺規(guī)劃應(yīng)用時，請記住每個平臺都有自己規(guī)范和特質(zhì)。適用于一個平臺的完美設(shè)計決策可能會在另一個平臺上顯得格格不入。

1、請勿盲目模仿其它平臺的UI元素和字體

當(dāng)你在安卓或ios平臺上創(chuàng)建應(yīng)用時，不要從其他平臺上照搬有鮮明主題的UI元素，也不要模仿它們的特定行為。因為如果你從一個平臺上復(fù)制元素到另一個平臺，就極有可能影響用戶體驗和轉(zhuǎn)換率。

輸入框、復(fù)選框、開關(guān)以及其他的功能控件的選擇應(yīng)該基于本平臺的特征。盡可能地使用原生控件，以便讓用戶知道如何使用它們。用戶在錄入敏感數(shù)據(jù)或支付細(xì)節(jié)時才會更加信任你的應(yīng)用。下面的例子是安卓和ios平臺中相同內(nèi)容的顯示差異：

圖1 安卓中的UI元素（上）和ios中的UI元素（下）

相比于Material design，ios應(yīng)用通常外觀扁平，不使用厚度和陰影。 iOS版也有一個純文本樣式的按鈕，但它與安卓的全大寫字母不同，并且字體更纖細(xì)。

圖2 安卓的Material design（左）vs. ios（右），圖片來源：tutsplus

字體也需要遵循每個平臺的標(biāo)準(zhǔn)：安卓使用Roboto字體，iOS使用San Francisco字體系列。

圖3 根據(jù)不同字體便可以判斷你所使用的是安卓的應(yīng)用還是ios的應(yīng)用

如果你想自定義應(yīng)用中的界面元素，請仔細(xì)根據(jù)你的品牌來設(shè)計，而不是把另一個不同平臺的規(guī)范作為依據(jù)。

2、不要照搬平臺特定的圖標(biāo)

每個平臺通常都提供成套的常用功能圖標(biāo)，例如分享、新建文檔或刪除。當(dāng)你把應(yīng)用程序遷移到另一個平臺時，應(yīng)該把對應(yīng)的圖標(biāo)替換成當(dāng)前平臺的特定圖標(biāo)。

你也應(yīng)該注意到每個平臺自身獨特的風(fēng)格：安卓系統(tǒng)圖標(biāo)通常使用較粗的筆觸，而iOS樂于使用筆畫較細(xì)的線形圖標(biāo)。以下是幾個圖標(biāo)的對比圖：

圖4 安卓常用功能圖標(biāo)（上）ios常用功能圖標(biāo)（下）

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

用戶對移動應(yīng)用的交互模式和界面元素有特殊的期待。當(dāng)網(wǎng)頁端的設(shè)計出現(xiàn)在移動應(yīng)用時就顯得很奇怪，這并不是因為哪里出錯了，而是用戶對于網(wǎng)頁和移動應(yīng)用的期望是不同的。比如帶下劃線的鏈接，你應(yīng)該避免去使用帶下劃線鏈接的文字，這屬于網(wǎng)頁而不是移動應(yīng)用（移動應(yīng)用使用按鈕不使用鏈接）。

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

圖5 TB銀行app缺乏一個應(yīng)用程序應(yīng)有的特質(zhì)

用戶流程

1、你的應(yīng)用程序里不應(yīng)該有“死胡同”

用戶體驗設(shè)計本質(zhì)上就是在設(shè)計流程，而流程在多數(shù)情況下是用來完成用戶目標(biāo)的。你應(yīng)該避免在應(yīng)用程序出現(xiàn)死胡同，因為這會給用戶帶來困惑并且導(dǎo)致不必要的操作。有時候，設(shè)計師會把錯誤消息和空狀態(tài)作為空頁面處理，但實際上這是一個提供有用信息的好機會。就拿Spotify的這種錯誤狀態(tài)頁面舉例：

圖6 死胡同空頁面，圖片來源：Spotify

它完全沒有幫助用戶理解情況，也沒有回答用戶“我到底該做什么？”這個問題。

空白狀態(tài)（尤其是錯誤狀態(tài)）不應(yīng)該是一個死胡同的狀態(tài)，它應(yīng)該告訴用戶需要怎樣操作才能看到相應(yīng)內(nèi)容，從而使應(yīng)用程序正常運行。

圖7 Azendoo的錯誤狀態(tài)有一個簡單的“如何解決問題”的說明

2、不要把用戶引向瀏覽器

用戶在使用應(yīng)用程序時，所有操作都應(yīng)該在該應(yīng)用程序中進行。如果應(yīng)用程序缺少某些功能和內(nèi)容，嘗試使用一些嵌入應(yīng)用的瀏覽器；但是不要調(diào)出手機的瀏覽器，這樣會導(dǎo)致用戶失去方向并無法返回原先的應(yīng)用程序。這會提高用戶拋棄應(yīng)用的概率從而轉(zhuǎn)化率會降低。

圖8 Facebook安卓版app里的“忘記密碼？”按鈕

3、不要在用戶下載應(yīng)用程序后立即要求評分

沒有人想要被打斷，尤其是當(dāng)一些沒用的東西出現(xiàn)在顯示重要內(nèi)容的中間位置時。避免打斷用戶，讓這些最近才下載app或者只用過寥寥幾次的用戶為你的應(yīng)用程序評分。相反，等到用戶被證明是多次使用者，他們將更有可能為您的應(yīng)用程序評分并提供更有價值的反饋。

圖9 在一開始啟動應(yīng)用就彈出評分要求是很糟糕的時機

你可以在用戶已經(jīng)使用該應(yīng)用程序一段時間并完成一定的任務(wù)目標(biāo)后發(fā)出評分請求。Dan Counsell在關(guān)于征求用戶反饋的正確時機上有一些值得關(guān)注的見解。這是他關(guān)于Clear（一個待辦事項應(yīng)用）的說法：“Clear在ios系統(tǒng)上的評分信息對話框是基于一定的條件才會彈出的。首先，用戶必須已使用該app幾個星期；其次，Clear只會在用戶已經(jīng)清掉列表上所有的提醒事項后才會出現(xiàn)評分請求。這是一個詢問用戶反饋的極好時機，因為此時他們剛剛清空了待辦事項列表，準(zhǔn)備退出應(yīng)用程序?！?

請求用戶反饋并沒有錯，但是請記住你要給用戶提供一個很棒的體驗。

結(jié)論

人們對于應(yīng)用程序有很高的期望，而且標(biāo)準(zhǔn)越來越高。因此，你需要努力去達到這些期望，并且使你的應(yīng)用程序更加令人愉悅，而不是令人厭煩。提高用戶體驗不是一次性的任務(wù)，它是一個持續(xù)性的工作。

翻譯：Fino

譯文地址：http://babich.biz/mobile-ux-design-what-not-to-do/

原文地址：Nick Babich, Mobile UX Design: What Not To Do.

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