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

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

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

廣告

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