關(guān)于設(shè)計原則的思考

作者： 點(diǎn)擊量： 2015-10-26 10:44:15

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



       這個app的主界面應(yīng)該以怎樣的形式呈現(xiàn)？用戶怎樣在功能之間進(jìn)行導(dǎo)航？導(dǎo)航欄應(yīng)該用怎樣的底色？好的設(shè)計師應(yīng)該有能力對這些決策進(jìn)行詮釋。沒什么是信手拈來的，明確的設(shè)計意圖是工作產(chǎn)出的重要組成部分。
       v “主界面就是一個消息列表，因?yàn)橛脩暨M(jìn)入app的首要目標(biāo)就是要看到這些消息。”
       v “我們的app當(dāng)中有4個主要的功能界面，所以通過底部tab欄進(jìn)行導(dǎo)航可以幫助用戶一目了然的發(fā)現(xiàn)功能并快速進(jìn)入。”
       v “我們不希望頂部的導(dǎo)航欄過于搶眼，所以使用白色作為底色。”
       關(guān)于設(shè)計決策的理由，無論你提怎樣的問題，好的設(shè)計師都應(yīng)該有能力讓你得到明確的答復(fù)。
       這種詮釋本身沒有問題，但也只能局限在枝節(jié)末端，不具備擴(kuò)展性。無論與他人進(jìn)行溝通，還是自己思考設(shè)計方案，試圖站在這個層面來探索產(chǎn)品設(shè)計問題，最終只會讓人迷失方向，精疲力竭。
       好的設(shè)計師與優(yōu)秀的設(shè)計師之間的一個重要區(qū)別在于，后者懂得從“為什么”這個角度開始思考和交流。她會首先站在產(chǎn)品整體的層面將產(chǎn)品目標(biāo)及其對應(yīng)的最核心的設(shè)計原則思考清楚并展示出來。當(dāng)你了解了這些核心原則，那么所有表現(xiàn)層面的細(xì)節(jié)問題就都是不言自明的了。
       坦誠的講，我個人曾經(jīng)嚴(yán)重懷疑“設(shè)計之前明確一系列設(shè)計原則”這類理論化的方式。一見到有人在實(shí)際設(shè)計之前試圖以這種思路去做一些列表或演示文檔，我就會嗤之以鼻。那時我只想立刻進(jìn)入設(shè)計狀態(tài)去做些更“實(shí)際”的事情。因?yàn)槲覐那安⒉徽J(rèn)為這種文字性質(zhì)的東西能有多大用處。而實(shí)際上，要將特定產(chǎn)品項(xiàng)目的設(shè)計原則思考清楚并呈現(xiàn)給自己和他人，這不是一件容易的事，更不是沒有意義的事。
       設(shè)想下面這樣所謂的設(shè)計原則清單：
       o 我們的設(shè)計應(yīng)該是簡潔的；
       o 我們的設(shè)計對用戶來說應(yīng)該是具有自解釋性的；
       o 我們的設(shè)計看上去應(yīng)該讓人感到愉悅。
       說的好像有誰愿意把產(chǎn)品做的復(fù)雜不堪，需要用戶閱讀說明文檔才能操作，而且界面看上去還很傷眼一樣。諸如此類的“原則”過于寬泛和淺顯，確實(shí)無法對實(shí)際當(dāng)中的設(shè)計決策產(chǎn)生 正面影響。
       真正有價值的設(shè)計原則應(yīng)該做到以下幾點(diǎn)：
       1. 可以解決實(shí)際當(dāng)中的具體的設(shè)計問題。
       2. 具有整體性和擴(kuò)展性，不僅可以解決當(dāng)前的問題，而且對未來可能出現(xiàn)的問題同樣起到指導(dǎo)作用。
       3. 能夠回答人們關(guān)于“為什么”的問題，無論整體還是細(xì)節(jié)層面，無論對方是否是設(shè)計師。
       4. 具有明確的設(shè)計觀點(diǎn)和優(yōu)先性分析。
       5. 通常配有范例圖示來演示這些原則是怎樣運(yùn)用到具體決策當(dāng)中的。
       仍然覺得有些抽象，想看一些優(yōu)秀設(shè)計原則的實(shí)例？Apple的Human Interface Guidelines和Google的Material Design Guidelines就是最現(xiàn)成的例子，它們都非常清晰的體現(xiàn)出了各自平臺背后的設(shè)計邏輯。不僅如此，它們同時還讓我們實(shí)際看到了優(yōu)秀的設(shè)計原則對于產(chǎn)品設(shè)計的影響有著多么深遠(yuǎn) 的影響作用。我們可以設(shè)想Apple和Google想要達(dá)到的根本目的在于確保第三方產(chǎn)品的設(shè)計者們帶來符合平臺用戶使用習(xí)慣的優(yōu)質(zhì)產(chǎn)品，那么他們可能有兩條路可走。一是讓自己的設(shè)計團(tuán)隊與第三方設(shè)計者們進(jìn)行接洽溝通，從項(xiàng)目的具體問題入手，直接給出設(shè)計意見反饋。這就像讓兩個設(shè)計師交流具體的界面設(shè)計決策 - 不是兩三個問題而是有成百上千個問題有待溝通解決。即便Apple和Google這樣的公司怕是也無法維持這種“看門人”模式。
       而第二條路就是，與其手把手去就各種具體問題進(jìn)行交流和協(xié)作，不如提供一套原則協(xié)約，清晰的展示出平臺特征及產(chǎn)品設(shè)計在體驗(yàn)上需要達(dá)成的理想標(biāo)準(zhǔn)，讓廣大第三方產(chǎn)品設(shè)計者都可以理解并實(shí)際運(yùn)用到產(chǎn)品當(dāng)中。提供一套核心的設(shè)計原則框架，這種方式最具持續(xù)性和擴(kuò)展性。
