生活中總會有些狀況讓我們無所適從摸不著頭腦：面對一排電燈或空調(diào)的按鈕，哪個(gè)才是控制我想要的?開鎖時(shí)掏出一把鑰匙，哪個(gè)才是正確的?拿起U盤插入電腦，朝那個(gè)方向才是對的?……類似的猶豫充分說明，你呆住了?，F(xiàn)在，是需要“防呆設(shè)計(jì)”來拯救你了。

　　防呆定義

　　防呆(日語：ポカヨケ;英語：Fool-proofing)是一種預(yù)防矯正的行為約束手段，運(yùn)用避免產(chǎn)生錯(cuò)誤的限制方法，讓操作者不需要花費(fèi)注意力、也不需要經(jīng)驗(yàn)與專業(yè)知識即可準(zhǔn)確無誤完成正確的操作。廣義來講，防呆就是如何設(shè)計(jì)一個(gè)東西，而使錯(cuò)誤發(fā)生的機(jī)會減至最低的程度。避免工作錯(cuò)誤的發(fā)生，進(jìn)而達(dá)到“第一次就把工作做對”之境界。

　　防呆與設(shè)計(jì)

　　最常見的防呆設(shè)計(jì)在電腦中，為了讓普通用戶在組裝電腦時(shí)不會出錯(cuò)，相關(guān)零組件大都有形狀相符的防呆設(shè)計(jì)。生活中也不乏防呆設(shè)計(jì)的應(yīng)用，下面這款2013年iF獲獎(jiǎng)作品微笑鑰匙(Smile Key)就通過防呆設(shè)計(jì)解決了關(guān)于鑰匙的4大難題。自然的弧度，更加貼合拇指和食指，用著更舒服;更容易分辨鑰匙的朝向—再不用去記憶哪面是正確的朝向，自然貼合拇指與食指的那面，便是正確的;鑰匙平放的時(shí)候，因?yàn)檫@弧度，更容易被拿起來;鑰匙上面有數(shù)目不等的凸起小顆粒，用于區(qū)分誰是誰，比如說，1個(gè)小顆粒是辦公室的，2個(gè)是自家大門的。這在晚上看不到的時(shí)候尤其方便，再不用一串鑰匙挨個(gè)嘗試了。

　　防呆設(shè)計(jì)經(jīng)常使用感官替換的方式來進(jìn)行設(shè)計(jì)。如下面這款杯蓋，通過視覺替代觸覺進(jìn)行防呆?？梢愿袘?yīng)杯中液體的溫度顯示不同的顏色。通過視覺的警示提醒人們此時(shí)的飲品很是燙口，避免一時(shí)糊涂拿起就喝了。

　　再如下圖所示的路邊的壓痕，則剛好相反，通過觸覺代替視覺提醒對駕駛到路邊的車輛進(jìn)行防呆提醒：你的車輛已經(jīng)偏離主行車道了。通過行駛過程中車輛的顛簸感，比視覺引導(dǎo)更有效的指示駕駛員盡快調(diào)整方向。

　　防呆設(shè)計(jì)的重要目標(biāo)是避免錯(cuò)誤。喝咖啡留到桌子上是不是很懊惱?那就別讓這個(gè)錯(cuò)誤發(fā)生：來自設(shè)計(jì)師Kim Keun Ae的創(chuàng)意，防污漬咖啡杯在杯子的腰線上開了一條環(huán)狀凹槽，于是，順著杯子邊沿淌下的咖啡漬，流到這里就會橫向發(fā)展，再不會繼續(xù)往下弄臟桌子~

　　另外，防呆還會通過設(shè)計(jì)在適當(dāng)?shù)臅r(shí)候?qū)τ脩暨M(jìn)行提醒，幫助用戶完成任務(wù)。來自設(shè)計(jì)師Risako Matsumoto(松本理紗子)的創(chuàng)意平衡花瓶也利用了防呆的理念：優(yōu)雅的提醒你澆花。一根木頭支架，一頭嵌著花瓶，另外一頭則是可以移動的配重滑塊，整個(gè)結(jié)構(gòu)通過掛鉤固定在墻上，形成一個(gè)類似天平的結(jié)構(gòu)。當(dāng)花瓶中的水減少，支架就會開始傾斜，水減少得越多，也就傾斜得越厲害，從而醒目地提醒你，它該加水了。

　　夜間的提醒也很重要。停電了,卻怎么都找不到蠟燭?澳大利亞工作室Den Studio帶來的熒光蠟燭(Blackout Candle)，通過防呆設(shè)計(jì)試圖解決這個(gè)問題：它采用了特殊材質(zhì)的石蠟和發(fā)光粉混合制作，白天發(fā)光粉吸收光的能量，晚上發(fā)出熒光;其次，造型方正，在底部有個(gè)小開口，剛好可以塞進(jìn)去一盒火柴——于是，即便突然的停電讓你措手不及，但是找到了蠟燭，你就能找到火柴~

　　從上面幾個(gè)案例中可以總結(jié)出防呆設(shè)計(jì)的原則：“避免錯(cuò)誤，無需思考”，細(xì)化如下：

