我們手機(jī)里面裝滿了各種各樣的APP。安裝這些應(yīng)用，我們的初衷是讓我們的生活更加便捷。但是當(dāng)這些應(yīng)用無法滿足用戶的需求的時(shí)候，用戶自然而然會(huì)離開，并尋求更好的解決方案。一個(gè)成功的應(yīng)用包含有諸多元素，而其中的用戶體驗(yàn)設(shè)計(jì)則起到了決定性的作用。在殘酷的競(jìng)爭(zhēng)中，用戶體驗(yàn)往往是決定成敗的核心。

面對(duì)移動(dòng)端設(shè)備，只有實(shí)踐才能夠檢驗(yàn)一個(gè)應(yīng)用的用戶體驗(yàn)好壞。今天的文章，我們將專注于移動(dòng)端用戶體驗(yàn)設(shè)計(jì)中，應(yīng)當(dāng)規(guī)避的誤區(qū)，這些信息并不高深，這些常見的錯(cuò)誤是經(jīng)過無數(shù)實(shí)踐得出的經(jīng)驗(yàn)。

不要為多平臺(tái)設(shè)計(jì)一套界面

一個(gè)APP能夠讓人記住，很大程度上是因?yàn)樗腢I在某些方面有著突出的設(shè)計(jì)。絕大多數(shù)的開發(fā)者希望他們的應(yīng)用能夠在多個(gè)不同的平臺(tái)上發(fā)布，但是不同平臺(tái)有著不一樣的規(guī)范，貼合 iOS 的設(shè)計(jì)決策和方案放在Android 平臺(tái)上可能導(dǎo)致完全不一樣的結(jié)果。

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

當(dāng)你為 Android/iOS 平臺(tái)設(shè)計(jì)應(yīng)用的時(shí)候，不要沿用其他平臺(tái)的主題和UI元素，更不要模仿特定平臺(tái)的操作方式。許多元素在A平臺(tái)適用，在B平臺(tái)上則可能會(huì)毀掉整個(gè)用戶體驗(yàn)。

輸入字段、復(fù)選框、開關(guān)按鈕以及其他功能性組件尤其是如此，應(yīng)當(dāng)盡量貼合本平臺(tái)的特征。使用原有平臺(tái)的元素可以讓用戶更清楚如何使用，并且讓用戶對(duì)于你的應(yīng)用中的內(nèi)容與信息更加信任。在下面的案例中，你可以看到Android 和iOS平臺(tái)中相同功能控件的差異：

雖然同樣是扁平化的設(shè)計(jì)，但是Material Design 和iOS 的界面元素的設(shè)計(jì)有著明顯的差異，iOS中擁有純文本樣式的按鈕，字體風(fēng)格有著明顯的差別，Android 平臺(tái)中按鈕內(nèi)容更多的使用的是大寫字母，并且Android平臺(tái)中的字體相對(duì)更纖細(xì)。

字體的使用同樣要遵循兩個(gè)平臺(tái)的特征：Android 平臺(tái)用的是Roboto 字體，而iOS平臺(tái)目前使用的是新的 San Francisco 字體（中文字體為蘋方）。

不同的字體能讓你很快分辨出兩大平臺(tái)

如果你想為你的APP定制UI元素，那么你應(yīng)當(dāng)根據(jù)你的品牌仔細(xì)定制，而不是基于平臺(tái)的規(guī)范來設(shè)計(jì)。

不要忘了匹配平臺(tái)的圖標(biāo)

通常特定的平臺(tái)會(huì)提供成套的圖標(biāo)，其中會(huì)包含常用的功能圖標(biāo)，比如新建、分享、保存和刪除等，當(dāng)你的移動(dòng)端應(yīng)用前一到另外一個(gè)平臺(tái)的時(shí)候，不要復(fù)用上一個(gè)平臺(tái)的圖標(biāo)，而應(yīng)當(dāng)替換為當(dāng)前平臺(tái)的圖標(biāo)。

與此同時(shí)，你也應(yīng)當(dāng)注意不同平臺(tái)上圖標(biāo)的特征：Android 平臺(tái)的圖標(biāo)中使用的線條筆觸比較厚重，而iOS線條則更接近流行的線性圖標(biāo)的設(shè)計(jì)，線條纖細(xì)。下面是一些圖標(biāo)設(shè)計(jì)上的對(duì)比：

不要從APP跳轉(zhuǎn)到網(wǎng)頁

用戶對(duì)于移動(dòng)端的APP的交互模式和界面元素是有一個(gè)基本的概念和預(yù)期的，同時(shí)他們對(duì)于網(wǎng)頁端的界面也是同樣熟悉的。當(dāng)網(wǎng)頁上的瀏覽體驗(yàn)出現(xiàn)在 APP當(dāng)中的時(shí)候，情況就相當(dāng)尷尬了——用戶會(huì)感受到這種差異，實(shí)際的體驗(yàn)和他們的預(yù)期有著明顯的區(qū)別。舉個(gè)簡(jiǎn)單的例子，帶有下劃線的鏈接就是個(gè)典型，它 明顯是“瀏覽器界面”中常見的一種元素，在APP中，通常使用的是按鈕而非文本鏈接。

