按鈕優(yōu)先級(jí)選項(xiàng)規(guī)劃與用戶體會(huì)

在網(wǎng)站和APP中的對(duì)話框一般會(huì)進(jìn)行信息說(shuō)明，并供給若干選項(xiàng)。最常見(jiàn)的選項(xiàng)數(shù)量一般是兩個(gè)——一個(gè)選項(xiàng)優(yōu)先級(jí)最高，為首選選項(xiàng)，而別的一個(gè)選項(xiàng)較少被選，為非必須選項(xiàng)。（比如用戶填寫表單之后，結(jié)尾會(huì)供給兩個(gè)按鈕，一個(gè)為提交，另一個(gè)為吊銷）。今日浪訊將結(jié)合用戶體會(huì)與我們一起探討按鈕的優(yōu)先級(jí)選項(xiàng)規(guī)劃。
防備犯錯(cuò)
視覺(jué)分量。當(dāng)兩個(gè)選項(xiàng)之間有顯著區(qū)別的時(shí)分，你應(yīng)當(dāng)讓兩個(gè)按鈕具有不同的視覺(jué)分量，讓其間一個(gè)成為視覺(jué)的重心。處于視覺(jué)重心上的按鈕會(huì)獲得更多的注意力。

明晰而顯著的標(biāo)簽。一個(gè)規(guī)劃正確的對(duì)話框不應(yīng)該只是給用戶供給挑選而已，也應(yīng)該讓每個(gè)選項(xiàng)盡或許的清晰。這便是為什么要讓每個(gè)選項(xiàng)的標(biāo)簽盡或許的明晰清晰。清晰的標(biāo)簽?zāi)芙o予用戶“恰到好處的協(xié)助”，讓用戶在作出正確挑選的時(shí)分不躊躇：
·一般帶有清晰指向性和說(shuō)明的標(biāo)簽（按鈕內(nèi)容，文本）會(huì)比通用的“OK”或許“承認(rèn)”要更好。
·盡或許運(yùn)用動(dòng)詞，而不是OK，由于前者意義會(huì)更清晰，用戶不會(huì)斷章取義然后作犯過(guò)錯(cuò)的挑選。
由于中文和英文在答復(fù)的形式上的差異，這個(gè)對(duì)話框中的兩個(gè)選項(xiàng)OK 和 Cancel 在兩種語(yǔ)言下答復(fù)是截然不同的。

接下來(lái)的這個(gè)對(duì)比事例中，第一個(gè)對(duì)話框中，“No”只是是答復(fù)問(wèn)題，可是并沒(méi)有指向性，并未指出這么挑選的結(jié)果。而第二個(gè)對(duì)話框則好了許多，“Cancel”和“Discard”兩個(gè)選項(xiàng)，后者和前文所提出的問(wèn)題相對(duì)應(yīng)，指向性清晰，而Cancel 的含義也就愈加明晰了。

正向的首選操作（“發(fā)送”或“提交”等）
當(dāng)首選操作是正向的時(shí)分，相關(guān)的表單和按鈕應(yīng)當(dāng)具有更多的視覺(jué)分量，而非必須的選項(xiàng)的視覺(jué)分量應(yīng)當(dāng)更輕，這樣能夠最大程度減少潛在的犯錯(cuò)風(fēng)險(xiǎn)，并將用戶導(dǎo)向到正確的方向。

一般，我們所說(shuō)的“保存”、“提交”、“發(fā)送”在大都時(shí)分都算是正向的按鈕。
反向的首選操作（“替換”或許“刪去”）
假如此刻的操作主要是反向的，替換、刪去、移除等，那么將這些不可逆的操作對(duì)應(yīng)的按鈕和選項(xiàng)賦予更多的視覺(jué)分量，其實(shí)比較風(fēng)險(xiǎn)的。由于這些操作的不可逆性，它們并不一定是“安全操作”，用戶在引導(dǎo)下或許并不明白它們的危害性而下意識(shí)操作，這或許會(huì)導(dǎo)致犯錯(cuò)。比如，當(dāng)用戶在做替換文檔的操作的時(shí)分，履行速度自身并不重要，是否操作正確才是要點(diǎn)，只有這樣才不會(huì)讓用戶后悔。

“吊銷”是非必須操作，可是它應(yīng)當(dāng)具有更多的視覺(jué)重心。
“刪去”和“擦除”相關(guān)的操作應(yīng)當(dāng)多留意。你有沒(méi)有誤刪文檔事后發(fā)現(xiàn)追悔不及的情況？許多用戶并不會(huì)仔細(xì)閱讀對(duì)話框中的承認(rèn)信息就作出挑選�？墒怯袝r(shí)分，用戶的確是閱讀了提示，可是仍然手滑作出了過(guò)錯(cuò)的挑選。（在應(yīng)當(dāng)“吊銷”的時(shí)分不小心點(diǎn)了“刪去”）
你應(yīng)當(dāng)為用戶供給單一且顯著的承認(rèn)操作按鈕，同時(shí)確保規(guī)劃的可訪問(wèn)性，不會(huì)由于文化差異而呈現(xiàn)了解偏差，包含色彩自身的指引性。

