不要讓用戶在你建設(shè)好的網(wǎng)站上無所適從

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

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

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

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

1.限制操作

想象一下：點(diǎn)擊某個(gè)功能按鈕，然后提示不能使用，應(yīng)該怎么怎么樣先……此時(shí)你是否會(huì)呆?。杭热徊荒苡茫瑸樯兑懦鰜碜鰺熿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ā)生的操作失誤。

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

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

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

3.跳出空白

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

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

4.步驟狀態(tài)

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

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

5.唯一操作

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

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

6.想你所需

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

防呆設(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.想你所需：用戶是匆忙的，我們要替用戶想到他們想不到的事情。

文章標(biāo)題：不要讓用戶在你建設(shè)好的網(wǎng)站上無所適從
網(wǎng)站地址：http://www.muchs.cn/news11/189811.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、定制開發(fā)、微信小程序、品牌網(wǎng)站設(shè)計(jì)、電子商務(wù)、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(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)