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

【譯者注】本文是移動原型工具Proto.io的設(shè)計(jì)團(tuán)隊(duì)8月份在自家博客上發(fā)表的一篇“軟文”，通過與移動設(shè)計(jì)界大牛們的對話，幫助大家了解在進(jìn)行移動設(shè)計(jì)時應(yīng)該特別注意的禁忌，順便推了一下Proto這個工具。大家可以回顧一下自己團(tuán)隊(duì)的應(yīng)用正在觸犯哪些禁忌，想必會有點(diǎn)意思。讀完本文，相信你能找到優(yōu)化自家移動應(yīng)用設(shè)計(jì)的方向。

規(guī)則就是用來打破的？這完全取決于規(guī)則本身。在移動應(yīng)用界面設(shè)計(jì)（后續(xù)簡稱：移動設(shè)計(jì)）的世界里，大家對美學(xué)、手勢和動效的看法略有不同。有時一個簡單的功能性應(yīng)用比華麗的應(yīng)用帶來的效果更好，而有時候卻恰恰相反。

不過，有些基本規(guī)則是人們不愿意去打破的。如果你的移動設(shè)計(jì)使得用戶無法順利觸達(dá)關(guān)鍵功能，這顯然是行不通的。假使你的文字字號過小導(dǎo)致沒人能順利完成閱讀，那么你得回爐重做。淺色背景搭配白色文字？重來吧。

我們試圖了解優(yōu)秀的設(shè)計(jì)師們心目當(dāng)中移動設(shè)計(jì)的7宗罪是什么。經(jīng)過垂詢?nèi)M設(shè)計(jì)專家，我們得到了三個略有區(qū)別的結(jié)果，看看你是否能從其中找到一致的地方呢。

來自AKTA的意見
Alyssa Burke與Macy Nguyen是AKTA（一個數(shù)字體驗(yàn)咨詢公司）的設(shè)計(jì)師，倆人都曾為財富500強(qiáng)的公司以及迅速增長的創(chuàng)業(yè)公司效力，參與過原生移動設(shè)計(jì)項(xiàng)目，為某些機(jī)構(gòu)的項(xiàng)目貢獻(xiàn)設(shè)計(jì)輸出。以下是他們認(rèn)為無法接受的移動設(shè)計(jì)7宗罪：

1、忽略上下文情境。
目標(biāo)用戶的個人檔案（年齡、生活習(xí)慣、技術(shù)潛能等）與他們的物理環(huán)境（室內(nèi)室外，在線離線，早晨晚上等）會影響許多設(shè)計(jì)決策。移動設(shè)計(jì)師應(yīng)該在迭代流程中充分考慮上下文因素，以降低可用性不足的風(fēng)險。即使擁有平滑的過渡轉(zhuǎn)場、光滑的按鈕和美麗的字體，一些應(yīng)用也會因?yàn)檎w界面設(shè)計(jì)不符合特定用戶場景（深色界面用于戶外場景：糟糕的移動設(shè)計(jì)）而失去成名機(jī)會。

2、閉門造車。
設(shè)計(jì)和開發(fā)數(shù)字產(chǎn)品是一項(xiàng)需要團(tuán)隊(duì)協(xié)作的工作。即使有項(xiàng)目成員（開發(fā)、新人、極客、狂熱者、朋友、陌生人、你的哥們兒和設(shè)計(jì)師潮人）對具體項(xiàng)目內(nèi)容完全不了解，將設(shè)計(jì)工作及早并及時推廣到整個項(xiàng)目周期中的不同角色之間也是非常關(guān)鍵的。我們需要讓他們了解到必要的上下文信息，并持續(xù)保持相關(guān)信息互通。與其在發(fā)布后修復(fù)問題，不如在項(xiàng)目進(jìn)程早期預(yù)留調(diào)整空間。

3、怠慢開發(fā)人員
程序員和工程師（以及偶爾酗酒的碼農(nóng)）不僅是你的同伴，而且是技術(shù)先導(dǎo)。他們除了知道哪些能夠在現(xiàn)實(shí)中奏效之外，還能夠如你設(shè)想的那般確保你的想法得到完美落地。有些移動設(shè)計(jì)在技術(shù)上行不通，有些或許可行，但這些都需要很多努力或時間在項(xiàng)目中驗(yàn)證。如果不問你或許永遠(yuǎn)無法確定能否做到。在項(xiàng)目交付時，開發(fā)人員會把你的設(shè)計(jì)成果實(shí)現(xiàn)出來，此刻，他們可能很欣賞你，也可能很討厭你。

