優秀的設計師,都遵循這七大設計原則

3 評論 7498 瀏覽 48 收藏 13 分鐘

你想成為一位優秀的設計師嗎?那這七大設計原則你要重視起來。

2018年,有個設計師叫做Jimmy,他在Shmuckle公司做設計。他日夜所追求的就是有朝一日成為知名設計師,他的偶像是Steve Jobs。癡迷于自己的偶像,他總是想在公司里傳播好的設計。Jimmy的設計都能體現出情趣、直覺和創新,直到有一天,他遇到了一個坎。

Jimmy正在為公司做一個重要的項目,這個項目有利于他職業生涯的發展。他的任務是重新設計公司產品的主儀表盤,但他始終沒有設計出理想的界面。為了激發靈感,他開始重新觀看他喜歡的設計視頻、閱讀文章和收聽播客。但遺憾的是,他仍舊不知道該如何優化現有設計方案。

幸運的是,公司的資深設計師Sarah把這一切看在了眼里?;叵肫鹱约涸缒觊g,為了設計出優秀的作品而進行的各種努力,她臉上浮現出一絲微笑。而現在,她已經是一個有著豐富經驗的,并且知道如何克服創意障礙的技巧和提示的設計師。

“嗨,Jimmy,我看見你還沒有開始你的設計,出了什么問題嗎?”

“我正在想方法優化產品界面,它應該兼具容易使用、好看外觀以及改進后的統計數據等特點,并能夠解決一些可達性問題。但現在我不知道該怎么做,總感覺哪兒有問題。在用戶測試中,有些用戶說體驗很好,有些用戶說不好,還有用戶說需要改變。我現在不知道該怎么辦了?!?/p>

“沒關系,之所以出現這種問題,是因為你沒有很好的設計基礎知識。其實,有一些設計原則能夠幫助你設計出更好的產品。幸運的是,你不需要任何奇特魔法,只要在需要時候運用它們就可以。”

Jimmy立馬拿出了筆記本和鉛筆,興奮的像圣誕節前小孩子一樣,他想知道“這些原則是啥?”

“走吧,我們去外面走走,不在辦公環境中,可以讓你的思維走出現有的邏輯”,Sarah從桌子上端了杯咖啡并繼續說到“在產品設計的過程中,你要用到這些關鍵原則,它們能夠幫助你更清晰的看到事物本質。你的設計都應該堅持一下幾個設計原則:”

一、清晰(Clarity)

“Jimmy,如果你只能記住一件事,那么請記?。夯靵y的頭腦會導致混亂的產品。因為它們總會影響最終的設計結果,因此,你需要將你思維中混亂的部分給消除掉。在進行設計決策時,請時刻關注以下幾件事:

  1. 以商業目標、用戶需求和功能的順序來決定設計;
  2. 絕不因為美觀而犧牲功能;
  3. 下一步驟應該明確無誤的;
  4. 通過背景、色彩、字體、圖形以及其他的UI要素來突出顯示重要的信息;
  5. 不同大小的文字,都應清晰可辨;
  6. 圖標應該簡潔而表意明確;
  7. 附加設計應當時微妙且適當的;
  8. 用戶應該很容易的了解他們該做什么以及他們所處的位置。

任何事物的最終外觀呈現都是產品設計清晰的副產品。設計意圖的清晰能夠轉化為結果的清晰——Massimo Vignelli

“我記得Massimo Vignelli 在《The Vignelli Cannon》中寫到:混亂而復雜的設計總是傳達出設計師的內心,一個有著復雜而混亂的心態”Sarah說到。Jimmy記下了這句話并應用到后續的設計中。

二、可操作的界面(Actionable Interface)

“請記住這一點:我們必須努力設計出能夠讓任務流程清晰明確的數字產品??刹僮鰽PP通過確保屏幕中的內容始終是最新的且相關的來預測用戶的行為。APP也就成為用戶打算進行的動作的拓展。例如,如果一個用戶打開了APP,是為了解決問題,而你卻沒有給出方案,那么你就給出了糟糕的選擇?!盨arah如是說。

她停頓了一會兒,整理了一下自己的思緒并繼續說:“你也知道,我們所做的一切工作都是為了確保我們的解決方案能夠在合適的場景、時間呈現給合適的目標用戶。當然,這需要我們多次迭代才能實現這一目標?!?/p>

三、不要自以為是(It is opinionated)

“某些設計師和開發者認為軟件應該是多變的,可以滿足所有客戶的需求,但實際上,這是扯淡,有個說法可以回擊這種觀點:”

試圖取悅所有人是讓自己感受到壓力、痛苦、失去和挫折的原因。所以不要害怕失去,而應該擔憂失去自我——Unknown

“一個偉大而有用的產品應該能夠清楚的知道其所服務的對象。你需要記住誰是真正的用戶?并能夠圍繞著他們的需求制定設計方案。最好的設計產品都有一個愿景?!盨arah停在窗戶邊看著走過的人。

“那其他用戶呢?”Jimmy問道。

“其他人都在排隊等待,一旦我們讓我們的主要用戶滿意,我們就會回來為他們提供設計方案。主要用戶是指我們產品的核心用戶人群。請記住,如果他們不喜歡你的愿景,不要擔心,市場上還有很多其他的愿景能夠滿足他們的需求。我們的工作是找到我們自己的目標用戶群體?!盨arah露出甜美的笑容說道。

