在網(wǎng)站和APP中的對話框一般會(huì)進(jìn)行信息說明,并供給若干選項(xiàng)。最常見的選項(xiàng)數(shù)量一般是兩個(gè)——一個(gè)選項(xiàng)優(yōu)先級最高,為首選選項(xiàng),而別的一個(gè)選項(xiàng)較少被選,為非必須選項(xiàng)。(比如用戶填寫表單之后,結(jié)尾會(huì)供給兩個(gè)按鈕,一個(gè)為提交,另一個(gè)為吊銷)。今日浪訊將結(jié)合用戶體會(huì)與我們一起探討按鈕的優(yōu)先級選項(xiàng)規(guī)劃。
防備犯錯(cuò)
視覺分量。當(dāng)兩個(gè)選項(xiàng)之間有顯著區(qū)別的時(shí)分,你應(yīng)當(dāng)讓兩個(gè)按鈕具有不同的視覺分量,讓其間一個(gè)成為視覺的重心。處于視覺重心上的按鈕會(huì)獲得更多的注意力。
明晰而顯著的標(biāo)簽。一個(gè)規(guī)劃正確的對話框不應(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”或許“承認(rèn)”要更好。
·盡或許運(yùn)用動(dòng)詞,而不是OK,由于前者意義會(huì)更清晰,用戶不會(huì)斷章取義然后作犯過錯(cuò)的挑選。
由于中文和英文在答復(fù)的形式上的差異,這個(gè)對話框中的兩個(gè)選項(xiàng)OK 和 Cancel 在兩種語言下答復(fù)是截然不同的。
接下來的這個(gè)對比事例中,第一個(gè)對話框中,“No”只是是答復(fù)問題,可是并沒有指向性,并未指出這么挑選的結(jié)果。而第二個(gè)對話框則好了許多,“Cancel”和“Discard”兩個(gè)選項(xiàng),后者和前文所提出的問題相對應(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í)分都算是正向的按鈕。
反向的首選操作(“替換”或許“刪去”)
假如此刻的操作主要是反向的,替換、刪去、移除等,那么將這些不可逆的操作對應(yīng)的按鈕和選項(xiàng)賦予更多的視覺分量,其實(shí)比較風(fēng)險(xiǎn)的。由于這些操作的不可逆性,它們并不一定是“安全操作”,用戶在引導(dǎo)下或許并不明白它們的危害性而下意識操作,這或許會(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ì)閱讀對話框中的承認(rèn)信息就作出挑選?墒怯袝r(shí)分,用戶的確是閱讀了提示,可是仍然手滑作出了過錯(cuò)的挑選。(在應(yīng)當(dāng)“吊銷”的時(shí)分不小心點(diǎn)了“刪去”)
你應(yīng)當(dāng)為用戶供給單一且顯著的承認(rèn)操作按鈕,同時(shí)確保規(guī)劃的可訪問性,不會(huì)由于文化差異而呈現(xiàn)了解偏差,包含色彩自身的指引性。
LinkedIn 的對話框中的選項(xiàng)就表述的十分清晰。
此外,你應(yīng)當(dāng)依據(jù)中心的用戶數(shù)據(jù)為關(guān)鍵性的操作規(guī)劃一套不太相同的處理機(jī)制:比如為了避免用戶誤觸,不供給而按鈕而是輸入框,讓用戶輸入“Delete”來進(jìn)行刪去操作。
被禁用的按鈕
非活動(dòng)的、被禁用的按鈕有時(shí)分也是十分有用的,它能夠告訴用戶某些操作的或許性。即便在當(dāng)前情況下并不可用,用戶也會(huì)意識到在某些時(shí)分它們或許會(huì)被用到。
這類被禁用的按鈕還有別的一個(gè)作用,便是在緊急情況下啟用,協(xié)助陷入困境的用戶。“吊銷”按鈕很少見,可是它的確存在,并且從可用性的視點(diǎn)上來看,還相當(dāng)?shù)膶?shí)用。用戶面臨誤觸或許意料之外的操作,會(huì)下意識“返回”,而“吊銷”按鈕的存在,讓操作的指向性愈加明晰。
“承認(rèn)”-“吊銷”仍是“吊銷”-“承認(rèn)”?
“承認(rèn)/吊銷”按鈕是我們最常見的按鈕組合之一。而面臨這一組按鈕最常見的問題是,首選按鈕應(yīng)該是在前面仍是在后面。實(shí)際上,在實(shí)際效果和用戶偏好上,兩種搭配方法并無明顯區(qū)別。
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ī)劃是針對特定的渠道,那么按鈕的排布次序倒是很明晰的,按照規(guī)劃標(biāo)準(zhǔn)來就好了。相比于“個(gè)性化”的挑選,渠道的一致性原則優(yōu)先級更高,關(guān)于用戶體會(huì)上的加成也更多,簡言之便是更好用、更直覺。不遵從標(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í)慣了。你能夠通過用戶分析和調(diào)研,來找出最適合渠道的排列次序。在這種情況下,你需求依據(jù)可用性來進(jìn)行考慮,依據(jù)用戶的運(yùn)用場景來推導(dǎo)用戶的了解方法,作出最優(yōu)選。
“承認(rèn)/吊銷”以及“是/否”的挑選符合東西方文化的根本交流邏輯,“你同意我的說法么?——是/否”,“是”為首選選項(xiàng),“否”為非必須選項(xiàng)。假如用戶挑選“是”的機(jī)率比“否”要高的多,那么將“是”放在第一位,降低用戶誤觸的機(jī)率。
而“吊銷-承認(rèn)”的排布方法修改了邏輯流程,這種排布方法讓靠后的元素顯得愈加重要。
兩種方法各有優(yōu)劣,可是自身一般不存在可用性問題。 |