相反，次要?jiǎng)幼飨鄬?duì)用的較少，而且通常允許用戶撤銷已經(jīng)輸入的數(shù)據(jù)。比如【取消】、【重置】或【返回】，與用戶完成表單的主要目標(biāo)相對(duì)而言，它們處于次要地位。
 

　　由于次要按鈕有可能引發(fā)負(fù)面后果，特別是無(wú)意中被觸發(fā)時(shí)，我過(guò)去經(jīng)常主張把它們從表單中去掉。試想一下，你填寫了一個(gè)超長(zhǎng)的表單后，只是誤點(diǎn)了一下【重置】按鈕，所有的數(shù)據(jù)都不見了。 

　　有人說(shuō)有時(shí)候次要?jiǎng)幼饕彩呛侠淼模ā玖泶鏋椤?、【?dǎo)出】等）。在這種情況下，我的經(jīng)驗(yàn)是把主次要按鈕從視覺(jué)上區(qū)分開，這樣用戶就不至于混淆主要目的：完成表單。

　　弱化次要?jiǎng)幼鞯囊曈X(jué)表現(xiàn)，可以將潛在錯(cuò)誤的風(fēng)險(xiǎn)降到最低，同時(shí)把用戶引導(dǎo)向正確的結(jié)果。但是，區(qū)別主次動(dòng)作的最佳方案是什么呢？主要?jiǎng)幼髋c次要?jiǎng)幼鲬?yīng)當(dāng)有多大差異？他們應(yīng)該怎樣放置？為了解答這些問(wèn)題，我和Erte進(jìn)行了一些測(cè)試。 

　　為了研究主次動(dòng)作的最佳顯示方案，我們使用6種方案測(cè)試了23名用戶，使用了眼動(dòng)追蹤法和可用性度量法。測(cè)試用戶按隨機(jī)順序查看6種設(shè)計(jì)方案（以便克服熟悉度偏誤），他們都被要求“完整而正確的填完表單”。

　　視覺(jué)差異

　　6個(gè)方案中，有5個(gè)方案完美的完成了任務(wù)。A/B/C/D/F方案的正確率為100％，沒(méi)有引發(fā)任何一個(gè)錯(cuò)誤。它們完成任務(wù)的時(shí)間大致相當(dāng)，并且滿意度評(píng)價(jià)也一樣高。 

　　其中，B方案的效果最佳。用戶注視的時(shí)間最短，而且注視量最少。與其他方案相比，用戶能更快更有效的完成任務(wù)。

　　但是評(píng)論A方案的時(shí)候，一些用戶認(rèn)為把【取消】按鈕顯示成鏈接形式比較有效。一名用戶提到，雖然這種隱性顯示法會(huì)讓他找不到按鈕，但卻有效避免了意外的（也是災(zāi)難性的）取消操作。另一名用戶認(rèn)為，【提交】按鈕是用戶界面里最重要的按鈕，【取消】按鈕理所當(dāng)然的不配享用前者般的同等待遇。 

　　還有一些用戶對(duì)C方案把【取消】按鈕“灰掉”的做法表示反對(duì)。此外，有一人說(shuō)顏色可以讓人更容易找到“正確的按鈕”（比如【提交】），而另一人卻說(shuō)不同顏色的按鈕“影響速度（并且）讓你回頭檢查你是否點(diǎn)擊了正確的東西”。 

　　有趣的是，處理C方案的用戶和處理B方案（使用了幾乎相同的綠色左對(duì)齊按鈕）的相比，平均多了8個(gè)以上的注視 。這似乎說(shuō)明，雖然用戶的確認(rèn)可C方案這種灰色【取消】按鈕更容易識(shí)別，但是在處理速度方面，C方案的確效率不佳。據(jù)稱，使用B方案時(shí)，一部分用戶感覺(jué)到有點(diǎn)擔(dān)心他們“也可能很容易點(diǎn)擊了錯(cuò)誤的按鈕”。

　　總的來(lái)說(shuō)，似乎人們更喜歡那種【取消】按鈕靠邊站的設(shè)計(jì)，即便這些設(shè)計(jì)會(huì)拖一點(diǎn)后腿。這證明用戶更加關(guān)心數(shù)據(jù)的安全，而不是更快的提交。

