我們?yōu)槭裁窗惭bapp案疲？是為了生活更便利。但是當(dāng)一個(gè)app無(wú)法滿足用戶的需求時(shí)西采，用戶就會(huì)離開(kāi)罐呼。app的成功由一系列因素組成鞠柄，但是用戶體驗(yàn)（User Experience）是最重要的因素之一。好的用戶體驗(yàn)是區(qū)分成功app和不成功app的標(biāo)準(zhǔn)嫉柴。

當(dāng)提到移動(dòng)端用戶體驗(yàn)的設(shè)計(jì)時(shí)厌杜，堅(jiān)持不斷練習(xí)就是最基本的方法。這篇文章我們主要關(guān)注那些最基礎(chǔ)最簡(jiǎn)單的方面计螺，避免打斷用戶期奔，或迫使用戶思考。

1. 多平臺(tái)用戶交互設(shè)計(jì)

使你的app用戶體驗(yàn)出色的一個(gè)很重要的因素就是app的交互（User Interface）危尿，大多數(shù)開(kāi)發(fā)者會(huì)把他們的app分發(fā)到多個(gè)平臺(tái)上呐萌。既然有這樣的計(jì)劃，就要清楚每個(gè)平臺(tái)都有自己的約定和標(biāo)準(zhǔn)谊娇。設(shè)計(jì)方案使你的app在每個(gè)平臺(tái)上都符合其設(shè)計(jì)標(biāo)準(zhǔn)肺孤。

1）不要模擬其他平臺(tái)的UI元素和字體

當(dāng)你開(kāi)發(fā)Android/iOS版時(shí)罗晕，不要混淆他們的UI元素和操作。因?yàn)槿绻惆堰@些元素從一個(gè)平臺(tái)沿用到另一個(gè)平臺(tái)上赠堵，你就是冒著降低用戶體驗(yàn)的風(fēng)險(xiǎn)小渊。

輸入框（Input field），多選框（check box）茫叭，開(kāi)關(guān)（switch）和其他組件應(yīng)該有原生的感覺(jué)酬屉。你應(yīng)該盡可能使用原生組件，這樣用戶就知道如何使用揍愁，并且在情感上信任你的app呐萨，例如下面的Android和iOS的對(duì)比。

Android（上）和iOS（下）的UI元素

和Android的原生設(shè)計(jì)（Material Design）相比莽囤，iOS的app設(shè)計(jì)更扁平化谬擦，沒(méi)有深度或陰影的設(shè)計(jì)，iOS也有純文本樣式的按鈕朽缎，但不像Android的全大寫風(fēng)格惨远，而且字號(hào)更小。

Android的Material Design（左）和iOS（右）

字體也需要符合每個(gè)平臺(tái)的標(biāo)準(zhǔn)话肖，Android的字體是Roboto北秽，而iOS的字體是San Francisco系列。

通過(guò)字體能立刻區(qū)分出Android還是iOS

如果你想定制化你的app中的UI元素最筒，請(qǐng)根據(jù)你的品牌精心定制羡儿，而不是根據(jù)另一個(gè)平臺(tái)。

2）不要混淆平臺(tái)的專屬圖標(biāo)

平臺(tái)通常為常用功能提供固定的圖標(biāo)是钥，例如，分享缅叠，新建文檔悄泥，刪除。如果你想將你的app遷移至另一個(gè)平臺(tái)肤粱， 你應(yīng)該用平臺(tái)專屬圖標(biāo)做對(duì)應(yīng)的替換弹囚。

你也應(yīng)該注意每個(gè)平臺(tái)固定的設(shè)計(jì)風(fēng)格：Android的系統(tǒng)圖標(biāo)是實(shí)心，而iOS的更多是線型圖標(biāo)领曼，下面是幾個(gè)圖標(biāo)的范例：

Android（上）和iOS（下）的常用功能的圖標(biāo)

3）不要將網(wǎng)頁(yè)端的經(jīng)驗(yàn)復(fù)用到app上

用戶使用app時(shí)期待固定的交互模式的交互元素鸥鹉。將網(wǎng)頁(yè)端的設(shè)計(jì)用于app上就會(huì)感覺(jué)很奇怪，不僅僅因?yàn)槟鞘遣槐匾氖荆夷且膊皇怯脩羝谕吹降幕偕Ｅe個(gè)例子：下劃線鏈接。你應(yīng)該避免在app中的文本上使用瀏覽器模式下的下劃線鏈接（app使用按鈕单刁，而不是下劃線）灸异。