所以，下一次，在陳述自己的設(shè)計意圖時，或是更理想的狀況，在你自己坐下來準(zhǔn)備動手實(shí)際設(shè)計些什么之前，花些時間從產(chǎn)品整體層面多想想“為什么”，定義一下對應(yīng)著這些“為什么”所應(yīng)遵循的核心設(shè)計原則。針對本開開篇時的設(shè)計案例，可以嘗試這這樣描述設(shè)計原則：
       “我們相信，這款產(chǎn)品最重要的意義在于使人們的聯(lián)絡(luò)行為變得極其快速和輕量化。為了達(dá)成這一目標(biāo)，我們決定采用一些為人們所熟知的設(shè)計模式，使他們不必多花時間和精力去學(xué)習(xí)操作方法，包括標(biāo)準(zhǔn)的信息列表、底部tab欄等等。同時，我們不希望用戶在任務(wù)過程中被界面當(dāng)中加粗字體或無意義的動效等元素所干擾。對于多數(shù)用戶在多數(shù)情況下會用 到的聯(lián)絡(luò)功能，我們必須使其直觀的呈現(xiàn)出來，并確保用戶通過一兩次點(diǎn)擊就可以完成目標(biāo)任務(wù)。”
       好的設(shè)計原則是產(chǎn) 品設(shè)計的堅實(shí)基礎(chǔ)，它應(yīng)當(dāng)體現(xiàn)出重要而清晰的設(shè)計意圖，既可以描述產(chǎn)品整體層面的設(shè)計目標(biāo)，也可以對具體問題的決策進(jìn)行支持。相對來說，“好看”和“好 用”都只是表現(xiàn)層面的概念，真正優(yōu)秀的設(shè)計師會從最底層的核心原則出發(fā)進(jìn)行思考 - 這些核心原則可以在局部當(dāng)中支持一兩個決策，也可以在全局層面支持成百上千個決策，“以不變應(yīng)萬變”就是這個意思了。



選購指南：

本公司主要為山東地區(qū)的商業(yè)、企業(yè)及個人提供各類定制開發(fā)服務(wù)，如：軟件定制開發(fā)、APP定制開發(fā)、微信定制開發(fā)以及P5業(yè)務(wù)支撐平臺等整體的信息化解決方案，能夠滿足各類大中小型商業(yè)、企業(yè)及個人的需要。

如需了解本公司的詳細(xì)業(yè)務(wù)情況，敬請訪問本公司官方網(wǎng)站：http://www.motion-stereo.com。

公司名稱：山東森普信息技術(shù)有限公司

公司地址：濟(jì)南市高新區(qū)齊魯軟件園C座3樓

公司網(wǎng)址：http://www.motion-stereo.com

業(yè)務(wù)ＱＱ：176099777

聯(lián)系電話：400-677-0389