Web應(yīng)用程序設(shè)計(jì)中常見的10種錯(cuò)誤

2012-03-03 17:54:12來(lái)源:gamerboom作者:

撰寫有關(guān)應(yīng)用程序設(shè)計(jì)錯(cuò)誤的文章是件很困難的事情,因?yàn)樽钤愀獾腻e(cuò)誤往往具有領(lǐng)域?qū)iT性和特殊性。通常情況下,應(yīng)用程序的失敗有以下3種原因:解決了錯(cuò)誤的問(wèn)題;目標(biāo)問(wèn)題正確,但使用的是錯(cuò)誤的功能;功能設(shè)計(jì)正確

4.a、運(yùn)轉(zhuǎn)時(shí)未顯示進(jìn)程指示器

缺乏反饋的變體之一是,系統(tǒng)未向用戶告知需要花較長(zhǎng)時(shí)間才能完成動(dòng)作。用戶常常會(huì)認(rèn)為應(yīng)用程序已崩潰,或者會(huì)開始點(diǎn)擊新的動(dòng)作。

如果你無(wú)法在短時(shí)間內(nèi)完成動(dòng)作,要將這種情況告知用戶,讓用戶知道正在發(fā)生的事情:

(1)如果命令的執(zhí)行需要1秒以上的時(shí)間,顯示“繁忙”指針。這就相當(dāng)于告訴用戶先暫停發(fā)出命令,不要點(diǎn)擊其他的功能,直到指針變回原樣。

(2)如果命令的執(zhí)行需要10秒以上的時(shí)間,要呈現(xiàn)顯眼的進(jìn)度條,最好能夠在指示器中顯示完成百分比,除非你無(wú)法計(jì)算出運(yùn)行中需要完成的剩余工作量。

5、不良錯(cuò)誤消息

錯(cuò)誤消息是種特別形式的反饋,它們告知用戶錯(cuò)誤已發(fā)生。錯(cuò)誤消息設(shè)計(jì)指導(dǎo)原則已面世了將近30年,但許多應(yīng)用程序仍然沒(méi)有遵從。

最普遍的錯(cuò)誤是,錯(cuò)誤消息只向用戶告知已發(fā)生的錯(cuò)誤,沒(méi)有解釋原因,也沒(méi)有建議用戶要如何解決問(wèn)題。此類消息會(huì)將用戶置于困境中。

信息型錯(cuò)誤消息不僅能夠幫助用戶解決當(dāng)前問(wèn)題,還能夠?yàn)橛脩籼峁┲笇?dǎo)。通常情況下,用戶不會(huì)花時(shí)間閱讀手冊(cè)和學(xué)習(xí)功能,但如果你清晰解釋的話,他們會(huì)花時(shí)間來(lái)理解錯(cuò)誤情況,因?yàn)樗麄兿胍鉀Q問(wèn)題。

web上的錯(cuò)誤消息還有種較為普遍出現(xiàn)的問(wèn)題:用戶會(huì)忽視多數(shù)web頁(yè)面上的錯(cuò)誤消息,因?yàn)樗麄円幚淼男畔⑾喈?dāng)多。顯然,簡(jiǎn)化頁(yè)面是緩和這個(gè)問(wèn)題的方法之一,但讓錯(cuò)誤消息更突出地顯示在基于web的UI上也是必要措施。

6、重復(fù)詢問(wèn)相同的信息

不應(yīng)當(dāng)讓用戶多次輸入相同的信息。畢竟,電腦很擅長(zhǎng)進(jìn)行數(shù)據(jù)記憶。用戶需要重復(fù)輸入信息的唯一原因在于,程序員偷懶,未將答案設(shè)置從應(yīng)用的一部分傳輸?shù)搅硪徊糠帧?/p>

7、沒(méi)有默認(rèn)值

設(shè)置默認(rèn)值能夠給用戶帶來(lái)諸多便利,比如:

(1)縮短互動(dòng)時(shí)間,如果用戶能夠接受默認(rèn)值的話,就無(wú)需再輸入新數(shù)值

(2)指導(dǎo)用戶要以何種類型的答案來(lái)回答問(wèn)題

(3)直接引導(dǎo)用戶獲得普遍結(jié)果,如果用戶不知道要怎么操作的話,他們只需接受默認(rèn)值即可

