設(shè)計之前,花上時間去定義你的設(shè)計原則

1 評論 11382 瀏覽 59 收藏 8 分鐘

本文出自Facebook的產(chǎn)品設(shè)計總監(jiān)Julie Zhou。文中提到設(shè)計原則在做設(shè)計時有著至關(guān)重要的作用,在譯者了解到,國內(nèi)設(shè)計師較少提及設(shè)計原則,可能跟設(shè)計環(huán)境和整體設(shè)計水平有一些關(guān)系,譯者希望國內(nèi)有更多設(shè)計師去關(guān)注國外一些先進(jìn)的設(shè)計思想,并有效的運用到自己的工作或生活當(dāng)中。

決策成就設(shè)計

app的主要風(fēng)格應(yīng)該是什么樣的?人們應(yīng)該如何指導(dǎo)自己做不同的選擇?導(dǎo)航應(yīng)該是什么顏色的?

優(yōu)秀的設(shè)計師對每一個設(shè)計決策都有邏輯的解釋。設(shè)計不應(yīng)該是隨意所為,畢竟,有目的的進(jìn)行設(shè)計是優(yōu)秀設(shè)計師的標(biāo)志

  • 這個app的主要頁面是一個信息列表,因為當(dāng)用戶來到此頁面時,這些信息是用戶最希望看到的。
  • 這個app有四個主要的界面,所以底部tab的作用是讓用戶在主要的頁面中進(jìn)行快速切換。
  • 我們不能讓導(dǎo)航條顏色太過于宣兵奪主,這就是為什么導(dǎo)航條是白色的原因。

優(yōu)秀的設(shè)計師會讓你知道設(shè)計決策背后的故事,而且你會得到一個滿意的答案。

不幸的是,這并不可量化。即便是我想要了解你許多設(shè)計決策的一小部分,那我們可能會無限期的聊下去。

這就是好的設(shè)計師和優(yōu)秀的設(shè)計師的區(qū)別。

你知道嗎?優(yōu)秀的設(shè)計師常常會問為什么。他把設(shè)計原則背后的思考傳遞給你,讓你了解他整個設(shè)計決策過程中最核心的價值。

什么是原則——一個以信仰體系和邏輯推理作為基礎(chǔ)的事實。

誠實的告訴你們,我過去是一個對所有“原則說明書”都充滿懷疑的人。每當(dāng)有設(shè)計師要通過設(shè)計展示來闡述他的設(shè)計原則時,我都會坐下然后心里各種OS,“哇,好像很厲害的樣子,又要通過忽悠讓人們贊同你的設(shè)計了。”那時我真想跳進(jìn)一塊肉堆里,然后好好聊一下什么才是真正的設(shè)計。

我不會告訴你們哪些設(shè)計原則闡述將會非常有用,事實上,想出一個好的設(shè)計原則闡述真的很難。

  • 我們的設(shè)計應(yīng)該是簡潔的!
  • 我們的設(shè)計應(yīng)該讓用戶不言自明!
  • 我們的設(shè)計應(yīng)該看起來是令人愉悅的!

就像每個人都可以揮舞著雙手說,其實,我寧愿我們的設(shè)計是復(fù)雜的,還有一份說明書,然后看起來令人很不舒服,謝謝大家。設(shè)計原則如果太廣又或者太過淺顯,那也一樣是毫無意義的。它并不能為背后的設(shè)計決策提供一些靈光一閃的幫助。它并不能幫助人們了解在相同的頁面里什么是最重要的。

一套優(yōu)秀的設(shè)計原則應(yīng)該是這樣的:

  1. 具體的設(shè)計決策能夠幫助人們解決各種包括現(xiàn)實生活中的實際問題。
  2. 適用于整個設(shè)計決策,不但適用于現(xiàn)在存在的問題,而且也適用于將來可能會出現(xiàn)的問題。
  3. 傳遞一種為什么要以人為本的意識讓大家都能夠認(rèn)識到-也包括讓非設(shè)計師了解。
  4. 有一個主要目的和權(quán)重意識。
  5. 通常能夠用實際應(yīng)用例子來展示這些原則是怎樣適用于特定的設(shè)計決策。

有可以參考的例子嗎?蘋果公司的人機(jī)交互指南谷歌公司的Material Design指南都是一個好的案例,它們很好的闡述了設(shè)計系統(tǒng)背后的基本原理和思路。它們也是一個最佳樣本:讓大家知道優(yōu)秀的設(shè)計原則原來是有如此大的影響。想象下,如果蘋果和谷歌的目標(biāo)是確保開發(fā)者在這些平臺上做出高質(zhì)量的app,其中一個方法就是讓他們的設(shè)計團(tuán)隊跟所有主要的app團(tuán)隊會面和獲取他們的反饋意見。這就好像在特定的設(shè)計中,兩個設(shè)計師試圖討論成千上萬的設(shè)計決定。這簡直是不可持續(xù)的。

與其像這篇文章”依賴于看門人“那樣保持好的設(shè)計細(xì)節(jié)和質(zhì)量,還不如讓大家在一套設(shè)計規(guī)范的價值中達(dá)成共識,所以一致的方式、設(shè)計決策的可拓展性、甚至是許多優(yōu)秀的設(shè)計師的經(jīng)驗都會產(chǎn)生好的設(shè)計決定。

所以你下次分享或者闡述設(shè)計的時候,最好在你動手要開始設(shè)計之前,花上時間去定義你的設(shè)計原則。

最重要的是,我們相信與人溝通應(yīng)該是響應(yīng)快速的,盡量減少溝通的阻力。

為了達(dá)到這個目標(biāo),我們采用了熟悉的系統(tǒng)設(shè)計模式,所以用戶不用學(xué)習(xí)任何新的設(shè)計控件–例如導(dǎo)航條,底部tab等等。我們不能用大膽刺眼的配色和古怪又毫無意義的動畫效果打斷用戶的體驗。用戶可能想要溝通,這是最正常的一件事,對于這點,我們努力讓他們在一兩個tab之間保持連接和可觸及的狀態(tài)下進(jìn)行快速切換。

優(yōu)秀的設(shè)計原則是扎實的。重要,確定的事項總是隱藏在這些原則的背后。而美不美觀,看起來是不是好看-這些是表面而主觀的東西。一個卓越的設(shè)計師通過基于過往的許多設(shè)計決策來定義他們的工作,他們不依賴于任何隨波逐流的意見。

 

蘋果公司的人機(jī)交互指南:https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html#//apple_ref/doc/uid/TP40006556-CH66-SW1

谷歌公司的Material Design指南:https://www.google.com/design/spec/material-design/introduction.html#introduction-goals

文章“依賴于看門人”:https://medium.com/the-year-of-the-looking-glass/dont-be-a-gatekeeper-5c48db173662

原文:Medium

本文由 @小碩 翻譯投稿,并經(jīng)人人都是產(chǎn)品經(jīng)理編輯。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 強烈認(rèn)同。優(yōu)秀的設(shè)計原則是扎實的。重要,確定的事項總是隱藏在這些原則的背后。而美不美觀,看起來是不是好看-這些是表面而主觀的東西。一個卓越的設(shè)計師通過基于過往的許多設(shè)計決策來定義他們的工作,他們不依賴于任何隨波逐流的意見。

    來自廣東 回復(fù)