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

在網(wǎng)站和APP中的對(duì)話框一般會(huì)進(jìn)行信息闡明，并供給若干選項(xiàng)。最常見的選項(xiàng)數(shù)量一般是兩個(gè)——一個(gè)選項(xiàng)優(yōu)先級(jí)最高，為首選選項(xiàng)，而別的一個(gè)選項(xiàng)較少被選，為非必須選項(xiàng)。（比方用戶填寫表單之后，結(jié)尾會(huì)供給兩個(gè)按鈕，一個(gè)為提交，另一個(gè)為吊銷）。今日小優(yōu)將結(jié)合用戶體驗(yàn)與大家一同討論按鈕的優(yōu)先級(jí)選項(xiàng)規(guī)劃。
預(yù)防犯錯(cuò)
視覺分量。當(dāng)兩個(gè)選項(xiàng)之間有顯著差異的時(shí)分，你應(yīng)當(dāng)讓兩個(gè)按鈕具有不同的視覺分量，讓其間一個(gè)成為視覺的重心。處于視覺重心上的按鈕會(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í)分不躊躇：
·一般帶有清楚指向性和闡明的標(biāo)簽（按鈕內(nèi)容，文本）會(huì)比通用的“OK”或許“斷定”要更好。
·盡可能運(yùn)用動(dòng)詞，而不是OK，由于前者意義會(huì)更清楚，用戶不會(huì)望文生義然后作出過錯(cuò)的挑選。
由于中文和英文在答復(fù)的形式上的差異，這個(gè)對(duì)話框中的兩個(gè)選項(xiàng)OK 和 Cancel 在兩種言語下答復(fù)是截然不同的。

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

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

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

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

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

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

這類被禁用的按鈕還有別的一個(gè)效果，就是在緊迫狀況下啟用，協(xié)助陷入困境的用戶。“吊銷”按鈕很少見，可是它確實(shí)存在，并且從可用性的視點(diǎn)上來看，還適當(dāng)?shù)挠杏�。用戶面臨誤觸或許意料之外的操作，會(huì)下認(rèn)識(shí)“回來”，而“吊銷”按鈕的存在，讓操作的指向性愈加清楚。

“斷定”-“吊銷”仍是“吊銷”-“斷定”？
“斷定/吊銷”按鈕是咱們最常見的按鈕組合之一。而面臨這一組按鈕最常見的問題是，首選按鈕應(yīng)該是在前面仍是在后面。實(shí)際上，在實(shí)際效果和用戶偏好上，兩種搭配方法并無明顯差異。
Apple、Google 和微軟的規(guī)劃標(biāo)準(zhǔn)
渠道的一致性規(guī)劃其實(shí)比先后次序來的愈加重要，可是幾個(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è)按鈕的左面�！边@樣一來，在Mac渠道上，吊銷按鈕在左，而承認(rèn)按鈕在右邊。

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

假如你的規(guī)劃是針對(duì)特定的渠道，那么按鈕的排布次序卻是很清楚的，依照規(guī)劃標(biāo)準(zhǔn)來就好了。比較于“個(gè)性化”的挑選，渠道的一致性準(zhǔn)則優(yōu)先級(jí)更高，關(guān)于用戶體驗(yàn)上的加成也更多，簡(jiǎn)言之就是更好用、更直覺。不遵從標(biāo)準(zhǔn)的規(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í)慣了。你能夠經(jīng)過用戶剖析和調(diào)研，來找出最適合渠道的擺放次序。在這種狀況下，你需求依據(jù)可用性來進(jìn)行考慮，依據(jù)用戶的運(yùn)用場(chǎng)景來推導(dǎo)用戶的了解方法，作出最優(yōu)選。
“斷定/吊銷”以及“是/否”的挑選契合東西方文化的根本交流邏輯，“你贊同我的說法么？——是/否”，“是”為首選選項(xiàng)，“否”為非必須選項(xiàng)。假如用戶挑選“是”的機(jī)率比“否”要高的多，那么將“是”放在第一位，下降用戶誤觸的機(jī)率。
而“吊銷-斷定”的排布方法修改了邏輯流程，這種排布方法讓靠后的元素顯得愈加重要。

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