我在第1個(gè)錯(cuò)誤中將Liste Rouge Paris作為反例,我打算在這里呈現(xiàn)它優(yōu)秀的一面。對(duì)于自行設(shè)計(jì)預(yù)定襯衫的用戶,裁縫提供了15種不同的衣領(lǐng)風(fēng)格。幸運(yùn)的是,他們還提供了默認(rèn)選擇。在測(cè)試中,這種做法對(duì)首次使用該應(yīng)用的用戶非常有效,因?yàn)楫?dāng)用戶沒(méi)有特別偏好時(shí),保持默認(rèn)選擇便可以讓他獲得最普通和適合的衣物。

listerouge-default-collar(from useit)
listerouge-default-collar(from useit)

 

8、過(guò)早向用戶呈現(xiàn)核心內(nèi)容

多數(shù)基于web的應(yīng)用都是短暫應(yīng)用,是用戶在瀏覽網(wǎng)頁(yè)時(shí)碰巧遇到的。即便用戶是在有意尋找新應(yīng)用,他們往往也是在缺乏運(yùn)轉(zhuǎn)概念模型的情況下接觸應(yīng)用。人們不知道其工作流程或步驟,他們不知道預(yù)期結(jié)果,不了解他們將操縱應(yīng)用的基本概念。

對(duì)于傳統(tǒng)應(yīng)用程序而言,這不是個(gè)大問(wèn)題。即便用戶從未使用過(guò)PowerPoint,他們可能也曾經(jīng)觀看過(guò)別人展示幻燈片。因而,新的PowerPoint用戶在首次雙擊圖標(biāo)打開應(yīng)用之前,便對(duì)該應(yīng)用程序有了大概的了解。

對(duì)于關(guān)鍵任務(wù)應(yīng)用程序的設(shè)計(jì)而言,你往往可以假設(shè)多數(shù)用戶之前已經(jīng)多次試用過(guò)應(yīng)用。你還可以假設(shè),新用戶在親眼看到UI之前,會(huì)接受一定時(shí)間的培訓(xùn)。至少,他們附近應(yīng)該會(huì)有能夠給予建議和指點(diǎn)的同事。而且,優(yōu)秀的老板會(huì)告訴新員工有關(guān)應(yīng)用程序的背景信息,比如為何要使用該應(yīng)用程序以及需要借此完成的任務(wù)。

不幸的是,以上這兩種情況都不適用于多數(shù)基于web的應(yīng)用程序。它們甚至都無(wú)法適用于許多局域網(wǎng)應(yīng)用程序。

如果過(guò)早地直接向用戶呈現(xiàn)應(yīng)用程序的核心組件,便會(huì)對(duì)可用性產(chǎn)生影響。不幸的是,多數(shù)用戶不會(huì)去閱讀使用說(shuō)明,所以你或許需要向他們展示簡(jiǎn)單的列表或者通過(guò)單幅圖片讓他們一眼便可以抓住應(yīng)用程序的要點(diǎn)。

hamilton-create-your-shirt-step1(from useit)
hamilton-create-your-shirt-step1(from useit)

 

比如,如果Hamilton Shirts“制作自己的襯衫”流程的首個(gè)屏幕就呈現(xiàn)設(shè)計(jì)完成的襯衫并帶有“添加到購(gòu)物車”按鈕,那么想要訂購(gòu)自選尺寸襯衫的測(cè)試用戶就會(huì)感到極為困惑。這個(gè)屏幕中有兩個(gè)暗示內(nèi)容:配置器和電子商務(wù)產(chǎn)品屏幕。

在這種情況就不應(yīng)當(dāng)使用默認(rèn)值:想要自行設(shè)計(jì)襯衫的用戶不可能會(huì)去購(gòu)買呈現(xiàn)在首個(gè)屏幕上的已設(shè)計(jì)襯衫。

這個(gè)屏幕還犯了第1個(gè)錯(cuò)誤,使用非標(biāo)準(zhǔn)GUI控制。標(biāo)簽化對(duì)話框中的非標(biāo)準(zhǔn)下拉選擇菜單看上去并不像是標(biāo)簽,額外增加的布料展示也使得屏幕看上去像是非標(biāo)準(zhǔn)化的頁(yè)面。如此呈現(xiàn)控制方式,用戶很可能不知道如何選擇布料。

