很熟悉但又叫不出名字的設計法則：約束法則

約束法則：一種限制在某一系統中可操作的方法。牽引繩的作用之一是約束狗子的行為，同樣約束法則也可以限制用戶的可能動作。 想看更多設計法則，這個專題里全都有：設計法則專題 舉個例子：如下圖，用戶在沒有輸入購買金額的時候，按鈕置灰，無法進行下一步操作。適當的運用約束法則，會大大降低用戶錯誤操作概率，提升效率。 一、約束法則分類 約束法則有兩種基本形式：實體約束和心理約束。 二、實體約束 「實體約束」是指用具體方法使物體運動改變其方向，以限制其可能運動的范圍。如果想對無用的輸入降低操控靈敏度，并拒絕某些輸入，「實體約束」會很有幫助。「實體約束」分為三種：路徑、軸線與障礙。 1. 路徑 利用溝或槽進行直線或曲線移動。遇到控制變數的范圍相對較小又受限的情況，「路徑」很有效。 舉個例子：下圖是蝦米和網易云音樂的播放界面，其中控制欄可以調整歌曲播放位置。 2. 軸線 做出旋轉動作，可在小空間里提供無邊的控制。若是控制的表面范圍有限，或者控制變數很大或沒有限制的情況，「軸線」很有效。 舉個例子：在播放器的高階使用中，用戶可以打開均衡器界面，傳統的均衡器通過對各種不同頻率的電信號的調節來補償揚聲器和聲場的缺陷，這個頁面是對實體聲音均衡器的模仿，頁面中的功能使用方式也同實體相似，以匹配用戶心理模型中的使用方式，其中出現了路徑約束和軸線約束兩種實體約束方式。 Trackball 也是軸線約束的應用之一，打游戲的同學應該深有體會。 △ logitech wireless trackbal 3. 障礙 限制力量或使力量改變方向，阻礙周圍的力量停止、減緩或改變方向。要拒絕不合適的動作時，「障礙」就很有效。 舉個例子：不論是模態或者非模態的彈窗都是障礙約束的應用之一，彈窗是為了讓用戶回應，需要用戶與之交互的窗口。非模態彈窗一般被設計成用來告訴用戶信息內容，而模態彈窗除了告訴用戶信息內容外還需要用戶進行功能操作。尤其是模態彈窗，會打斷用戶的操作行為，強制用戶必須進行操作，否則不可以進行其他操作，有強烈的障礙約束成分。 △ 模態與非模態彈窗 三、心理約束 「心理約束」利用人們對世界的感知與想法，限制可能動作的范圍。「心理約束」分為三種：象征、慣例和映射。 1. 象征 利用語言傳達意義，來影響人們的行為。把視覺、聽覺或觸覺的呈現方式，運用在標簽、解釋或警告的目的時，「象征」方式很有效。 舉個例子：圖標是「象征」的實際應用。首頁的入口，都會有圖標和文字來解釋入口所進入的二級頁面。 我們在支付成功后，就會出現「√」，用戶在看到這個圖標后，即使不看文字，也會明白自己操作成功了。相反，如果頁面顯示「×」，用戶就會明白支付失敗。一些產品會在此增加情感化的設計，這些巧妙的小插畫會用「象征」來傳達頁面信息。 2. 慣例 根據承襲的傳統或習慣，進而影響人們的行為。要想使得系統一致又容易使用，「慣例」非常有效。 舉個例子：紅色代表的警示、停止，綠色代表的是前進。我們再來看支付界面，表示支付成功的圖標大多是綠色的，也有一些產品選擇自己的品牌顏色作為支付成功的圖標顏色，但是很少看到在支付成功頁面單獨運用具有警示含義的紅色。 慣例還要遵循地方文化，例如在日本「√」的意思代表的是錯誤，圓圈則代表正確。《柯南》中有一位老師因為錯用符號引來了殺身之禍。《哆啦A夢》中大雄的考卷經常也是全篇「√」。 △ 大雄驚人的算數水平 3. 映射 根據對元素彼此關系的感知，來影響人們的行為。如果要根據操控裝置的能見度、位置與外表、來暗示哪些是可能動作，「映射」會很有幫助。 舉個例子：播放器中「上一個」與「下一個」按鈕總是對應的，如果單看一個按鈕，用戶會很難理解，只有成對的出現才能理解圖標的含義。 我們在選擇支付方式的時候，可用的銀行卡是高亮的，那些不可用的支付選項則是置灰的，只有在兩者同時出現時，用戶才會更加了解兩者的區別，做出正確的選擇。 小結 為什么說「約束法則」很像「牽引繩」？并不是我們要訓練用戶去做什么，而是要給用戶提供最簡單、最便捷的使用路徑，讓使用中可能出現的錯誤概率降到最低，這種做法更像是在為用戶指引。「實體約束」會讓用戶的輸入降到最少，避免用戶的犯錯，給用戶「選擇」而不是讓用戶「創造」，「實體約束」也可以避免用戶的危險動作。「心理約束」可以讓用戶根據自己的直覺來操作，減少用戶的學習成本。

網頁題目：很熟悉但又叫不出名字的設計法則：約束法則
轉載注明：http://m.kartarina.com/news/186918.html

成都網站建設公司_創新互聯，為您提供做網站、靜態網站、搜索引擎優化、企業建站、標簽優化、服務器托管

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