　　1.即使有人為疏忽也不會發(fā)生錯(cuò)誤──不需要注意力。

　　2.外行人來做也不會錯(cuò)──不需要經(jīng)驗(yàn)

　　3.不管是誰、無論何時(shí)都不會出差錯(cuò)──不需要專門知識與高度的技能。

　　從用戶層面分析，防呆設(shè)計(jì)就是以非專業(yè)、無經(jīng)驗(yàn)的用戶角度出發(fā)，通過設(shè)計(jì)引導(dǎo)這類用戶正確的操作。工業(yè)設(shè)計(jì)如此，交互設(shè)計(jì)也不例外，下面就是筆者對交互中的防呆策略的一些思考。

　　交互中的防呆

　　簡單地說，防呆設(shè)計(jì)就是如何去防止錯(cuò)誤發(fā)生的方法。人們總是在怪罪一件錯(cuò)誤的發(fā)生，而較少去動腦筋想想如何去設(shè)計(jì)一些方法來避免錯(cuò)誤的發(fā)生。所以我們需要正視錯(cuò)誤，面對錯(cuò)誤，想方設(shè)法的避免錯(cuò)誤或緩解錯(cuò)誤。在交互設(shè)計(jì)中，用戶可能的錯(cuò)誤正是我們應(yīng)該預(yù)防的方向，我們可以參考防呆設(shè)計(jì)的思路，通過設(shè)計(jì)，引導(dǎo)用戶正確的操作。

　　1.限制操作

　　想象一下：點(diǎn)擊某個(gè)功能按鈕，然后提示不能使用，應(yīng)該怎么怎么樣先……此時(shí)你是否會呆?。杭热徊荒苡茫瑸樯兑懦鰜碜鰺熿F彈?所以，當(dāng)用戶當(dāng)前狀態(tài)不能進(jìn)行一些操作時(shí)，把這些操作隱藏起來吧。給予用戶適當(dāng)?shù)男袨榧s束——為用戶封閉掉不正確的道路。下圖所示，如果瀏覽器中已安裝Evernote Web Clipper，該頁面對應(yīng)按鈕顯示為灰色不可用狀態(tài)，避免用戶重復(fù)安裝。

　　根據(jù)用戶的使用狀態(tài)，對應(yīng)進(jìn)行功能項(xiàng)的展示和隱藏，是有效避免用戶誤操作的常用手段。由狀態(tài)所限制操作的設(shè)計(jì)在很大程度上預(yù)防了用戶可能發(fā)生的操作失誤。

　　另外，通過有趣的形式提醒用戶達(dá)到限制也是一個(gè)友善的防呆做法。Feathers是一個(gè)第三方Twitter 客戶端，點(diǎn)擊那個(gè)可愛的 Twitter 鳥發(fā)推。隨著用戶逐漸輸入內(nèi)容 Twitter 鳥會逐漸變綠，防止用戶輸入超過140 個(gè)字符限制。

　　2.預(yù)見錯(cuò)誤

　　給予用戶必要的預(yù)判性錯(cuò)誤提示——在用戶出錯(cuò)發(fā)呆之前，告訴用戶，這樣走可能會出錯(cuò)。

　　當(dāng)用戶在午夜提到“明天”時(shí)，siri會詢問用戶具體的時(shí)間，以防用戶錯(cuò)誤的做出對明天的定義。

　　當(dāng)電量不足時(shí)，Dropbox會自動停止正在進(jìn)行中的照片上傳動作。這個(gè)貼心的設(shè)計(jì)讓用戶避免了因上傳而耗盡電量手機(jī)關(guān)機(jī)的囧態(tài)。

　　當(dāng)用戶的一個(gè)行為很可能會引發(fā)預(yù)見性的錯(cuò)誤，越早提示用戶，并給出可行性的建議，錯(cuò)誤越容易被接受和改正，用戶的損失也就越小。

　　3.跳出空白

　　空白頁面一定是空白的嗎?NO。單純的空白頁面會讓用戶焦躁不安：發(fā)生什么了?我現(xiàn)在該怎么辦?……無路可走的焦慮肯定是很難受的，為避免這種心理，我們需要給到用戶適當(dāng)?shù)某隹冢層脩粼诳瞻醉撁嬉灿新房勺摺?/p>

　　例如在空白頁面，提供用戶解決辦法，或提供給用戶其他出口，引導(dǎo)用戶接下來的操作，讓用戶不在空白頁發(fā)呆，幫助讓用戶快速離開空白。

　　又或者，給用戶以與眾不同的空白頁，讓用戶可以在空白中思考。Clear中，當(dāng)用戶刪除所有l(wèi)ist或新建一個(gè)空白項(xiàng)時(shí)，頁面展示出一些有意思的語句，讓用戶不再空白。

　　4.步驟狀態(tài)

　　在一些復(fù)雜的操作時(shí)，用戶會產(chǎn)生一定的心理疑問：什么時(shí)候才是個(gè)頭呢?此時(shí)，為了避免用戶發(fā)呆，需要告訴用戶操作所處的狀態(tài)和接下來的操作步驟。

