2022-08-14 分類: 網(wǎng)站建設(shè)
生活中總會有些狀況讓我們無所適從摸不著頭腦:面對一排電燈或空調(diào)的按鈕,哪個才是控制我想要的?開鎖時掏出一把鑰匙,哪個才是正確的?拿起U盤插入電腦,朝那個方向才是對的?類似的猶豫充分說明,你呆住了?,F(xiàn)在創(chuàng)新互聯(lián)網(wǎng)站建設(shè)告訴大家,是需要“防呆設(shè)計”來拯救你了。
防呆是一種預(yù)防矯正的行為約束手段,運(yùn)用避免產(chǎn)生錯誤的限制方法,讓操作者不需要花費(fèi)注意力、也不需要經(jīng)驗與專業(yè)知識即可準(zhǔn)確無誤完成正確的操作。廣義來講,防呆就是如何設(shè)計一個東西,而使錯誤發(fā)生的機(jī)會減至最低的程度。避免工作錯誤的發(fā)生,進(jìn)而達(dá)到“一次就把工作做對”之境界。
下面這款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.限制操作
想象一下:點(diǎn)擊某個功能按鈕,然后提示不能使用,應(yīng)該怎么怎么樣先……此時你是否會呆?。杭热徊荒苡?,為啥要放出來做煙霧彈?所以,當(dāng)用戶當(dāng)前狀態(tài)不能進(jìn)行一些操作時,把這些操作隱藏起來吧。給予用戶適當(dāng)?shù)男袨榧s束——為用戶封閉掉不正確的道路。下圖所示,如果瀏覽器中已安裝Evernote Web Clipper,該頁面對應(yīng)按鈕顯示為灰色不可用狀態(tài),避免用戶重復(fù)安裝。
根據(jù)用戶的使用狀態(tài),對應(yīng)進(jìn)行功能項的展示和隱藏,是有效避免用戶誤操作的常用手段。由狀態(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)在需要進(jìn)行的、當(dāng)前所處的操作階段予以高亮顯示,吸引人進(jìn)行操作;對于還未進(jìn)行到的操作階段也預(yù)先做了一個介紹,很清晰的介紹了完整的任務(wù)流程。
5.唯一操作
不具備專業(yè)的知識、對操作的流程沒有預(yù)期的普通用戶,在一些流程復(fù)雜的交互操作前總會或多或少的迷茫。如何降低這種迷茫?解決方法就是讓用戶單次只需執(zhí)行唯一操作,不要把復(fù)雜的選擇題拋給用戶,讓用戶發(fā)呆。
例如在電腦殺毒這個相對復(fù)雜的任務(wù)中,一次只提供給用戶唯一明顯按鈕,避免用戶在選擇時左右為難。把簡單留給用戶,把復(fù)雜留給自己。用戶只給用戶唯一的推薦,別讓用戶思考。
6.想你所需
用戶在操作時不會保持高度的謹(jǐn)慎和耐性,所以必要時要幫助用戶思考。幫用戶想他沒想到的,幫用戶想他所需要的。如新浪微博使用郵箱做為登錄名,用戶在輸入@ 后,將會出現(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)和未來的進(jìn)程,防止用戶迷失;
2.唯一操作:復(fù)雜的任務(wù)流中不要讓用戶過多選擇,簡單唯一就好;
3.想你所需:用戶是匆忙的,我們要替用戶想到他們想不到的事情。
文章標(biāo)題:不要讓用戶在你建設(shè)好的網(wǎng)站上無所適從
網(wǎng)站地址:http://jinyejixie.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)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容