很熟悉但又叫不出名字的設(shè)計(jì)法則：約束法則

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

網(wǎng)頁(yè)題目：很熟悉但又叫不出名字的設(shè)計(jì)法則：約束法則
轉(zhuǎn)載注明：http://bm7419.com/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)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)