設計法則:約束 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

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


最後的碎碎唸

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

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

留言
avatar-img
留言分享你的想法!
avatar-img
Deerlight Design 曝鹿設計
68會員
45內容數
換帳號唷
2024/08/23
透過適當的版面安排、組織元素,有效地傳達訊息。排版設計的用意是傳達訊息,而我們如何吸引人觀看,以及讓人願意停留,這些都是影響訊息是否能有效傳達的因素。提出幾個技巧與觀念,設計好讀也好看的排版。
Thumbnail
2024/08/23
透過適當的版面安排、組織元素,有效地傳達訊息。排版設計的用意是傳達訊息,而我們如何吸引人觀看,以及讓人願意停留,這些都是影響訊息是否能有效傳達的因素。提出幾個技巧與觀念,設計好讀也好看的排版。
Thumbnail
2024/08/21
將完形心理運用在畫面中,能有效引導視覺動線。格式塔理論也稱「完形心理學」,是心理學家對於知覺組織的一種看法。將完形心理運用在畫面中,能有效引導視覺動線。
Thumbnail
2024/08/21
將完形心理運用在畫面中,能有效引導視覺動線。格式塔理論也稱「完形心理學」,是心理學家對於知覺組織的一種看法。將完形心理運用在畫面中,能有效引導視覺動線。
Thumbnail
2024/08/15
運用錯視與留白,讓設計更迷人。利用錯視,將我們想傳遞的內容,置入於畫面中,不直白告訴觀看者訊息,而是讓觀看者自己去發現,達到互動與傳遞的效果。
Thumbnail
2024/08/15
運用錯視與留白,讓設計更迷人。利用錯視,將我們想傳遞的內容,置入於畫面中,不直白告訴觀看者訊息,而是讓觀看者自己去發現,達到互動與傳遞的效果。
Thumbnail
看更多
你可能也想看
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
經由追溯「法」的來源是「意」,而發現當最好的「意」被實現後,感受到具體為社會帶來的福祉時,而被眾人所效法時,此時法律與法規就會出現。
Thumbnail
經由追溯「法」的來源是「意」,而發現當最好的「意」被實現後,感受到具體為社會帶來的福祉時,而被眾人所效法時,此時法律與法規就會出現。
Thumbnail
當你覺得任何地方不對勁?......儘管發問吧......
Thumbnail
當你覺得任何地方不對勁?......儘管發問吧......
Thumbnail
連自己都做不到的道理?如何要求別人裝懂相待......
Thumbnail
連自己都做不到的道理?如何要求別人裝懂相待......
Thumbnail
突然發現限制性信念害人不淺,限制性信念等於固定思維,它會讓你原地踏步或是變得更糟糕。
Thumbnail
突然發現限制性信念害人不淺,限制性信念等於固定思維,它會讓你原地踏步或是變得更糟糕。
Thumbnail
★察覺到看不見的「利益」,就能解決一切問題。
Thumbnail
★察覺到看不見的「利益」,就能解決一切問題。
Thumbnail
作者的話: 一旦把不同設定為理所當然的基調之後,就覺得每一次相同都感天動地的。
Thumbnail
作者的話: 一旦把不同設定為理所當然的基調之後,就覺得每一次相同都感天動地的。
Thumbnail
這題目有點...奇怪的暗示性嗎? 什麼是 "規規矩矩" 的站姿? 難道有不規矩的站姿嗎? 哈哈哈! 我的心態有點問題喔! 不管囉! 我們開始吧! 喔! 依照慣例~ 若需要以下圖片不用一一下載啦,我把他們放在...
Thumbnail
這題目有點...奇怪的暗示性嗎? 什麼是 "規規矩矩" 的站姿? 難道有不規矩的站姿嗎? 哈哈哈! 我的心態有點問題喔! 不管囉! 我們開始吧! 喔! 依照慣例~ 若需要以下圖片不用一一下載啦,我把他們放在...
Thumbnail
有些網友,希望我也談一些日常生活法律方面的常識,我也想談一些風險思維方面的觀念。初衷是希望能起到一些幫助了解日常法律基本觀念與提升風險意識的作用。期望讓一般人在面對日常生活糾紛時,不至於驚慌失措或徬徨無助,能措其手足或知所應對進退,甚至還能趨吉避凶或消災解難。
Thumbnail
有些網友,希望我也談一些日常生活法律方面的常識,我也想談一些風險思維方面的觀念。初衷是希望能起到一些幫助了解日常法律基本觀念與提升風險意識的作用。期望讓一般人在面對日常生活糾紛時,不至於驚慌失措或徬徨無助,能措其手足或知所應對進退,甚至還能趨吉避凶或消災解難。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News