LinkedIn 的對(duì)話框中的選項(xiàng)就表述的十分清晰。
此外，你應(yīng)當(dāng)依據(jù)中心的用戶數(shù)據(jù)為關(guān)鍵性的操作規(guī)劃一套不太相同的處理機(jī)制：比如為了避免用戶誤觸，不供給而按鈕而是輸入框，讓用戶輸入“Delete”來(lái)進(jìn)行刪去操作。

被禁用的按鈕
非活動(dòng)的、被禁用的按鈕有時(shí)分也是十分有用的，它能夠告訴用戶某些操作的或許性。即便在當(dāng)前情況下并不可用，用戶也會(huì)意識(shí)到在某些時(shí)分它們或許會(huì)被用到。

這類被禁用的按鈕還有別的一個(gè)作用，便是在緊急情況下啟用，協(xié)助陷入困境的用戶。“吊銷”按鈕很少見(jiàn)，可是它的確存在，并且從可用性的視點(diǎn)上來(lái)看，還相當(dāng)?shù)膶?shí)用。用戶面臨誤觸或許意料之外的操作，會(huì)下意識(shí)“返回”，而“吊銷”按鈕的存在，讓操作的指向性愈加明晰。

“承認(rèn)”-“吊銷”仍是“吊銷”-“承認(rèn)”？
“承認(rèn)/吊銷”按鈕是我們最常見(jiàn)的按鈕組合之一。而面臨這一組按鈕最常見(jiàn)的問(wèn)題是，首選按鈕應(yīng)該是在前面仍是在后面。實(shí)際上，在實(shí)際效果和用戶偏好上，兩種搭配方法并無(wú)明顯區(qū)別。
Apple、Google 和微軟的規(guī)劃標(biāo)準(zhǔn)
渠道的一致性規(guī)劃其實(shí)比先后次序來(lái)的愈加重要，可是幾個(gè)不同的渠道之間的操作次序規(guī)定并不相同。
微軟的規(guī)劃遵從下面的次序：
·OK/[Do it]/Yes
·[Don't do it]/No
·Cancel

可是在 MacOSX 的規(guī)劃標(biāo)準(zhǔn)中則不同，“能夠引發(fā)特定操作的按鈕應(yīng)當(dāng)處于右邊，而吊銷按鈕則應(yīng)當(dāng)在這個(gè)按鈕的左面�！边@樣一來(lái)，在Mac渠道上，吊銷按鈕在左，而承認(rèn)按鈕在右邊。

Google Android 的規(guī)劃標(biāo)準(zhǔn)中則規(guī)定，“‘吊銷’操作的按鈕始終處于左面，當(dāng)用戶履行這個(gè)操作的時(shí)分會(huì)回到上一個(gè)狀況，而正向操作的按鈕則安排在右側(cè)�！币脖闶钦f(shuō)，在Android傍邊，“吊銷”按鈕是在“承認(rèn)”按鈕的左面。

假如你的規(guī)劃是針對(duì)特定的渠道，那么按鈕的排布次序倒是很明晰的，按照規(guī)劃標(biāo)準(zhǔn)來(lái)就好了。相比于“個(gè)性化”的挑選，渠道的一致性原則優(yōu)先級(jí)更高，關(guān)于用戶體會(huì)上的加成也更多，簡(jiǎn)言之便是更好用、更直覺(jué)。不遵從標(biāo)準(zhǔn)的規(guī)劃談不上過(guò)錯(cuò)，可是用戶會(huì)躊躇、猶豫，甚至誤觸。
依據(jù)網(wǎng)絡(luò)的渠道
當(dāng)然，假如你是要規(guī)劃依據(jù)Web的應(yīng)用程序的話，應(yīng)當(dāng)遵從什么樣的規(guī)劃就要看你地點(diǎn)渠道的標(biāo)準(zhǔn)或許用戶的運(yùn)用習(xí)慣了。你能夠通過(guò)用戶分析和調(diào)研，來(lái)找出最適合渠道的排列次序。在這種情況下，你需求依據(jù)可用性來(lái)進(jìn)行考慮，依據(jù)用戶的運(yùn)用場(chǎng)景來(lái)推導(dǎo)用戶的了解方法，作出最優(yōu)選。
“承認(rèn)/吊銷”以及“是/否”的挑選符合東西方文化的根本交流邏輯，“你同意我的說(shuō)法么？——是/否”，“是”為首選選項(xiàng)，“否”為非必須選項(xiàng)。假如用戶挑選“是”的機(jī)率比“否”要高的多，那么將“是”放在第一位，降低用戶誤觸的機(jī)率。
而“吊銷-承認(rèn)”的排布方法修改了邏輯流程，這種排布方法讓靠后的元素顯得愈加重要。

兩種方法各有優(yōu)劣，可是自身一般不存在可用性問(wèn)題。