煎一個(gè)雞蛋，你(nǐ)需要哪些(xiē)廚具？

廚房(fáng)裏各種廚具都有(yǒu)，因為(wèi)你(nǐ)可(kě)能下一餐要吃(chī)油焖大(dà)蝦，紅燒排骨。

但(dàn)是現在你(nǐ)隻要煎個(gè)雞蛋。

也許，你(nǐ)需要的也隻有(yǒu)這些(xiē)……

榨汁機，電(diàn)飯煲，菜刀……沒有(yǒu)這些(xiē)，我們不能榨果汁，煮飯，切菜，這将限制(zhì)我們在其它時(shí)候可(kě)能發生(shēng)的動作(zuò)，但(dàn)是現在，我要做(zuò)的隻是煎一個(gè)雞蛋而已。

一個(gè)盛雞蛋的碗，一片攪雞蛋的勺子，一隻鍋鏟，一把煎鍋，一台竈，還(hái)有(yǒu)裝着油鹽的調料瓶，有(yǒu)這些(xiē)就足夠。

其它的統統可(kě)以被藏起來(lái)。

Web設計(jì)也如此……

我們不難發現一些(xiē)讓我們困惑的頁面，比如一個(gè)留言闆塊，默認是提供一個(gè)“查看留言”的按鈕，但(dàn)是對方已設置留言的浏覽權限，而這個(gè)“查看留言”還(hái)保留在頁面上(shàng)并可(kě)以點擊，用戶在點擊之後發現沒有(yǒu)任何反應，于是他們會(huì)問：“這是為(wèi)什麽？我操作(zuò)失誤了？是不是網速問題？這個(gè)頁面出錯了？”

或者會(huì)有(yǒu)這樣的情況，在單選關系下，所有(yǒu)選項的子設置項都處于激活狀态，但(dàn)是實際上(shàng)在選擇一項的時(shí)候，其它選項下的子設置項都是無效的。

然而這些(xiē)操作(zuò)并沒有(yǒu)告訴用戶：“我們現在是不允許被點擊的”，“你(nǐ)點了也沒有(yǒu)用”，所以用戶難免會(huì)犯錯……

哪些(xiē)操作(zuò)是需要被合理(lǐ)限制(zhì)的？

與當前狀态相矛盾的操作(zuò) — 如單選關系下的子設置。

在當前狀态下無法使用的操作(zuò) — 如需要輸入留言內(nèi)容，才能點擊“留言”按鈕完成操作(zuò)。

幹擾執行(xíng)任務的操作(zuò) — 如靠近執行(xíng)區(qū)域的無關操作(zuò)。

常見的限制(zhì)操作(zuò)的方式有(yǒu)哪些(xiē)？

方式一：把某些(xiē)按鈕或菜單選項設置為(wèi)灰色讓其不能點擊。

我們來(lái)看163郵箱的自動轉發設置，當選擇“不使用”自動轉發的時(shí)候，與之相對立的“使用自動轉發”選項裏的設置是未激活的。

自動回複設置也是這樣來(lái)解決問題。

郵箱的翻頁操作(zuò)，頁數(shù)為(wèi)1時(shí)，“首頁”、“上(shàng)頁”、“下頁”、“末頁”都是灰色不可(kě)點擊的；若是位置在首頁或者末頁，相對應的“首頁”和(hé)“末頁”也為(wèi)不可(kě)點擊。

方式二：把不需要進行(xíng)的設置選項隐藏起來(lái)。

163郵箱寫信頁面的定時(shí)發信，未勾選“定時(shí)發信”時(shí)，其設置項是隐藏起來(lái)的。

當然，我所總結的這些(xiē)，并不是所有(yǒu)情況都适用…

我們不能忽視(shì)設計(jì)的一緻性，如收件箱，草稿箱，已發送等頁面都會(huì)出現的“删除”“标記為(wèi)”等按鈕，在未勾選郵件的時(shí)候這些(xiē)按鈕其實是操作(zuò)無效的，但(dàn)是考慮到設計(jì)的一緻性，為(wèi)了避免用戶對這些(xiē)操作(zuò)突然消失或不可(kě)點而産生(shēng)疑惑，限制(zhì)在這裏并不适用。

還(hái)有(yǒu)一種情況就是，有(yǒu)些(xiē)按鈕是需要被注意到的，如網易微博，在未填寫內(nèi)容的情況下，點擊“發布”是沒有(yǒu)任何作(zuò)用的，但(dàn)是“發布”是一個(gè)需要被注意到的按鈕，以鼓勵用戶發布一個(gè)話(huà)題，來(lái)進行(xíng)相互的溝通(tōng)，所以，雖然在點擊之前你(nǐ)還(hái)需要做(zuò)些(xiē)什麽，這個(gè)按鈕還(hái)是不适合做(zuò)成灰色。

總之，我們要做(zuò)的是幫助用戶在執行(xíng)任務時(shí)預防錯誤。

前提是要能“幫助”。

所以我們是需要“合理(lǐ)”限制(zhì)的用戶操作(zuò)。

我們的目的是，讓用戶繞開(kāi)不正确的操作(zuò)，從而避免錯誤的發生(shēng)。

本文摘自網易UEDC，感謝作(zuò)者：顯玉，原文地址：http://uedc.163.com/2700.html