　　布局

　　整個(gè)測(cè)試中，E方案表現(xiàn)的最差。有6名用戶錯(cuò)誤的點(diǎn)擊了【取消】按鈕，而更多的人則在按鈕前徘徊，直到他們發(fā)現(xiàn)差點(diǎn)犯錯(cuò)為止。整體上看，使用E方案的用戶比B方案的平均慢了6秒（當(dāng)認(rèn)為按鈕的布局是兩種方案唯一的不同時(shí)，這個(gè)6秒的差距還是相當(dāng)大的）。完成任務(wù)需要作出的注視也大大高于平均值（高于平均注視總時(shí)長(zhǎng)平和均注視時(shí)長(zhǎng)）。

　　根據(jù)我們收集的數(shù)據(jù)顯示，A、B、C方案是最有效的三個(gè)。這三個(gè)原型有著一個(gè)共同特點(diǎn)：【提交】【取消】按鈕全部放置在頁(yè)面左側(cè)。這說(shuō)明這兩個(gè)操作的最佳設(shè)計(jì)選擇是左對(duì)齊 － 特別當(dāng)表單控件也同樣左對(duì)齊時(shí)。把這兩個(gè)按鈕放在左側(cè)也使得用戶眼睛移動(dòng)的距離最少。
 

　　從眼動(dòng)的情況來(lái)說(shuō)，F(xiàn)方案效率最差。雖然所有的用戶都成功的完成了任務(wù)，但我們的眼動(dòng)跟蹤設(shè)備數(shù)據(jù)還是證明了其他方案更加高效。使用F方案時(shí)，用戶的注視時(shí)間最久，相對(duì)于其他方案來(lái)說(shuō)，他們注視的也更加頻繁了。我們認(rèn)為這是由于用戶本來(lái)以為按鈕會(huì)在左側(cè)（比如直接顯示在表單最后一個(gè)控件下方），結(jié)果卻發(fā)現(xiàn)并非如此，不僅這樣，他們還得到處搜索去尋找按鈕。

　　這一發(fā)現(xiàn)很好的符合了一個(gè)表單設(shè)計(jì)方面的長(zhǎng)久以來(lái)的原則：引導(dǎo)用戶正確完成。按一個(gè)明顯的垂直方向排列輸入框和動(dòng)作按鈕，可以清晰的告訴用戶如何按順序完成表單。這一點(diǎn)，可以從下面的熱區(qū)圖中看到：用戶的注視路徑形成了非常顯著的垂直形狀。

　　（注意：心理預(yù)期因素可能影響了測(cè)試結(jié)果。因?yàn)樵谖覀儨y(cè)試的所有方案中，【提交】按鈕都是擺在【取消】按鈕左側(cè)的。）

　　總結(jié)

　　雖然，大部分網(wǎng)頁(yè)表單的設(shè)計(jì)目標(biāo)都是讓用戶能夠快速準(zhǔn)確的完成表單，但是在某種情況下的確有必要減慢用戶的速度。需要幫助用戶對(duì)主、次要?jiǎng)幼鬟M(jìn)行選擇的時(shí)候，視覺(jué)上的區(qū)分會(huì)是一個(gè)有效途徑。 

　　這種區(qū)分應(yīng)做到何種程度？象A方案一樣做成按鈕vs鏈接，還是象C方案一樣僅改變不同的顏色？A方案在完成時(shí)間、平均注視量和平均注視總時(shí)長(zhǎng)方面更優(yōu)，這表面用戶完成的更快，但并沒(méi)有快很多。 

　　當(dāng)然，如果沒(méi)有次要?jiǎng)幼鞯臅r(shí)候，這種區(qū)分顯然是多余的。應(yīng)當(dāng)確定你是否有必要在表單中放置次要?jiǎng)幼?，并且不要亂用一氣。把動(dòng)作按鈕與表單的輸入域?qū)R，可以給用戶照亮前進(jìn)的路途，幫助他們更快的完成表單。要記住，直接把主要?jiǎng)幼靼粹o與輸入域?qū)R能夠提高工作效率并且減少耗費(fèi)的時(shí)間，用戶也將更加開心。