下面是一個(gè)TD銀行在iOS上的app的例子，給人的感覺(jué)絕對(duì)是移動(dòng)瀏覽器而不是app。他們只是簡(jiǎn)單的把網(wǎng)頁(yè)代碼復(fù)制到app中：鏈接是下劃線樣式的肺樟，甚至還有網(wǎng)頁(yè)端的版權(quán)聲明檐春。

TD銀行缺少app的專屬設(shè)計(jì)

2. 用戶流（User Flow）

4） 你的app里不應(yīng)該出現(xiàn)死路（Dead-end）

用戶體驗(yàn)設(shè)計(jì)就是設(shè)計(jì)流，而流大多數(shù)情況下是只想一個(gè)目標(biāo)的么伯。你應(yīng)該避免在你的app中出現(xiàn)死路疟暖，因?yàn)樗缆窌?huì)給用戶造成困惑，同時(shí)引發(fā)多余的不必要的動(dòng)作田柔。有時(shí)設(shè)計(jì)者將報(bào)錯(cuò)信息和空白頁(yè)看成空白畫布俐巴，但實(shí)際上那是做一些對(duì)用戶有用的提示的好機(jī)會(huì)】ǎ看看Spotify的報(bào)錯(cuò)頁(yè)：

死路的空白頁(yè)

沒(méi)有任何幫助用戶理解的信息窜骄，也沒(méi)法回答用戶的疑問(wèn)：“我該怎么辦？”

空白頁(yè)（尤其是報(bào)錯(cuò)狀態(tài)）不應(yīng)該是死路摆屯，相反它應(yīng)該準(zhǔn)確的告訴用戶應(yīng)該如何做才能出現(xiàn)繼續(xù)正常使用app邻遏。

Azendoo的報(bào)錯(cuò)頁(yè)有簡(jiǎn)單的“如何解決這個(gè)問(wèn)題”的信息

5）不要把用戶帶到瀏覽器去

始終把用戶留在app里。如果你的app缺少某個(gè)功能或信息虐骑，嘗試使用app內(nèi)瀏覽器准验，而不是喚起手機(jī)原生瀏覽器，否則你會(huì)打斷用戶的連續(xù)操作而無(wú)法回到app中廷没，這樣會(huì)提高跳出率糊饱。

Facebook的Android版中的“忘記密碼？”按鈕

6）不要在用戶剛剛下載app后就評(píng)分

沒(méi)有人想被打斷颠黎，更何況是在做重要的事情過(guò)程中另锋。如果用戶剛剛下載app或只用了一小會(huì)，不要提醒他去評(píng)分而因此打斷他的操作狭归。相反夭坪，等到他們證明他們是回頭客時(shí)，他們更想要給你的app評(píng)分过椎，并且提供更多有價(jià)值的反饋室梅。

在初始化時(shí)提醒評(píng)分是最壞的時(shí)機(jī)

你可以判斷用戶打開(kāi)app一定次數(shù)后或者完成某個(gè)操作后要求評(píng)分。Dan Counsell在要求反饋的時(shí)機(jī)方面有很好的見(jiàn)解疚宇，這是他對(duì)Clear亡鼠，一個(gè)待辦事項(xiàng)app的評(píng)價(jià)：“Clear的iOS版在一些條件滿足后會(huì)彈出‘評(píng)價(jià)app’的提示框。首先用戶已經(jīng)使用了幾周的時(shí)間敷待，其次Clear只在用戶從一個(gè)清單中清空了任務(wù)時(shí)詢問(wèn)间涵。這是一個(gè)很好的時(shí)間點(diǎn)：用戶在清空他的待辦事項(xiàng)時(shí)感覺(jué)很棒，而且這個(gè)時(shí)候大多數(shù)情況用戶正準(zhǔn)備離開(kāi)app榜揖』牒瘢”

選擇絕佳的時(shí)間點(diǎn)股耽，在一個(gè)積極正面的交互之后是最佳的

要求用戶評(píng)分沒(méi)有錯(cuò)，但是記住你需要給用戶一個(gè)好的體驗(yàn)钳幅。

3. 總結(jié)

如今用戶希望從app中得到很多物蝙，標(biāo)準(zhǔn)也在不斷提高。你應(yīng)該努力滿足這些期望敢艰，使你的app給人愉悅而不是煩惱诬乞。提高用戶體驗(yàn)不是一次性工作，這是個(gè)持久的工作钠导。

謝謝震嫉！

原文地址（需翻墻查看）：https://uxplanet.org/mobile-ux-design-what-not-to-do-65f65b13a0b9#.40dofllki