1. 無增益設(shè)計

設(shè)計人員經(jīng)常會引入一些特性，這些特性會使開發(fā)過程變得復(fù)雜，而不會給應(yīng)用程序帶來額外的價值。關(guān)注業(yè)務(wù)目標(biāo)、項目范圍、時間軸和產(chǎn)品開發(fā)方式，這些都是設(shè)計要優(yōu)先考慮的重要因素。

例如，如果我們?yōu)橛脩粼O(shè)計了一個上傳個人資料圖片的選項，但我們還添加了裁剪、縮放和旋轉(zhuǎn)圖片的功能，那么這將使設(shè)計復(fù)雜化。

在設(shè)計中添加一個“旋轉(zhuǎn)”或“裁剪”按鈕是很容易的，但是在開發(fā)中實現(xiàn)會比較困難。安全的做法是避免添加特性，除非它們對應(yīng)用程序至關(guān)重要。始終將業(yè)務(wù)和用戶目標(biāo)放在設(shè)計過程的前沿。

2. 沒有做好交接的準(zhǔn)備

當(dāng)我們在設(shè)計一個產(chǎn)品或體驗時，我們應(yīng)該考慮誰將會使用到我們的作品。無論我們的設(shè)計是交給開發(fā)人員還是其他設(shè)計師，每件事都必須有組織并適當(dāng)?shù)赜涗洝?/p>

設(shè)計文件應(yīng)該有畫板的命名，并且有序布局。

我們應(yīng)該有一個有組織的設(shè)計文件，其中包含所有SVG格式的圖標(biāo)，以及設(shè)計中使用的所有圖像的高質(zhì)量版本。

當(dāng)我把工作交給開發(fā)人員時，Zeplin是我的首選。Zeplin可以使開發(fā)人員輕松獲取代碼片段、尺寸、間距、字體大小、SVG等等。

當(dāng)然，要實現(xiàn)完美移交，還有很多事情要做。如果你想了解更多，請閱讀《如何將設(shè)計移交給開發(fā)人員》的文章。

3.忽略用戶的使用環(huán)境

與界面進行交互時，有多種因素會影響用戶的行為。考慮用戶在使用時所處的位置，他們有多少時間以及他們當(dāng)時的情緒狀態(tài)。

睡眠周期應(yīng)用程序就是一個很好的例子。該應(yīng)用程序設(shè)計成令人放松的深色顯示屏，使您的眼睛輕松自如，非常適合在睡覺前打開應(yīng)用設(shè)置鬧鐘的這個使用場景。

這些好與不好的例子到處都能看到。導(dǎo)航應(yīng)用一般只需很少的閱讀或觸摸操作，Kindle在戶外閱讀時不會刺眼，筆記應(yīng)用可離線使用，等等。

確保我們的界面和用戶體驗適合用戶使用環(huán)境的最佳方法，就是盡可能的在用戶使用它的環(huán)境中對其進行測試，并收集用戶反饋。

Shopify上有一篇很棒的文章，關(guān)于考慮用戶使用環(huán)境的設(shè)計，推薦給有興趣深入研究此主題的朋友。

4.追求高保真

在驗證我們的想法或完全理解我們要解決的問題之前直奔像素是很容易犯的錯誤。

這不一定是錯誤的方法，但如果設(shè)計不可行，通常會浪費太多時間。

將想法匯聚在一起并感受設(shè)計的布局和層次結(jié)構(gòu)時，使用諸如Whimsical之類的工具進行線框繪制可以更快，也更輕量。

當(dāng)它只是線框時，設(shè)計師很難“愛上”自己的設(shè)計，因此我們可以更輕松地接受批評和反饋。

5.忽略無障礙性

設(shè)計一個產(chǎn)品類似于建造一個公共建筑，比如圖書館或?qū)W?！枰菟腥恕＿@包括盲人、色盲和視力受損的用戶。

Domino曾經(jīng)被一個盲人告上了法庭，因為盲人無法訪問他們的網(wǎng)站。

我們常常試圖設(shè)計出更好看的東西，卻忽略了我們的產(chǎn)品需要與不同的用戶進行互動。

作為一名成熟的設(shè)計師，我已經(jīng)接受了各種各樣的限制，這些限制會破壞我的完美設(shè)計理念。ADA合規(guī)性就是這樣的約束之一。

將文本縮小到8px，因為它更適合我們的水平空間，或者使用淺灰色，因為它看起來不錯，但是這對

視力受損的訪問者是很不友好的。

如果你設(shè)計的初衷只是想要在站酷、Dribbble這些平臺上獲得更多的點贊或關(guān)注，可以不考慮無障礙性，但當(dāng)為真正的人開發(fā)產(chǎn)品時，這不是一個好的做法。

Web內(nèi)容可訪問性指南(WCAG)要求至少4.5:1的對比。還有針對運動、聽覺和認(rèn)知障礙的指南。