當某些人使用這款產品時,他們不只是在尋找功能,而是在尋找一種方式,一個新的愿景——?Getting Real by 37Signals

四、反饋(Feedback System)

“下一個重要的原則是反饋。它確認用戶操作并給出操作結果,讓用戶了解情況。點擊時,用戶所交互元素應有所變化;進度指示器能夠傳達出長時間運行的狀態;動效和聲音能夠明確操作結果。”

“你也知道,數字世界是如此的智能先進,但我們仍然感受到其與人類互動的必要性。我們的身體(眼睛或觸覺)需要感受到反饋,以便向我們的大腦發送信號。這意味著我們的設計對屏幕上所發生的事情給出明確的反饋,并且用戶能夠很容易的理解到這一點。所以,只要你有時間,你就應該去看關于人類思維如何運作的書籍。它會提升你的設計技能?!盨arah一邊喝著咖啡一邊說著。

五、隱喻(Mataphors)

“隱喻,我這里說的不是文學上隱喻,不過也比較類似?!盨arah說道。

“像數字莎士比亞一樣嗎?”Jimmy笑著問道。

“有一點兒,當APP的界面和操作都是由熟悉的體驗所隱喻的,用戶學的會更快,這些經歷體驗可能來自數字或現實世界?!?/p>

“隱喻因人們與屏幕交互而運作良好,他們將視線移開來展示下面的內容。他們拖動和滑動內容,人們切換開關、滑動滑塊、滾動選擇器。因此,要經常去了解一下核心用戶日常使用的APP,這能夠幫助我們設計出類似的體驗,并且消除不當摩擦或制造出不舒服的學習方式?!盨arah接著說道。

六、場景比一致性更重要(Context Over Consistency)

“舉例來說,如果我們在主屏幕設計了一個款日歷,你覺得我們應該設計一款網格還是列表日歷呢?”Sarah問道。

“嗯…我們應該堅持網格,它更加緊湊,也更有條理。我說的對嗎?”Jimmy說。

“這取決于用戶的主要目標是什么。同樣的問題出現在報告頁面,我們應該選擇網格還是列表日歷呢?因此說,它取決于用戶主要目標。我們是否需求在所有的頁面進行全局導航?同樣,它取決于場景。這就是為什么說場景比一致性更重要。如果不同的形式或風格能夠為當前場景帶來更好的體驗,那么就應該是不一致的形式。合適的才是最好的,而不是一致性。”Sarah說道。

好設計是一個合適的場景的副產品,而不是脫離場景的異想天開的創造,不管這個創造有著多么完美的視覺表現。優秀設計方案總是把產品的應用場景考慮到設計之中——Massimo Vignelli

七、容錯設計(Defensive Design)

“你說的Defensive是什么意思?”Jimmy問道。

“它就是被別人當作直覺設計而被熟知的”Sarah說道。

“哦,這個我知道,Steve Jobs經常談論的事情!”Jimmy激動的說道。

“是啊…但你知道什么是直覺嗎?”Sarah問道。

“預測用戶的行為?在未發生前提供解決方案?”Jimmy滿臉疑惑的說道。

“也是也不是,它并不是預測你的行為,而是當某些錯誤發生時的解決方案。事情總會出錯。不管你是如何謹慎的設計,也不管你投入多少精力研究,你的產品需要始終有個備份方案。容錯設計是在尋找可能出現的問題?!盨arah說。

如果體驗對用戶不友好,那么他們會很快的忘記。

“我不太明白…”Jimmy說道。

“以安全駕駛為例。當你開車時,你總是關注可能出現的危險:魯莽的司機、過馬路的孩子以及其他可能出現的危險情況。因此,作為設計師,我們必須始終關注我們可以完善的問題,這樣我們就不會破壞用戶體驗。因為良好的容錯設計可以破壞或者提升用戶體驗?!盨arah說道。

總結

Sarah慢慢的走到Jimmy的辦公桌前說:“就是這樣,你記下了嗎?”

Jimmy驚訝道:“你的意思是什么?不應該還有更多嗎?”

Sarah面帶笑容的說:“設計原則還有很多,每個人或公司都有自己的設計原則,但你不需要知道所有原則就可以設計出很好的產品了。一小部分的分享只是個好的開始。如果你能夠靈活應用這些,你就已經能夠做的的比別人好了。其他設計原則需要更多的時間和耐心去慢慢學習?!?/p>

當然,我們應該使用更多的設計原則,但問題是我們中的很多人也沒有使用上述提到的設計原則。這主要是因為我們會優先考慮對用戶不重要的任務和目標。我們應該努力找到產品和用戶之間的平衡點。

 

翻譯:吊車尾

原文作者:Eugen Esanu

原文鏈接:https://uxplanet.org/7-basic-design-principles-we-forget-about-8f5c15d4b527

本文由 @元設計 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自 Unsplash ,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 以講故事的方式把設計原則講清楚,自身代入感比較強,收獲蠻大的。

    回復
    1. 是的呢,這種方式的文章其實不多見,很有場景代入感~

      來自香港 回復