熱評 準時下班的小王

文章很實用!不過第7條寫錯啦,應該是MAYA原則。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

編者按:在做設計的時候,設計師到底要遵循哪些設計原則?我們曾經有過很多相關的文章,不過這一篇,有些不一樣。這篇文章出自資深 B 端 UI/UX 設計師 Taras Bakusevych ,他對于產品、視覺、體驗設計上,都有深入的鉆研,而這些鉆研是實實在在的項目喂出來的實戰經驗。Taras 的這篇文章所挑選的 10 個設計原則能夠幫你更好地做好設計,具體往下看:

設計原則是構成任何良好產品設計基礎的各種考慮因素。您可以在網上找到許多列出各種原則的文章,但它們往往缺乏我們日常遇到的產品的具體示例。這里有十個原則可以幫助您創建更實用、更有效和更身臨其境的設計。

1、靈活性/可用性 權衡原則

在資深設計師眼中,這 10 個設計原則更值得學習和了解

隨著系統靈活性的增加,系統的可用性會降低。

靈活的設計讓產品具備更多的功能,滿足更廣泛的需求,但這回讓執行和實現這些功能的效率普遍被降低,并且效率會低于專用的工具。

在平衡產品的靈活性和實用性的時候,請深入剖析用戶的實際需求,以及用戶本身的學習能力和成長性,以及發生改變的可能性。在復雜度、可用性、使用時長和投資需求方面,靈活的產品,通常意味著巨大的成本。

正如我們所知道的那樣,Adobe Photoshop 被設計師、平面設計師、藝術家、攝影師和創意人士廣泛使用。隨著 Photoshop 每個版本都會更新大量的功能集,不斷擴展它的用例范疇,它的用戶界面變得越來越靈活也越來越復雜。與 Photoshop 不同,Figma 是專門為 UI 設計而構建的,它的功能集就顯得非常精簡,無需太多培訓即讓用戶可充分利用好它簡約的界面,開始設計。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 當無法清晰預測目標受眾的需求時,讓產品保持盡可能大的靈活性。但是,不要忘記為用戶提供智能的初始設置,并且要提供開箱即用的解決方案。
  • 每個新功能都會增加產品的復雜性,所以需要確定各個功能的優先級,并縮小范圍。專注于關鍵產品,圍繞核心的價值點。每個新版本都嘗試改進現有功能集,而不僅僅是添加新功能。
  • ?限制相同需求的替代方案的數量,設計更具規范性的用戶界面。

2、美即好用效應

用戶傾向于認為美觀的設計更實用。我們傾向于相信看起來更好的產品用起來也更好 ——即使它們實際上并沒有那么好用。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

1995 年,在測試 ATM 機的 UI 的時候,測試了它的 26 種變體,測試過程中要求 252 名研究參與者對每種設計的易用性和美感吸引力進行評分。研究人員 Masaaki Kurosu 和 Kaori Kashimura 發現,用戶對于 UI 的易用性的評估,會強烈地受到界面的美感的影響。

在下面的案例當中,GAP網站的頁面報錯給予的信息非常有用,它不會使用用戶不熟悉的錯誤代碼(如 404 )并列出錯誤發生的可能原因。此外,該頁面使用明確的號召性用語,并且提供聯系方式。與平淡無奇的 Gap 頁面相反,皮克斯的 404 頁面專注于在這種壓力大的情況下,用有趣的插畫和文案喚起用戶積極的情緒。他們使用更豐富的視覺和俏皮的角色,試圖讓你會心一笑。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 渴望創造美學設計。用戶更有可能想要嘗試視覺上吸引人的產品,并且他們對小問題更有耐心。因此,這是值得投入時間和金錢的。
  • 美在旁觀者的眼中。對您來說可能在美學上令人愉悅的東西對您的目標受眾來說可能并不相同。投資于研究和測試。
  • 在您的設計中,請參考吸引力偏差、黃金比例、計數偏差和三分法則等原則來影響美學。

3、容錯原則

好的設計應該幫助用戶避免錯誤,并在錯誤發生時,幫助用戶最大限度地減少錯誤所造成的負面影響。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

我們是人類,因此,我們會犯各種錯誤:當用戶采取行動并得到意想不到的結果時,比如拼寫錯誤,又比如由于知識空白或對情況的錯誤評估,或者由于注意力不集中,記憶力下降。

亞馬遜搜索可幫助購物者獲得他們想要的結果,即使輸入錯誤。當檢測到拼寫錯誤時,系統將顯示更正的搜索詞的結果。Gmail 也會利用許多方法使其界面具有更強的糾錯能力。發送電子郵件時,應用程序會制造一個微小的刻意延遲,讓用戶有機會在改變主意時取消它。或者當郵件正文中提到「附件」的情況下,發送時會提醒用戶郵件中需要包含附件,以防用戶忘記。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 避免錯誤的最佳方法,是創建具有良好可供性的設計,模擬出事物的物理特性,引導用戶正確使用和交互。
  • 提供可逆性的功能,建立「安全網」—— 借助可逆的操作防止災難性錯誤。
  • 確保用戶在執行重要且不可逆轉的操作之前,進行確認。

