偷偷鲁2019丫丫久久

網(wǎng)頁(yè)表單中的行為也分主次

作者:木魚(yú)貓
2010-03-05
4471
作者介紹:Luke Wroblewski,目前在Yahoo!擔(dān)任首席設(shè)計(jì)師(Chief Design Architect),主要進(jìn)行互聯(lián)網(wǎng)、移動(dòng)設(shè)備、電視等等產(chǎn)品線及前瞻性的客戶體驗(yàn)整合。在這之前他曾是eBay公司平臺(tái)組的用戶界面設(shè)計(jì)領(lǐng)導(dǎo)者。他同時(shí)也是兩本知名網(wǎng)頁(yè)設(shè)計(jì)書(shū)籍的作者(Web Form Design 和 Site-Seeing: A Visual Approach to Web Usability)。

版權(quán)聲明:譯文轉(zhuǎn)載請(qǐng)注明來(lái)自阿斯貓的兵工廠

譯文:

最近幾個(gè)月以來(lái),我一直忙于在我的新書(shū)中通過(guò)實(shí)際測(cè)試數(shù)據(jù)來(lái)重寫(xiě)設(shè)計(jì)建議,這本書(shū)名叫《網(wǎng)頁(yè)表單設(shè)計(jì)最佳練習(xí)》(Web Form Design Best Practices)。為完成這件事,我很榮幸的和倫敦的可用性專(zhuān)家Etre一起合作,并進(jìn)行了大量的專(zhuān)門(mén)針對(duì)網(wǎng)頁(yè)表單設(shè)計(jì)的眼動(dòng)實(shí)驗(yàn)和可用性研究。其中的一項(xiàng)測(cè)試便是研究主要行為與次要行為之間的差異化。

主要行為與次要行為

一個(gè)典型網(wǎng)頁(yè)表單通常包含數(shù)個(gè)“決定性”行為。例如“提交”“保存”或者“繼續(xù)”等行為,他們都是被用來(lái)“完成表單”,而“完成表單”則是任何用戶開(kāi)始填寫(xiě)表單之后的主要目標(biāo)。因?yàn)槟軌虮挥脕?lái)觸發(fā)表單中最重要的行為(完成表單),所以他們常被歸為主要行為。

另一方便,次要行為的使用趨勢(shì)越來(lái)越少,同時(shí)大多數(shù)通常允許用戶撤銷(xiāo)已經(jīng)輸入的數(shù)據(jù)。例如“取消”“重置”或“返回”之類(lèi)的選項(xiàng),他們代表了與用戶填寫(xiě)表單時(shí)的首要目標(biāo)剛好相反的次要行為。

由于次要行為包括否定結(jié)果,我過(guò)去常常和人們爭(zhēng)論說(shuō)他們應(yīng)該不應(yīng)該出現(xiàn)在表單中,尤其是他們常被用戶無(wú)意中使用。相像一下這樣的情景,你在填寫(xiě)一個(gè)冗長(zhǎng)的在線表單的時(shí)候不小心點(diǎn)了“重置”按鈕,于是你輸入的所有數(shù)據(jù)都被抹掉了。

當(dāng)然某些情況下次要按鈕時(shí)也是有意義的,例如“暫存”“導(dǎo)出”等等。在這些條件下,我主張最好的方式是通過(guò)視覺(jué)樣式來(lái)區(qū)別主要和次要行為,這樣才能確保用戶可以找到一條清晰的路徑來(lái)完成自己的首要目標(biāo):完成表單。

降低次要行為的視覺(jué)影響可以最小化出現(xiàn)潛在錯(cuò)誤的幾率,同時(shí)也能指引用戶更靠近成功的結(jié)果。但是如何才是實(shí)現(xiàn)這種目標(biāo)的最好方法?主要行為與次要行為應(yīng)該被放置于何處?他們之間到底需要有多大的差別?為了回答這些問(wèn)題,Etre和我一起進(jìn)行了一些測(cè)試。

為了評(píng)估主要和次要行為的哪種表現(xiàn)方式的使用效果更好,我們共邀請(qǐng)了23位用戶,通過(guò)使用眼動(dòng)儀和可用性標(biāo)準(zhǔn)測(cè)試了6種不同的設(shè)計(jì)。我們按照隨機(jī)順序給參與者介紹了這6種不同的設(shè)計(jì)(隨機(jī)是為了最小化因相似性而引起的偏差),同時(shí)告訴他們“請(qǐng)準(zhǔn)確并完整的完成這個(gè)表單”。

0
7
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)