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

0 評論 7515 瀏覽 5 收藏 8 分鐘

每個設(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)出的重要組成部分。

“主界面就是一個消息列表，因?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è)計決策的理由，無論你提怎樣的問題，好的設(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è)計原則清單：

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

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

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

好的設(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)萬變”就是這個意思了。

原文來自：A Matter of Principle – Surfacing the core truths in every design

譯文來自：Be For Web

譯者: C7210 – UX玩家、交互設(shè)計師、貓奴、guitar fucker，現(xiàn)就職于騰訊ISUX(上海)

更多精彩內(nèi)容，請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
yoyo
我不制造文章，我是互聯(lián)網(wǎng)的搬運(yùn)工
979篇作品 15552945總閱讀量
05-135314 瀏覽
單頁中繼器調(diào)整排序極其簡單的方法
05-057755 瀏覽
“找搭子”風(fēng)起小紅書
10-20660 瀏覽
如何成為難以替代的巔峰產(chǎn)品經(jīng)理？
08-221324 瀏覽
XR中注視追蹤技術(shù)：現(xiàn)狀、應(yīng)用與發(fā)展趨勢
08-025537 瀏覽
“去中心化”背后：抖音貨架電商，走到關(guān)鍵時刻？
評論
評論請登錄
  1. 目前還沒評論，等你發(fā)揮！