4、低估動效設(shè)計(jì)
隨著物聯(lián)網(wǎng)逐步成熟，數(shù)字界面在人們與周圍真實(shí)世界的互動中扮演了更重要的角色，界面設(shè)計(jì)的這一部分需要被設(shè)計(jì)師更加慎重的對待。人類擁有與生而來的本能，從所處環(huán)境的變化中得到不同的感知與反應(yīng)。使用合理的界面動效是一種呈現(xiàn)優(yōu)先級和重要內(nèi)容的有效方式。在某些情形下的恰當(dāng)運(yùn)用，甚至能夠引發(fā)用戶的愉悅。有興趣的讀者可以了解下迪斯尼動畫的12項(xiàng)基本法則。

5、字號太小
比起紙質(zhì)內(nèi)容，人們在手機(jī)屏幕上進(jìn)行閱讀的度和深入度略有不足。正如移動設(shè)計(jì)拇指觸控規(guī)則所定義，數(shù)字界面的字號最少應(yīng)該兩倍于印刷字號。不同情形適用不同的字體和設(shè)置，尤其當(dāng)用戶試圖在移動設(shè)備上完成多類任務(wù)時。為了避免字號太小，還需要優(yōu)先考慮按鈕形狀、圖片及交互等界面元素對整體體驗(yàn)有何影響。

6、忽略觸控目標(biāo)
許多移動設(shè)計(jì)師仍然對用戶手指大小不同的現(xiàn)狀缺乏重視。一旦涉及行動或者任務(wù)導(dǎo)向的觸控目標(biāo)，盡可能的使它簡單而且容易點(diǎn)擊。為老人設(shè)計(jì)時要考慮觸控時的抖動因素，同樣為兒童設(shè)計(jì)時需要考慮點(diǎn)擊的不準(zhǔn)確性。建議為圖形資源周圍增加留白區(qū)域，以便本質(zhì)上提升觸控面積，幫助提升完成任務(wù)的速度。

7、死摳平臺規(guī)范
在Android和iOS平臺上統(tǒng)一一套設(shè)計(jì)方案有一定局限性，也容易對全局體驗(yàn)?zāi)繕?biāo)帶來副作用。兩個平臺上有各自用戶熟悉的設(shè)計(jì)模式，設(shè)計(jì)師不應(yīng)該只熟悉規(guī)范，而應(yīng)該探索在兩個平臺上流行的應(yīng)用。

來自Moblico Solutions的意見
我們同Moblico Solutions（一家提供移動關(guān)系管理方案的企業(yè)，其目標(biāo)是協(xié)助品牌“打造更多有意義的移動瞬間”）的一些員工進(jìn)行了交流，他們不僅為諸多行業(yè)客戶提供了“如何讓他們的移動應(yīng)用體驗(yàn)更棒”的建議，而且掌握移動設(shè)計(jì)方面的竅門。以下是他們認(rèn)為移動設(shè)計(jì)的7大禁忌：

1、在用戶設(shè)備上占用過多容量只為了體現(xiàn)存在感
當(dāng)用戶收到“磁盤空間不夠”的提示時，會馬上遍歷手機(jī)上已經(jīng)安裝的應(yīng)用并開始選擇刪除的對象。如果一個移動應(yīng)用體積很大，占用了過多的容量卻并未提供等同的價值會怎么樣？后會有期，用戶肯定拿你開刀。記得保持應(yīng)用在體積上足夠輕量，這樣至少用戶不會輕易把你刪掉。

2、在應(yīng)用啟動時及要求允許權(quán)限控制（推送、地理位置、攝像頭等）
回想下，有多少次我們興沖沖的下載一個應(yīng)用并準(zhǔn)備開始使用時，一個對話框立馬跳出來掃了興？我不關(guān)心這個對話框描述什么內(nèi)容，只想馬上關(guān)掉它并繼續(xù)使用應(yīng)用功能。它是啥？好吧，菜鳥應(yīng)用！

3、下載后在使用前就要求登錄、注冊甚至收費(fèi)
實(shí)際上，這條或許應(yīng)該排為第一禁忌，很難讓人忍受。你能對用戶所做最糟糕的事情就是：在他們下載你的應(yīng)用后告訴他們必須付費(fèi)才能使用。爛，爛，爛，重要的事情說三遍，趕緊刪之。

4、設(shè)計(jì)的移動應(yīng)用界面看起來像網(wǎng)頁
如果這樣，還需要移動應(yīng)用干嘛呢？要說有一件事情可以毀掉一個移動開發(fā)者，那就是把網(wǎng)頁的體驗(yàn)縮小到移動端并且稱之為移動應(yīng)用。移動應(yīng)用應(yīng)該有其具體優(yōu)勢，只提供縮水的網(wǎng)頁體驗(yàn)遠(yuǎn)不能滿足用戶期望。

