超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

別讓用戶(hù)發(fā)呆—設(shè)計(jì)中的防呆策略

2013-10-12    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 包裝設(shè)計(jì) 、 圖標(biāo)定制 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://cdc.tencent.com/?p=7756

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

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

防呆定義

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

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

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

1

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

2

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

3

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

4

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

5

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

6

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

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

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

  3.不管是誰(shuí)、無(wú)論何時(shí)都不會(huì)出差錯(cuò)──不需要專(zhuān)門(mén)知識(shí)與高度的技能。

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

交互中的防呆

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

  • 1.限制操作

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

7

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

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

8

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

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

  當(dāng)用戶(hù)在午夜提到“明天”時(shí),siri會(huì)詢(xún)問(wèn)用戶(hù)具體的時(shí)間,以防用戶(hù)錯(cuò)誤的做出對(duì)明天的定義。

9

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

10

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

3.跳出空白

  空白頁(yè)面一定是空白的嗎?NO。單純的空白頁(yè)面會(huì)讓用戶(hù)焦躁不安:發(fā)生什么了?我現(xiàn)在該怎么辦?……無(wú)路可走的焦慮肯定是很難受的,為避免這種心理,我們需要給到用戶(hù)適當(dāng)?shù)某隹?,讓用?hù)在空白頁(yè)面也有路可走。

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

11

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

12

4.步驟狀態(tài)

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

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

13

14

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

15

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

16

5.唯一操作

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

17

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

6.想你所需

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

18

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

19

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

結(jié)語(yǔ)

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

避免錯(cuò)誤

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

  2.預(yù)見(jiàn)出錯(cuò):將用戶(hù)可能的錯(cuò)誤提前展示,比事后諸葛要好;

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

無(wú)需思考

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

  2.唯一操作:復(fù)雜的任務(wù)流中不要讓用戶(hù)過(guò)多選擇,簡(jiǎn)單唯一就好;

  3.想你所需:用戶(hù)是匆忙的,我們要替用戶(hù)想到他們想不到的事情。

 

轉(zhuǎn)載來(lái)自:Tencent CDC Blog

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

分享本文至:

日歷

鏈接

個(gè)人資料

存檔