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

網(wǎng)頁題目：很熟悉但又叫不出名字的設計法則：約束法則
轉(zhuǎn)載注明：http://jinyejixie.com/news/186918.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、靜態(tài)網(wǎng)站、搜索引擎優(yōu)化、企業(yè)建站、標簽優(yōu)化、服務器托管

廣告

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