設計法則:約束 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
查看全部
發表第一個留言支持創作者!
使用 illustrator 快速製作放射狀背景吧!學會之後就不用一條一條畫囉。
運用錯視與留白,讓設計更迷人。利用錯視,將我們想傳遞的內容,置入於畫面中,不直白告訴觀看者訊息,而是讓觀看者自己去發現,達到互動與傳遞的效果。
如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
使用 illustrator 快速製作放射狀背景吧!學會之後就不用一條一條畫囉。
運用錯視與留白,讓設計更迷人。利用錯視,將我們想傳遞的內容,置入於畫面中,不直白告訴觀看者訊息,而是讓觀看者自己去發現,達到互動與傳遞的效果。
如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。
不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。
如果你能即使沒有繪畫基礎,仍然會鼓勵你養成手繪的習慣。設計師大多具備草稿繪製的能力,這項能力的功用並不是要我們變得很會畫畫,而是培養「觀察」與「表現」的能力,藉由這樣的練習,不斷累積視覺經驗及提升捕捉細節的敏銳度。
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
經由追溯「法」的來源是「意」,而發現當最好的「意」被實現後,感受到具體為社會帶來的福祉時,而被眾人所效法時,此時法律與法規就會出現。
Thumbnail
除非這房子永遠只有你一個人會在此出入......
Thumbnail
我們必須明白有哪些工程項目根本不適合自己使用?
Thumbnail
總有些時候,我發現規則已經開始進入我們每個人的生活當中,有規則我的生活才不會搗亂,規格可以讓上位者不需要花費時間去處理可能會有的突發狀況,不用去擔心會有很多事情,但規則也常常是吸引某些人去打破的一個好玩的事物。
Thumbnail
不以規矩,不能成方圓。
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
經由追溯「法」的來源是「意」,而發現當最好的「意」被實現後,感受到具體為社會帶來的福祉時,而被眾人所效法時,此時法律與法規就會出現。
Thumbnail
除非這房子永遠只有你一個人會在此出入......
Thumbnail
我們必須明白有哪些工程項目根本不適合自己使用?
Thumbnail
總有些時候,我發現規則已經開始進入我們每個人的生活當中,有規則我的生活才不會搗亂,規格可以讓上位者不需要花費時間去處理可能會有的突發狀況,不用去擔心會有很多事情,但規則也常常是吸引某些人去打破的一個好玩的事物。
Thumbnail
不以規矩,不能成方圓。