按鈕優(yōu)先級選項規(guī)劃與用戶體驗

在網(wǎng)站和APP中的對話框一般會進行信息闡明，并供給若干選項。最常見的選項數(shù)量一般是兩個——一個選項優(yōu)先級最高，為首選選項，而別的一個選項較少被選，為非必須選項。（比方用戶填寫表單之后，結(jié)尾會供給兩個按鈕，一個為提交，另一個為吊銷）。今日小優(yōu)將結(jié)合用戶體驗與大家一同討論按鈕的優(yōu)先級選項規(guī)劃。
預防犯錯
視覺分量。當兩個選項之間有顯著差異的時分，你應當讓兩個按鈕具有不同的視覺分量，讓其間一個成為視覺的重心。處于視覺重心上的按鈕會獲得更多的注意力。

清楚而顯著的標簽。一個規(guī)劃正確的對話框不應該只是給用戶供給挑選罷了，也應該讓每個選項盡可能的清楚。這就是為什么要讓每個選項的標簽盡可能的清楚清楚。清楚的標簽能給予用戶“適可而止的協(xié)助”，讓用戶在作出正確挑選的時分不躊躇：
·一般帶有清楚指向性和闡明的標簽（按鈕內(nèi)容，文本）會比通用的“OK”或許“斷定”要更好。
·盡可能運用動詞，而不是OK，由于前者意義會更清楚，用戶不會望文生義然后作出過錯的挑選。
由于中文和英文在答復的形式上的差異，這個對話框中的兩個選項OK 和 Cancel 在兩種言語下答復是截然不同的。

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

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

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

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

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

被禁用的按鈕
非活動的、被禁用的按鈕有時分也是十分有用的，它能夠告訴用戶某些操作的可能性。即便在當前狀況下并不可用，用戶也會認識到在某些時分它們可能會被用到。

這類被禁用的按鈕還有別的一個效果，就是在緊迫狀況下啟用，協(xié)助陷入困境的用戶�！暗蹁N”按鈕很少見，可是它確實存在，并且從可用性的視點上來看，還適當?shù)挠杏谩Ｓ脩裘媾R誤觸或許意料之外的操作，會下認識“回來”，而“吊銷”按鈕的存在，讓操作的指向性愈加清楚。

“斷定”-“吊銷”仍是“吊銷”-“斷定”？
“斷定/吊銷”按鈕是咱們最常見的按鈕組合之一。而面臨這一組按鈕最常見的問題是，首選按鈕應該是在前面仍是在后面。實際上，在實際效果和用戶偏好上，兩種搭配方法并無明顯差異。
Apple、Google 和微軟的規(guī)劃標準
渠道的一致性規(guī)劃其實比先后次序來的愈加重要，可是幾個不同的渠道之間的操作次序規(guī)則并不相同。
微軟的規(guī)劃遵從下面的次序：
·OK/[Do it]/Yes
·[Don't do it]/No
·Cancel

可是在 MacOSX 的規(guī)劃標準中則不同，“能夠引發(fā)特定操作的按鈕應當處于右邊，而吊銷按鈕則應當在這個按鈕的左面。”這樣一來，在Mac渠道上，吊銷按鈕在左，而承認按鈕在右邊。

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

假如你的規(guī)劃是針對特定的渠道，那么按鈕的排布次序卻是很清楚的，依照規(guī)劃標準來就好了。比較于“個性化”的挑選，渠道的一致性準則優(yōu)先級更高，關于用戶體驗上的加成也更多，簡言之就是更好用、更直覺。不遵從標準的規(guī)劃談不上過錯，可是用戶會躊躇、猶疑，甚至誤觸。
依據(jù)網(wǎng)絡的渠道
當然，假如你是要規(guī)劃依據(jù)Web的應用程序的話，應當遵從什么樣的規(guī)劃就要看你地點渠道的標準或許用戶的運用習慣了。你能夠經(jīng)過用戶剖析和調(diào)研，來找出最適合渠道的擺放次序。在這種狀況下，你需求依據(jù)可用性來進行考慮，依據(jù)用戶的運用場景來推導用戶的了解方法，作出最優(yōu)選。
“斷定/吊銷”以及“是/否”的挑選契合東西方文化的根本交流邏輯，“你贊同我的說法么？——是/否”，“是”為首選選項，“否”為非必須選項。假如用戶挑選“是”的機率比“否”要高的多，那么將“是”放在第一位，下降用戶誤觸的機率。
而“吊銷-斷定”的排布方法修改了邏輯流程，這種排布方法讓靠后的元素顯得愈加重要。

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