　　對用戶在這個(gè)頁面需要做什么、已經(jīng)做了什么有清晰的劃分，對現(xiàn)在需要進(jìn)行的、當(dāng)前所處的操作階段予以高亮顯示，吸引人進(jìn)行操作;對于還未進(jìn)行到的操作階段也預(yù)先做了一個(gè)介紹，很清晰的介紹了完整的任務(wù)流程。

　　另外，對狀態(tài)的巧妙標(biāo)識也是防止用戶發(fā)呆的一個(gè)有效途徑。操作過多，用戶可能已經(jīng)遺忘了一些狀態(tài)，比如瀏覽網(wǎng)頁時(shí)哪些看過哪些未看過。Opera 在新開網(wǎng)頁標(biāo)簽上設(shè)計(jì)了折角處理，提醒用戶這個(gè)頁面還未瀏覽。

　　無確切進(jìn)度時(shí)，隨著時(shí)間的增加改變wording，以提醒用戶當(dāng)前頁面仍在努力加載，避免用戶誤認(rèn)為頁面卡住。

　　5.唯一操作

　　不具備專業(yè)的知識、對操作的流程沒有預(yù)期的普通用戶，在一些流程復(fù)雜的交互操作前總會或多或少的迷茫。如何降低這種迷茫?解決方法就是讓用戶單次只需執(zhí)行唯一操作，不要把復(fù)雜的選擇題拋給用戶，讓用戶發(fā)呆。

　　例如在電腦殺毒這個(gè)相對復(fù)雜的任務(wù)中，一次只提供給用戶唯一明顯按鈕，避免用戶在選擇時(shí)左右為難。把簡單留給用戶，把復(fù)雜留給自己。用戶只給用戶唯一的推薦，別讓用戶思考。

　　6.想你所需

　　用戶在操作時(shí)不會保持高度的謹(jǐn)慎和耐性，所以必要時(shí)要幫助用戶思考。幫用戶想他沒想到的，幫用戶想他所需要的。如新浪微博使用郵箱做為登錄名，用戶在輸入@ 后，將會出現(xiàn)輸入建議，輸入建議里有常用郵箱的后綴以輔助輸入。此時(shí)用戶就可以直接選擇無需輸入。

　　根據(jù)用戶場景設(shè)計(jì)用戶想不到的需求是防呆設(shè)計(jì)的較高境界。當(dāng)你使用手機(jī)豎屏瀏覽時(shí)想將內(nèi)容放大你會怎么做?沒錯(cuò)，將屏幕翻轉(zhuǎn)至橫屏顯示，之后觸控放大。谷歌翻譯對這一場景進(jìn)行了延伸設(shè)計(jì)：當(dāng)翻譯完句子后，如果將設(shè)備橫屏旋轉(zhuǎn)其界面會自動全屏并放大，方便展示給旁邊的人觀看。這個(gè)貼心的細(xì)節(jié)提前考慮到用戶使用翻譯的場景，幫助用戶省去一步操作。

　　替用戶思考，幫用戶想他們所想不到的，不局限與讓用戶停止發(fā)呆，還要讓用戶意想不到。

　　結(jié)語

　　防呆設(shè)計(jì)就是如何去防止錯(cuò)誤發(fā)生的方法，讓非專業(yè)、無經(jīng)驗(yàn)的用戶可以第一時(shí)間完成正確操作。最后，總結(jié)下防呆在交互設(shè)計(jì)中的應(yīng)用。

　　避免錯(cuò)誤

　　1.限制操作：將暫時(shí)不可用的操作隱藏起來;

　　2.預(yù)見出錯(cuò)：將用戶可能的錯(cuò)誤提前展示，比事后諸葛要好;

　　3.跳出空白：別讓用戶止步與空白，空白應(yīng)有更廣的發(fā)揮空間;

　　無需思考

　　1.狀態(tài)指引：讓用戶了解當(dāng)前的狀態(tài)和未來的進(jìn)程，防止用戶迷失;

　　2.唯一操作：復(fù)雜的任務(wù)流中不要讓用戶過多選擇，簡單唯一就好;

　　3.想你所需：用戶是匆忙的，我們要替用戶想到他們想不到的事情。

　　總之，我們應(yīng)該拋開自己的高級用戶視角，在用戶可能“發(fā)呆”的各個(gè)時(shí)刻精雕細(xì)琢。深入挖掘用戶行為習(xí)慣和心智模型，真正從用戶的角度去分析使用上可能會出現(xiàn)問題，通過系統(tǒng)的設(shè)計(jì)去盡量避免錯(cuò)誤的發(fā)生——把簡單留給用戶、把復(fù)雜留給自己，讓發(fā)呆成為不可能。

文章題目：別讓用戶發(fā)呆—設(shè)計(jì)中的防呆策略
當(dāng)前路徑：http://jinyejixie.com/news/173042.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、云服務(wù)器、手機(jī)網(wǎng)站建設(shè)、面包屑導(dǎo)航、微信小程序、網(wǎng)站收錄

廣告

聲明：本網(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)