確認(rèn)你的設(shè)計是否符合這些標(biāo)準(zhǔn)，可以下載

Stark來檢查你的設(shè)計是否做到無障礙可訪問。

6. 抄襲或盲目追隨設(shè)計潮流

“潮流對設(shè)計師來說就像垃圾食品。盲目跟風(fēng)會讓你的設(shè)計方案很廉價，也許最初可能會帶來一些回報，但從長遠來看卻沒有什么價值。盲目追隨潮流的設(shè)計師很快就落伍了。遵循別人的設(shè)計路線的能得到什么?可能只有空虛感了吧。

你有沒有發(fā)現(xiàn)，當(dāng)你在瀏覽Dribbble的時候，往往被Dribbble中設(shè)計精美的所有的動畫和漸變所吸引，然后很快就忘記了我們的設(shè)計目標(biāo)。

更重要的一點是，對于設(shè)計可行性而言，Dribbble上面很多的作品是無法應(yīng)用到實際的項目當(dāng)中的，其中就包括我們第5點提到的【無障礙性】，因為它不會考慮到有運動、聽覺和認(rèn)知障礙這部分人群的使用。

7、無視設(shè)計慣例和設(shè)計語言

“一旦打破了慣例，用戶的大腦就會花更多的時間來處理新內(nèi)容。設(shè)計師既要考慮到人類認(rèn)知的局限性，又要考慮到工作記憶有限的現(xiàn)實。

當(dāng)用戶已經(jīng)養(yǎng)成某種習(xí)慣或者體驗。如果我們的網(wǎng)站、應(yīng)用程序或軟件的功能與用戶已經(jīng)習(xí)慣的做出很大不同的改版，那么用戶可能會對不熟悉的體驗感到沮喪。

舉個例子。一提到像“搜索”、“主頁”或“收藏”這樣的圖標(biāo)，相信你們腦子里面已經(jīng)有它的模樣了，如果我們打破常規(guī)，重新設(shè)計并賦予他們新的形狀，無疑是冒著破壞用戶體驗的風(fēng)險，并給試圖使用我們的軟件的用戶帶來很大麻煩和困擾。

8、過于關(guān)注視覺表現(xiàn)，忽略底層邏輯

沒有一個設(shè)計師會喜歡自己的設(shè)計被“破壞”。

"破壞"指的是用戶輸入的數(shù)據(jù)破壞了界面的布局或美學(xué)吸引力。對于設(shè)計師來說，這樣是很蛋疼的，但對于設(shè)計靈活、可伸縮和用戶友好的產(chǎn)品來說，這是一個至關(guān)重要的組成部分。

當(dāng)我們設(shè)計一個界面，如果用戶的名稱都是三個字的，它可能看起來不錯，但是當(dāng)它改成【休伯特·布萊恩·沃爾夫-施萊格爾-施泰因-豪斯登-伯格-多夫】時，會發(fā)生什么呢?

所以在測試設(shè)計時，除了要考慮視覺的美感，還要確保界面能夠適應(yīng)各種各樣的不同需求和場景。

9、頁面內(nèi)容缺少【狀態(tài)】的變化

在實際的設(shè)計開發(fā)的時候，UI 控件的不同狀態(tài)代表著不同的含義和指向，缺少了任何一個，在體驗?zāi)酥劣诠δ苌蠒詈芏?，這個時候可能會有開發(fā)者來補充，但是通常這樣的補充，會讓設(shè)計缺乏統(tǒng)一性，給后面帶來更多的問題。

以按鈕為例，我們必須兼顧到不同狀態(tài)，比如錯誤、激活、禁用、懸停、空狀態(tài)、填充狀態(tài)、加載狀態(tài)等等。

當(dāng)我在設(shè)計一個愿望清單應(yīng)用的時候，我需要優(yōu)先考慮用戶尚未填寫任何內(nèi)容時候的空狀態(tài)，如果沒有這個，整個體驗會差很遠。

10、重新設(shè)計原生的 UI 組件

通過原本的平臺已有的組件，UI設(shè)計師可以快速創(chuàng)造出對用戶而言熟悉的體驗，并且避免輸入出錯。

無論我們是多么優(yōu)秀的設(shè)計師，都很難完全從零開始設(shè)計一個 iOS 平臺的日期選擇器。哪怕你設(shè)計出了一個客觀上更加優(yōu)秀的日期選擇器，一方面用戶需要重新學(xué)習(xí)新的組件的使用，另一方面則是你是否要為這個全新的設(shè)計匹配更多的東西，以及開發(fā)者這邊的工作到底會膨脹多少，都是未知的。

而善用原有的原生 UI 組件能夠省去太多的麻煩，幫整個團隊節(jié)省時間和精力，并且減少用戶在體驗上的耗費。