5、粗暴投放廣告，或者只提供極難點(diǎn)擊的廣告關(guān)閉按鈕
當(dāng)你在滾動瀏覽移動站點(diǎn)時，只是手指不小心長按了某張圖片就觸發(fā)了瀏覽器廣告，這難道不是讓人煩躁的事情？偏偏還提供極小的關(guān)閉按鈕，誰能點(diǎn)得到？想要點(diǎn)擊簡直跟賭博一樣。嘗試點(diǎn)擊關(guān)閉的時候還總是因?yàn)槭种赣|控面積較大誤觸了廣告，真是要了命！

6、消息推送過載
沒錯，現(xiàn)在你的應(yīng)用出現(xiàn)在數(shù)百萬人的手機(jī)屏幕上，它有巨大的影響力。不過，在推送之前請三思，捫心自問：推送是否與用戶相關(guān)？用戶是否真的需要它？當(dāng)然，你可以在你的移動店鋪每次上新時都推送一下，但真的至于么？影響力越大，責(zé)任也越大，慎重使用消息推送吧。

7、移動賬號缺乏單點(diǎn)登錄支持
當(dāng)移動開發(fā)者認(rèn)同并尊重用戶不愿意重復(fù)勞動的想法時，最好的體驗(yàn)才可能產(chǎn)生。沒人愿意為你的應(yīng)用重新登錄一次。我們得接受單點(diǎn)登錄的現(xiàn)行趨勢，F(xiàn)acebook在這點(diǎn)上非常成功，繼續(xù)加油吧。

來自Ideaware的意見
Andres Max是數(shù)字創(chuàng)新機(jī)構(gòu)Ideaware（致力于幫助創(chuàng)業(yè)團(tuán)隊(duì)和財富500強(qiáng)的公司打造有競爭力的移動應(yīng)用）的創(chuàng)始人。在創(chuàng)建Ideaware之前，Max是Mashable設(shè)計(jì)團(tuán)隊(duì)的 負(fù)責(zé)人。經(jīng)歷過為眾多行業(yè)巨頭設(shè)計(jì)移動產(chǎn)品之后，Max對移動設(shè)計(jì)7宗罪有自己深刻的見解：

1、用戶點(diǎn)擊后無反饋
看在上帝的份上，當(dāng)用戶在你的應(yīng)用中進(jìn)行點(diǎn)擊后請給予及時的反饋吧，否則用戶會以為你的應(yīng)用掛了，并且馬上退出。

2、無休止的引導(dǎo)
如果使用自己的手機(jī)，我只想快速完成相關(guān)任務(wù)。別問我各種問題或者讓我填寫亂七八糟的內(nèi)容。

3、觸控?zé)釁^(qū)尺寸不對
請停止把按鈕和輸入框做的太小，這不是網(wǎng)頁。我的手指需要輕松觸及行動按鈕，而不是要進(jìn)行到像素級的點(diǎn)擊。

4、使用古怪的導(dǎo)航模式
想讓用戶可以快速熟悉你的應(yīng)用？那就不要以自己獨(dú)特的方式來組織導(dǎo)航。Apple的人機(jī)交互規(guī)范和Google的設(shè)計(jì)指南就是最好的參照標(biāo)準(zhǔn)。導(dǎo)航設(shè)計(jì)方面別引入爭議，從而給潛在用戶一個卸載應(yīng)用的理由。

5、選取糟糕的配色色系
給眼睛一些休息的空間，你不必采用黃黑色文本那樣的出挑配色。

6、留白
移動應(yīng)用需要很多留白空間，把各種視覺元素進(jìn)行區(qū)分，按鈕得加大處理，所有一切都依靠留白來提供視覺緩沖。移動端首屏的概念沒有網(wǎng)頁那么夸張，所以切忌把所有東西都塞到首屏當(dāng)中。

7、無休止的推送
為了上帝，請不要每天推送20條消息給用戶了。用戶在收到幾條推送后，就會深深的感覺到想要卸載應(yīng)用的那股沖動。

你心目中的移動設(shè)計(jì)7宗罪是什么呢？
盡管不同設(shè)計(jì)師心目中的7宗罪不盡相同，我們依然可以看到不少相似點(diǎn)和共識。最重要的兩條是：1、除非確有必要，避免推送消息；2、通過使用符合習(xí)慣與直覺的導(dǎo)航，以及提供其當(dāng)尺寸的視覺元素，讓你的移動設(shè)計(jì)具備可用性。

我們還能想到的一條是：忽略數(shù)字原型。在原型設(shè)計(jì)階段能夠發(fā)現(xiàn)很多移動設(shè)計(jì)問題，以及讓它們更具可用性更加出色的寶貴反饋。這也是Proto.io為什么堅(jiān)持提供強(qiáng)大又易用的原型解決方案的原因。