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

網(wǎng)站欄目：很熟悉但又叫不出名字的設(shè)計(jì)法則：約束法則
URL地址：http://jinyejixie.com/news18/186918.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、關(guān)鍵詞優(yōu)化、虛擬主機(jī)、網(wǎng)站建設(shè)、品牌網(wǎng)站制作、App開發(fā)

廣告

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