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

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

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

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

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

1.限制操作

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

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

2.預(yù)見錯誤

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

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

3.跳出空白

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

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

4.步驟狀態(tài)

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

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

5.唯一操作

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

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

6.想你所需

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

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

避免錯誤

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

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

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

無需思考

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

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

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

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

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

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)