每個設(shè)計(jì)方案當(dāng)中都包含著大大小小各種設(shè)計(jì)決策。

這個app的主界面應(yīng)該以怎樣的形式呈現(xiàn)？用戶怎樣在功能之間進(jìn)行導(dǎo)航？導(dǎo)航欄應(yīng)該用怎樣的底色？

好的設(shè)計(jì)師應(yīng)該有能力對這些決策進(jìn)行詮釋。沒什么是信手拈來的，明確的設(shè)計(jì)意圖是工作產(chǎn)出的重要組成部分。

“主界面就是一個消息列表，因?yàn)橛脩暨M(jìn)入app的首要目標(biāo)就是要看到這些消息。”

“我們的app當(dāng)中有4個主要的功能界面，所以通過底部tab欄進(jìn)行導(dǎo)航可以幫助用戶一目了然的發(fā)現(xiàn)功能并快速進(jìn)入。”

“我們不希望頂部的導(dǎo)航欄過于搶眼，所以使用白色作為底色。”

關(guān)于設(shè)計(jì)決策的理由，無論你提怎樣的問題，好的設(shè)計(jì)師都應(yīng)該有能力讓你得到明確的答復(fù)。

這種詮釋本身沒有問題，但也只能局限在枝節(jié)末端，不具備擴(kuò)展性。無論與他人進(jìn)行溝通，還是自己思考設(shè)計(jì)方案，試圖站在這個層面來探索產(chǎn)品設(shè)計(jì)問題，較終只會讓人迷失方向，精疲力竭。

好的設(shè)計(jì)師與良好的設(shè)計(jì)師之間的一個重要區(qū)別在于，后者懂得從“為什么”這個角度開始思考和交流。她會首先站在產(chǎn)品整體的層面將產(chǎn)品目標(biāo)及其對應(yīng)的較核心的設(shè)計(jì)原則思考清楚并展示出來。當(dāng)你了解了這些核心原則，那么所有表現(xiàn)層面的細(xì)節(jié)問題就都是不言自明的了。

坦誠的講，我個人曾經(jīng)嚴(yán)重懷疑“設(shè)計(jì)之前明確一系列設(shè)計(jì)原則”這類理論化的方式。一見到有人在實(shí)際設(shè)計(jì)之前試圖以這種思路去做一些列表或演示文檔，我就會嗤之以鼻。那時我只想立刻進(jìn)入設(shè)計(jì)狀態(tài)去做些更“實(shí)際”的事情。

因?yàn)槲覐那安⒉徽J(rèn)為這種文字性質(zhì)的東西能有多大用處。而實(shí)際上，要將特定產(chǎn)品項(xiàng)目的設(shè)計(jì)原則思考清楚并呈現(xiàn)給自己和他人，這不是一件容易的事，更不是沒有意義的事。

設(shè)想下面這樣所謂的設(shè)計(jì)原則清單：

• 我們的設(shè)計(jì)應(yīng)該是簡潔的。
• 我們的設(shè)計(jì)對用戶來說應(yīng)該是具有自解釋性的。
• 我們的設(shè)計(jì)看上去應(yīng)該讓人感到愉悅。

說的好像有誰愿意把產(chǎn)品做的復(fù)雜不堪，需要用戶閱讀說明文檔才能操作，而且界面看上去還很傷眼一樣。諸如此類的“原則”過于寬泛和淺顯，確實(shí)無法對實(shí)際當(dāng)中的設(shè)計(jì)決策產(chǎn)生正面影響。

1. 而真正有價值的設(shè)計(jì)原則應(yīng)該做到以下幾點(diǎn)：
2. 可以解決實(shí)際當(dāng)中的具體的設(shè)計(jì)問題。
3. 具有整體性和擴(kuò)展性，不僅可以解決當(dāng)前的問題，而且對未來可能出現(xiàn)的問題同樣起到指導(dǎo)作用。
4. 能夠回答人們關(guān)于“為什么”的問題，無論整體還是細(xì)節(jié)層面，無論對方是否是設(shè)計(jì)師。
5. 具有明確的設(shè)計(jì)觀點(diǎn)和優(yōu)先性分析。
6. 通常配有范例圖示來演示這些原則是怎樣運(yùn)用到具體決策當(dāng)中的。