關于可供性設計:

4、稀缺性原則

當產品或服務供不應求或者經常處于稀缺狀態時,它們就會變得更受歡迎。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

品牌經常會使用稀缺性原則來說服人們購買產品,很少有原則能比稀缺更有效地促使人類采取行動。

許多生理現象促成了這種原理發揮效應。害怕錯過(FOMO)——擔心自己錯過可以使自己的生活更美好的信息、事件、經歷或感覺。

甚至有整個類別的產品都被稱為「韋伯倫商品」 ——這種商品的需求隨著價格的上漲而增加,因為它具有獨特的性質,可以作為身份象征,因而具有極強的吸引力。

在大多數旅行預訂網站(例如KAYAK Booking)上,列表中都會顯示一個注釋,即僅以特定價格留下幾個座位/房間/物品。新的HYT手表限量 5 塊,是經典的「韋伯倫商品」,由于獨特的設計和體驗,它可能以 2-3 倍的成本價成交,甚至會出現更高的溢價。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 根據產品或服務的性質,可以采用各種策略來制造稀缺性:
  • -向「特權」用戶組提供的獨家信息
  • -向「特權」用戶組的相對更多訪問權限
  • -突出產品或者項目數量有限
  • -出現產品供應突然下降的局面
  • -向客戶傳達了高要求的明確指示
  • 如果沒有仔細考慮后果,促使用戶迅速采取行動,可能會給企業帶來巨大的短期收益,但其中許多策略通常被認為是「黑暗的用戶體驗」,從長遠來看可能會損害品牌忠誠度。

5、信噪比原則

在用戶界面或通訊過程中,相關信息與不相關信息的比率,就是信噪比。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

人機交互在本質上是信息的傳輸和接收,任何過度設計的樣式或信息,以低效或不恰當的方式呈現,都會降低信號質量,換句話說,就是增加設計的「噪聲」。高信噪比(高有效信息,低噪音)是任何 UX 設計師理應追求的關鍵目標。

干擾有效信息傳遞的原因有很多:缺乏層次結構、信息過載、高度風格化的排版和圖表、不清晰的圖標和不適當的視覺效果等。

下面的范例當中,我們看到了 3 個具有不同噪聲比的電商 APP 的主頁示例。Aliexpress 應用程序設法顯示大量信息、鏈接和號召性用語。不幸的是,這與明亮的用戶界面和華麗的背景相結合會導致過多的噪音,幾乎不可能專注于特定的事情。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 確定關鍵用戶的目標以及用戶做出決策所需的基本信息,保持設計足夠簡單。
  • 平衡設計中每個元素的大小、對比度和視覺重量。使用文字排版、顏色建立清晰的視覺層次結構,并將重點放在應該傳達給用戶的信息上。

6、80/20 原則

80/20原則也被稱為帕累托原理,它反映出任何大型系統中的大部分影響都是由低百分比的變量引起的,這個比例不一定是精準的 80:20 。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

你可以看到這個原則幾乎無處不在。盡管 80/20 原則在經濟學中經常使用,這一概念在 UI 設計、質量控制和工程當中有廣泛的應用。

這里有些例子:

  • 80% 的產品只會被用到 20% 的功能
  • 80% 的錯誤是由 20% 的組件引起的
  • 公司 80% 的收入來自 20% 的客戶
  • 80% 的進步來自 20% 的關鍵努力
  • 80% 的想法將來自 20% 的人

iOS 計算器應用程序充分利用了 80/20 規則。在默認縱向模式下,界面所呈現的功能,是大部分用戶會用到的計算器功能。不常用的功能在橫向模式下才會呈現出來。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 利用數據分析來優化您的設計工作。比如找到對應公司收入的 80% 的 20% 的客戶,他們在 80% 的時間內所使用的 20% 的功能,從這些關鍵性的部分入手,而不是讓團隊漫無目標地將大部分時間平攤到所有功能在研究、設計和測試上。
  • 始終關注設計研究測試的投資回報比,用戶消耗時間和結果之間的回報比例。

關于 80/20 原則,這篇文章有更加深入的探討:

7、MAYA 原則

當產品的設計足夠的前衛新穎,但是仍然在用戶的接受范疇以內,它最有可能獲得商業的成功。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

在新鮮的、獨特的設計靈感刺激下,所誕生的原創性的設計在各種層面上都是被重視的。話雖如此,經驗研究都表明一件事情,人們更喜歡熟悉的體驗。熟悉感給我們一種控制感和安全感。

「如果解決方案所呈現的和用戶習慣、日常規范有太大的偏離,普羅大眾的品味不一定真的準備好接受這種超越他們認知的解決方案。」
Raymond Loewy — 著名工業設計師,可口可樂瓶、殼牌石油標志等設計者