下面的案例是來自TB Bank的iOS APP的界面，這個(gè)界面怎么看都是一個(gè)網(wǎng)頁端的登錄界面。實(shí)際上他們真的是將網(wǎng)頁端的登錄界面的代碼整個(gè)嵌入到APP當(dāng)中來。顯眼無比的下劃線文本鏈接也就算了，連同版權(quán)信息也一起復(fù)制過來了，簡(jiǎn)直不能忍。

APP應(yīng)當(dāng)始終給用戶留個(gè)出口

用戶體驗(yàn)設(shè)計(jì)很大程度上是與流程相關(guān)的，而流程在絕大多少情況下是幫用戶推進(jìn)進(jìn)度、完成目標(biāo)的。所以，你應(yīng)當(dāng)避免讓你的流程陷入死胡同，這樣會(huì)讓用戶感到混亂和迷惑，并且產(chǎn)生額外的、不必要的操作。

有時(shí)候設(shè)計(jì)師會(huì)將錯(cuò)誤信息和空狀態(tài)設(shè)計(jì)成為空白，但實(shí)際上這是個(gè)很好的機(jī)會(huì)為用戶做一些更有用的事情，以Spotify 的報(bào)錯(cuò)界面為例：

這無疑就是一個(gè)沒啥用處的空狀態(tài)，它并沒有告訴用戶能干什么，也沒有告訴用戶到底發(fā)生了什么。

空狀態(tài)，尤其是報(bào)錯(cuò)狀態(tài)，不應(yīng)該是“死胡同”，作為UX設(shè)計(jì)師的你應(yīng)該通過界面告知用戶他們應(yīng)該采取怎樣的行動(dòng)，才能讓應(yīng)用按照他們的預(yù)期一樣運(yùn)作。

Azendoo 就在報(bào)錯(cuò)界面中告知用戶如何解決問題

不要將用戶導(dǎo)向?yàn)g覽器

讓用戶一直在APP中操作吧。如果你的應(yīng)用真的缺少某個(gè)特定的功能，不妨使用應(yīng)用內(nèi)瀏覽器來加載頁面，而非跳轉(zhuǎn)打開瀏覽器。在絕大多數(shù)的情況下，這樣的設(shè)計(jì)會(huì)出乎用戶的意料，失去控制，甚至難以回到APP，增加了意外也減少了可控度。

不要讓用戶一下載APP就評(píng)分

當(dāng)你正在使用應(yīng)用的時(shí)候，整個(gè)體驗(yàn)被打斷的感覺真的非常令人難受。用戶下載了應(yīng)用之后，可能在一段時(shí)間之內(nèi)僅僅只使用了幾次，好用不好用還沒體會(huì)出 來，這個(gè)時(shí)候突然讓他給APP評(píng)分，這種被打斷的體驗(yàn)可能會(huì)帶來不好的評(píng)分。相反，當(dāng)用戶使用APP足夠久了之后，這些重度用戶可能會(huì)給予應(yīng)用更為可靠的 評(píng)分和反饋。

你可以在用戶進(jìn)行了特定數(shù)量的操作，或者完成了特定的目標(biāo)之后，觸發(fā)請(qǐng)求用戶評(píng)分的操作。對(duì)于請(qǐng)求用戶反饋這件事情，Dan Counsell 的看法非常值得借鑒。談及 iOS 平臺(tái)的 Todo 類應(yīng)用 Clear，他是這么說的：“iOS 版 Clear 的評(píng)分界面是在用戶碰到過一系列狀況之后才會(huì)出現(xiàn)的。首先，用戶需要使用應(yīng)用幾周時(shí)間，然后，用戶需要將待辦事項(xiàng)列表中的所有條目完成之后才行，這對(duì)于一 個(gè)待辦事項(xiàng)類的應(yīng)用和用戶而言，都是一個(gè)重要的時(shí)刻，用戶會(huì)因?yàn)榍蹇樟斜矶@得成就感，絕大多數(shù)情況下，他們正因?yàn)橥瓿扇蝿?wù)而準(zhǔn)備離開APP，這個(gè)時(shí)機(jī)非 常好。”

向用戶申請(qǐng)獲得反饋和評(píng)分本身并不是一件壞事，但是請(qǐng)務(wù)必確保整體體驗(yàn)良好。

結(jié)語

如今的用戶對(duì)于APP的使用越來越多，了解也越來越深，相應(yīng)的，用戶對(duì)于APP的期望也更高，更具體。想要打造令人愉悅的APP，帶來讓人舒適而煩惱的體驗(yàn)，這才是是用戶體驗(yàn)設(shè)計(jì)師應(yīng)該做的事情。

譯文來自：優(yōu)設(shè)

原文地址：uxplanet

原文作者：Nick Babich

譯者：@陳子木