設計法則:約束 Constraint

閱讀時間約 4 分鐘
如果約束使設計更易於使用,並降低出錯的可能性。

日常中有不少約束設計的例子,它在生活中佔有一席之地,舉凡紅綠燈、電梯上下行的限制等等。


前言

平常睡前刷牙有搭配漱口水的習慣,幾個月前,發現漱口水牌子換新包裝,蓋子上多了卡榫設計,我沒仔細閱讀說明,每一次轉開都很費力,還把蓋子的卡榫弄斷(是個不好好看說明的人)。

使用完一瓶之後,第二瓶開始前,認真看了瓶子的說明,才恍然大悟…同時發現瓶蓋上有示意圖…

瓶身說明:特有【兒童安全瓶蓋】設計,保障兒童安全
1. 按壓瓶蓋兩側同時扭轉
2. 扭轉至瓶蓋開啟
卡榫(紅圈處)、瓶蓋上的示意圖

卡榫(紅圈處)、瓶蓋上的示意圖

上網搜尋找到了一位設計師也發現這問題,他跟我的情形很類似,一開始也不知道該如何轉開,也是弄壞之後才知道(到底要弄壞多少個😂😂😂

過往的使用經驗就是直接轉開,所以當它的標示不夠明顯時,完全被舊有的使用者忽略。

為何設計這個限制呢?

通常會在清潔劑或家中常見的化學物採用,加上漱口水的味道甜,且顏色鮮艷,為了避免兒童誤食,故採用這樣的設計。


設計法則:約束 Constraint

有人稱它為障礙設計(我覺得這稱呼不夠精確),找到的原文是約束Constraint。

不論在生活日常可接觸,或者介面上的使用等,都可見約束的蹤影。約束使設計更易於使用,並降低出錯的可能性。

設計的法則》這本書將約束分為兩種:

  • 物理約束(Physical Constraint)
  • 心理約束(Psychological Constraint)


物理約束(Physical Constraint)

Limit the range of possible actions by redirecting physical motion in specific ways.

通過特定的方式,訂定物理運動方向,來限制可能行動的範圍。

路徑(Path)

如果控制的變數範圍較小且受限,很適合運用路徑來限制,以線性或曲線運動(A點至B點)

例如只能向左右移動,當超出了範圍後就無法繼續移動。

橫向的拖曳控制

橫向的拖曳控制


軸線(Axes)

如果控制的表面範圍有限,或者變數極大甚至是沒有限制時,可運用軸線(以旋轉為運動方向,甚至可無限旋轉)

例如以旋轉的方式使用,可以有限制,也可以無限制旋轉。

常見於產品例如單眼相機、均衡器、音響等等

常見於產品例如單眼相機、均衡器、音響等等


障礙(Barrier)

直接限制,或藉由其他方式來阻礙使用者。

例如生活中可見的減速丘,目的就是要強制使行過的車輛減速,除了在道路上之外,賣場內的停車場也很常見。

以及基於用電安全性與穩定性,將插頭與插座區別為不同型式(例如兩孔式、三孔式和T型)

除了日常生活之外,介面上也有彈出的確認或警告視窗,阻斷使用者動作

除了日常生活之外,介面上也有彈出的確認或警告視窗,阻斷使用者動作


心理約束(Psychological Constraint)

Limit the range of possible actions by leveraging the way people perceive and think about the world.

通過人們對世界認知的想法,來限制可能的用戶行為。

象徵(Symbol)

運用文字、圖標和聲音進行,例如:看到骷髏頭的圖案,就感受到危險。

骷髏、黃、黑,讓人聯想危險、毒|Photo Credit : Mikael Seegen on Unsplash

骷髏、黃、黑,讓人聯想危險、毒|Photo Credit : Mikael Seegen on Unsplash


慣例(Convention

依據傳統或習慣,漸漸成為約定俗成的意象。使用大眾認知明確的圖案來發揮,依據受眾來確保他們能夠識別並理解。

小心使用已有既定印象的圖案,避免產生錯誤的聯想。尤其是面對不同的世界文化,要避免令人反感的設計,某些圖案在不同的地區可能會有負面含義的聯想。

紅綠燈|Photo Credit : Zamirul Roslan on Unsplash

紅綠燈|Photo Credit : Zamirul Roslan on Unsplash


映射(Mapping

映射通常都是一組的,上下、增減,讓使用者易理解兩個元素之間的關係。


最後的碎碎唸

  • 物理約束:雖然限制了使用者的行為,卻提供使用者「選擇與指引」,設計師也能專注完善這些有限的選項。
  • 心理約束:能降低使用者犯錯的機率,讓使用者能更直覺地操作,減少學習的成本,有效提升使用的體驗。

回歸到一開始的漱口水瓶蓋,希望以後改包裝或增加新的設計時,可以明確點讓我們知道,不然有些可惜啦…(自己也要更細心點)。

換帳號唷
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
使用 illustrator 快速製作放射狀背景吧!學會之後就不用一條一條畫囉。
運用錯視與留白,讓設計更迷人。利用錯視,將我們想傳遞的內容,置入於畫面中,不直白告訴觀看者訊息,而是讓觀看者自己去發現,達到互動與傳遞的效果。
如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
使用 illustrator 快速製作放射狀背景吧!學會之後就不用一條一條畫囉。
運用錯視與留白,讓設計更迷人。利用錯視,將我們想傳遞的內容,置入於畫面中,不直白告訴觀看者訊息,而是讓觀看者自己去發現,達到互動與傳遞的效果。
如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
規條 個人 規則 專案 規矩 組織 字為人寫 識為人學 身為人煦 心為人偕 有人奮鬥的一次 就不敢在實在了 因為怕重蹈覆轍 怕利益的糾結 讓勤奮失去了意義 那工作讓人忘記了初心 我們啊……不能忘記互助合作的美好
Thumbnail
經由追溯「法」的來源是「意」,而發現當最好的「意」被實現後,感受到具體為社會帶來的福祉時,而被眾人所效法時,此時法律與法規就會出現。
Thumbnail
除非這房子永遠只有你一個人會在此出入......
Thumbnail
我們必須明白有哪些工程項目根本不適合自己使用?
Thumbnail
總有些時候,我發現規則已經開始進入我們每個人的生活當中,有規則我的生活才不會搗亂,規格可以讓上位者不需要花費時間去處理可能會有的突發狀況,不用去擔心會有很多事情,但規則也常常是吸引某些人去打破的一個好玩的事物。
Thumbnail
章法是人訂的,也是可以打破規則的,心中的一把尺,每個人衡量不同,可以跳脫章法、規則,做自己,或者是照規則去走,不逾矩,乖乖的在範圍內,不會犯大錯,但是也不會有多大的成就。 或許對於從來不走規則的人來說,是常態是正常。 對於走規則的人來說,也是常態是正常。 而這二種類型的人,總是相違背的,不會有
Thumbnail
不以規矩,不能成方圓。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
規條 個人 規則 專案 規矩 組織 字為人寫 識為人學 身為人煦 心為人偕 有人奮鬥的一次 就不敢在實在了 因為怕重蹈覆轍 怕利益的糾結 讓勤奮失去了意義 那工作讓人忘記了初心 我們啊……不能忘記互助合作的美好
Thumbnail
經由追溯「法」的來源是「意」,而發現當最好的「意」被實現後,感受到具體為社會帶來的福祉時,而被眾人所效法時,此時法律與法規就會出現。
Thumbnail
除非這房子永遠只有你一個人會在此出入......
Thumbnail
我們必須明白有哪些工程項目根本不適合自己使用?
Thumbnail
總有些時候,我發現規則已經開始進入我們每個人的生活當中,有規則我的生活才不會搗亂,規格可以讓上位者不需要花費時間去處理可能會有的突發狀況,不用去擔心會有很多事情,但規則也常常是吸引某些人去打破的一個好玩的事物。
Thumbnail
章法是人訂的,也是可以打破規則的,心中的一把尺,每個人衡量不同,可以跳脫章法、規則,做自己,或者是照規則去走,不逾矩,乖乖的在範圍內,不會犯大錯,但是也不會有多大的成就。 或許對於從來不走規則的人來說,是常態是正常。 對於走規則的人來說,也是常態是正常。 而這二種類型的人,總是相違背的,不會有
Thumbnail
不以規矩,不能成方圓。