谷歌眼鏡是一個大膽的嘗試,它真實地將世界推向未來。它的營銷活動在很多層面上有炒作的因素,同時也引起了相當多的批評,很多人對其價格、安全性和隱私性表示擔憂。同時,谷歌眼鏡似乎缺乏「酷」的因素。

《財富》雜志將諾基亞 7280 列為 2004 年最好的產品之一。雖然它的設計受到了很多人的稱贊,甚至有一些狂熱的追隨者,但總體來說銷量并不理想。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 如果你必須解釋你的設計,或者它需要大量的培訓和「幫助」文檔來支撐,那么你的設計過于激進或過于復雜。盡量創造幾乎不需要進行解釋的設計。
  • 了解你的目標受眾的能力范疇、學習速度和成長能力。
  • 逐步推進設計,使用漸進式方法,讓產品達到最終愿景。

8、沉浸式體驗

當用戶不再有意識地關注「真實」世界,并且完全沉浸在創造出的體驗中,這時的精神集中狀態就是「沉浸」。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

當我們玩游戲、從事迷人的任務、跳舞時,可能會體驗到這種忘我的沉浸感。這種伴隨著愉悅感的感知,通常表現為時間感(感覺時間過的很快)的改變或自我意識的喪失。這些元素有時候可以彼此獨立出現,但只有組合起來才能構成所謂的「心流」狀態。

Pokemon Go 是一款 在 2019 年席卷全球的游戲,它是通過游戲化、講故事并且結合 AR 創造身臨其境體驗,它是「沉浸感」的最佳范例之一,在游戲過程中,玩家會完全沉浸在抓住「寶可夢」而完全忘我。在游戲上線 200 天內,玩家在這款游戲上的花銷破紀錄地達到了十億美元。

IKEA Place 讓用戶可以在自己家啊中虛擬放置真實比例的 3D 模型,結合最新的 AR 技術和宜家的智能家居解決方案,你可以以前所未有的方式體驗宜家的產品。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 深入構建環境設計,最大限度地減少讓用戶分心的東西,提升控制感,并提供有效的反饋。
  • 為用戶提供明確定義的目標,和可以克服的挑戰。
  • 利用 VR/AR/MR/XR 在虛擬世界中放置內容并促進交互,消除內容與其用戶之間的抽象感,建立直接的聯接。

9、GIGO 原則

GIGO 原則是 「Garbage in, garbage out」的縮寫,直譯就是「垃圾進,垃圾出」,這是一個計算機領域的術語,意識是系統輸出的質量,取決于系統輸入的質量。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

該原則出現的時間早于現代計算機誕生,但是現代計算機和產品設計都是遵循這一原則的。計算機遵循著嚴格的邏輯運行,良好的輸入信息,是良好的輸出內容的先決條件,而錯誤的輸入通常會導致錯誤的輸出結果。

「垃圾」的類型多種多樣,可能是完全不沾邊的輸入內容,比如在護照欄填上了電話號碼,也可能是手滑出錯,比如輸入名字的時候拼寫錯誤。

在 Airbnb 上發布居住體驗的內容的時候,系統提供了一套嚴格但有有詳細指導的引導流程,它確實有助于改進平臺上的內容并增加內容的一致性。對圖像質量要求,也有字數限制和預覽,這些都是幫助用戶創建最具吸引力的內容的機制中的一小部分。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 設計良好的可供性,借助約束以避免錯誤。
  • 啟用預覽、確認和自動更正等機制,最大程度地減少內容質量問題。
  • 在進行用戶研究或訪談時,選擇正確的樣本。問正確的問題。確保你的問題沒有偏見、混淆或預設和假設。

10、成本效益原則

只有當產出等于或大于成本的時候,某件事情才值得做。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

用戶的時間、精力、投入和其他資源構成基礎的成本,用戶會拿這個成本,來和服務、產品以及所獲得的潛在收益進行比較。

產品團隊經常使用成本收益原則來評估與新功能的財務回報,并確定功能的優先級。

與許多其他初創公司一樣, App Nuri 為用戶提供一組金錢獎勵。而其他投資類產品,如Robinhood,則會贈送股票給用戶,以吸引用戶在他們那里開戶。優先級矩陣可幫助團隊審視每個功能帶來的價值,以及交付它所需的工作量。

在資深設計師眼中,這 10 個設計原則更值得學習和了解

如何用好這一法則:

  • 專注于簡化流程,并最大限度地減少平臺中每個任務的工作量。
  • 不要將讓利益相關者或設計師覺得興奮的功能誤認是為對客戶有價值的功能。焦點小組和可用性測試將幫助你找出真正有價值的東西。

如果您想了解更多關于各種設計原則的信息,請查看 William Lidwell、Kritina Holden 和 Jill Butler 的《通用設計原則》。

更多出自設計師 Taras Bakusevych 的文章:

收藏 243
點贊 67

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。