仍然覺得有些抽象，想看一些良好設(shè)計(jì)原則的實(shí)例？Apple的Human Interface Guidelines和Google的Material Design Guidelines就是較現(xiàn)成的例子，它們都非常清晰的體現(xiàn)出了各自平臺背后的設(shè)計(jì)邏輯。不僅如此，它們同時還讓我們實(shí)際看到了良好的設(shè)計(jì)原則對于產(chǎn)品設(shè)計(jì)的影響有著多么深遠(yuǎn)的影響作用。我們可以設(shè)想Apple和Google想要達(dá)到的根本目的在于確保第三方產(chǎn)品的設(shè)計(jì)者們帶來符合平臺用戶使用習(xí)慣的良好產(chǎn)品，那么他們可能有兩條路可走。一是讓自己的設(shè)計(jì)團(tuán)隊(duì)與第三方設(shè)計(jì)者們進(jìn)行接洽溝通，從項(xiàng)目的具體問題入手，直接給出設(shè)計(jì)意見反饋。這就像讓兩個設(shè)計(jì)師交流具體的界面設(shè)計(jì)決策 – 不是兩三個問題而是有成百上千個問題有待溝通解決。即便Apple和Google這樣的公司怕是也無法維持這種“看門人”模式。

而第二條路就是，與其手把手去就各種具體問題進(jìn)行交流和協(xié)作，不如提供一套原則協(xié)約，清晰的展示出平臺特征及產(chǎn)品設(shè)計(jì)在體驗(yàn)上需要達(dá)成的理想標(biāo)準(zhǔn)，讓廣大第三方產(chǎn)品設(shè)計(jì)者都可以理解并實(shí)際運(yùn)用到產(chǎn)品當(dāng)中。提供一套核心的設(shè)計(jì)原則框架，這種方式較具持續(xù)性和擴(kuò)展性。

所以，下一次，在陳述自己的設(shè)計(jì)意圖時，或是更理想的狀況 – 在你自己坐下來準(zhǔn)備動手實(shí)際設(shè)計(jì)些什么之前，花些時間從產(chǎn)品整體層面多想想“為什么”，定義一下對應(yīng)著這些“為什么”所應(yīng)遵循的核心設(shè)計(jì)原則。針對本開開篇時的設(shè)計(jì)案例，可以嘗試這這樣描述設(shè)計(jì)原則：

“我們相信，這款產(chǎn)品較重要的意義在于使人們的聯(lián)絡(luò)行為變得很其快速和輕量化。

為了達(dá)成這一目標(biāo)，我們決定采用一些為人們所熟知的設(shè)計(jì)模式，使他們不必多花時間和精力去學(xué)習(xí)操作方法 – 包括標(biāo)準(zhǔn)的信息列表、底部tab欄等等。同時，我們不希望用戶在任務(wù)過程中被界面當(dāng)中加粗字體或無意義的動效等元素所干擾。對于多數(shù)用戶在多數(shù)情況下會用到的聯(lián)絡(luò)功能，我們必須使其直觀的呈現(xiàn)出來，并確保用戶通過一兩次點(diǎn)擊就可以完成目標(biāo)任務(wù)。”

好的設(shè)計(jì)原則是產(chǎn)品設(shè)計(jì)的堅(jiān)實(shí)基礎(chǔ)，它應(yīng)當(dāng)體現(xiàn)出重要而清晰的設(shè)計(jì)意圖，既可以描述產(chǎn)品整體層面的設(shè)計(jì)目標(biāo)，也可以對具體問題的決策進(jìn)行支持。相對來說，“好看”和“好用”都只是表現(xiàn)層面的概念，真正良好的設(shè)計(jì)師會從較底層的核心原則出發(fā)進(jìn)行思考 – 這些核心原則可以在局部當(dāng)中支持一兩個決策，也可以在全局層面支持成百上千個決策，“以不變應(yīng)萬變”就是這個意思了。