在這個(gè)站點(diǎn)上,我們的測(cè)試用戶無(wú)法理解要如何自行設(shè)計(jì)襯衫,最終選擇了其他的站點(diǎn)。

9、不告知信息的使用方式

這個(gè)問(wèn)題的嚴(yán)重性足以讓我們將其單獨(dú)列舉出來(lái):讓用戶輸入信息卻不告訴他們你將如何使用。

經(jīng)典案例便是某公告板應(yīng)用程序在用戶的注冊(cè)過(guò)程中要求其輸入“昵稱”。許多用戶并沒(méi)有意識(shí)到昵稱將被用來(lái)識(shí)別他們所發(fā)布公告的剩余時(shí)間,所以他們通常輸入的都是些不恰當(dāng)?shù)膬?nèi)容。

我們?cè)?jīng)測(cè)試過(guò)某個(gè)電子商務(wù)網(wǎng)站,該站點(diǎn)在用戶看到產(chǎn)品頁(yè)面前便要求他們輸入郵編。這會(huì)讓用戶產(chǎn)生巨大的反感,許多用戶出于隱私方面的顧慮而離開站點(diǎn)。人們討厭那些探聽隱私的站點(diǎn)。換種設(shè)計(jì)方法可能效果會(huì)更好:向用戶解釋站點(diǎn)需要知曉用戶的住址,這樣才能夠根據(jù)購(gòu)買產(chǎn)品的重量來(lái)計(jì)算郵費(fèi)。

10、系統(tǒng)中心功能

許多應(yīng)用程序提供的是反映系統(tǒng)內(nèi)部數(shù)據(jù)而不是玩家能夠理解的問(wèn)題功能。

在我們的當(dāng)前研究中,有個(gè)用戶想要重新分配自己的退休儲(chǔ)蓄(游戲邦注:比如增加債券的投資,減少股票投資)。她覺(jué)得自己達(dá)到了目標(biāo),但事實(shí)上她改變的只是將來(lái)進(jìn)入退休賬戶的金錢投資分配。她的現(xiàn)有投資依然沒(méi)有發(fā)生改變。

共同基金公司需將新投資和當(dāng)前投資區(qū)分開來(lái)。重新分配未來(lái)增加的款項(xiàng)意味著修改新進(jìn)入賬戶的金錢投資。重新分配當(dāng)前投資意味著出售某些現(xiàn)有共同基金中的持有股份,使用重新分配選項(xiàng)購(gòu)買相應(yīng)投資。

我們的測(cè)試用戶并沒(méi)有意識(shí)到新舊資金間的區(qū)別,她只是想要根據(jù)修改過(guò)的投資策略重新分配退休儲(chǔ)蓄。

即便用戶理解了新舊資金間的區(qū)別,他們或許也希望能夠?qū)⑼诵輧?chǔ)蓄視為整體來(lái)對(duì)待,無(wú)需對(duì)新舊資金分別做決定。

較好的做法是,應(yīng)用程序?qū)⑿薷恼麄(gè)賬戶的分配作為主功能,用高級(jí)設(shè)置來(lái)服務(wù)那些想要區(qū)別對(duì)待新舊資金的人。

附:web表格上的重置按鈕

這個(gè)錯(cuò)誤與web表格有關(guān),但是許多應(yīng)用程序都會(huì)用到大量的表格,所以我將該錯(cuò)誤放在這個(gè)列表中。在web表格上設(shè)置重置按鈕是種錯(cuò)誤的做法。

重置按鈕會(huì)清除用戶所有已輸入的信息,使表格回到初始狀態(tài)。如果用戶需要不斷在相同的表格中填寫完全不同的數(shù)據(jù),或許會(huì)需要這個(gè)功能,但這種情況幾乎從未在網(wǎng)頁(yè)上發(fā)生。

用戶很容易因一次錯(cuò)誤的點(diǎn)擊而失去所有的數(shù)據(jù),這違反了最基本的可用性原則。我們應(yīng)當(dāng)尊重和保護(hù)用戶的工作成果,所以需要為最具潛在破壞性的動(dòng)作添加確認(rèn)對(duì)話框。

關(guān)鍵詞:web設(shè)計(jì)

贊助商鏈接: