提升按鈕可操作性:選擇正確按鈕標(biāo)簽的五大原則

1 評(píng)論 6055 瀏覽 35 收藏 9 分鐘

界面中按鈕標(biāo)簽的含義就和它的視覺層級(jí)一樣重要,使用不恰當(dāng)?shù)陌粹o文案會(huì)引起用戶困惑,增加工作量,完成任務(wù)的效率也很低。如果你想讓用戶更容易的操作你的APP,你需要選擇正確的按鈕文案。

這里列出提升按鈕可操作性的五大原則,按照這五大原則,你的用戶無論何時(shí)看到按鈕都會(huì)快速知道如何正確的操作。

規(guī)則1: 使用動(dòng)詞

按鈕文案應(yīng)該提示用戶具體的操作行為。當(dāng)用戶看到一個(gè)動(dòng)詞,他們要知道這個(gè)按鈕是做什么的,即使不閱讀對(duì)話框的具體內(nèi)容,用戶也能進(jìn)行操作,比如下面的確認(rèn)對(duì)話框的例子。

選擇正確按鈕標(biāo)簽的五大原則

對(duì)比經(jīng)常出現(xiàn)在界面中的通用按鈕文案“Yes/No”,用戶必須先閱讀對(duì)話框的內(nèi)容才能進(jìn)行操作。如果他們跳過或者誤解這段話,他們將會(huì)按錯(cuò)按鈕。這樣的文案不僅會(huì)增加用戶操作的風(fēng)險(xiǎn),更會(huì)增加用戶操作的難度。

為了說明這一點(diǎn),下面的示例將對(duì)話框內(nèi)容屏蔽,以便只顯示按鈕。這個(gè)寫著動(dòng)詞的按鈕提示了用戶操作,但是這些寫著”Yes/No”的按鈕并不能說明該操作的意圖。動(dòng)詞能幫助用戶更高效的完成任務(wù)。

選擇正確按鈕標(biāo)簽的五大原則

規(guī)則2: 使用精確的詞語

你使用的每一個(gè)動(dòng)詞都有一個(gè)特定的含義。如果你用詞不夠準(zhǔn)確,用戶則會(huì)曲解這個(gè)按鈕的含義。

選擇正確按鈕標(biāo)簽的五大原則

舉個(gè)例子:“刪除”和“移出”這兩個(gè)詞是比較相近的,但內(nèi)在含義不同。“刪除”表示點(diǎn)擊該按鈕后會(huì)在系統(tǒng)里抹除該項(xiàng)目?!耙瞥觥北硎军c(diǎn)擊該按鈕后會(huì)把該項(xiàng)從這個(gè)組里分離出來。在錯(cuò)誤的理解下,用戶會(huì)對(duì)這些按鈕產(chǎn)生疑惑。

在一個(gè)播放列表里,“刪除”會(huì)讓用戶認(rèn)為他們會(huì)失去這首歌曲。這是一個(gè)錯(cuò)誤示范,因?yàn)槭聦?shí)上并非如此。“移出”則更精確,因?yàn)樵摬僮魇菍⒏枨鷱牟シ帕斜硪瞥?,但不?huì)刪除它。

規(guī)則3: 使用與任務(wù)相關(guān)的詞語

一個(gè)模糊、通用的按鈕文案會(huì)讓用戶遲疑。他們不確定這個(gè)按鈕是干嘛的,因?yàn)榘粹o文案表述不清楚。用戶需要知道他們操作的最終結(jié)果,只有特定于任務(wù)的語言才能做到。

選擇正確按鈕標(biāo)簽的五大原則

如圖所示,“提交”是一個(gè)很通用的詞,你可以在很多場(chǎng)景下看到這個(gè)詞的使用。但是,這個(gè)詞會(huì)讓這個(gè)操作顯得很含糊不清。這個(gè)文案會(huì)引起用戶的困惑,因?yàn)樗筒僮魅蝿?wù)毫無關(guān)系。

對(duì)比之下,“發(fā)送”是一個(gè)指定在線發(fā)送詞語。因此,用戶會(huì)有心理預(yù)期,即按下按鈕后,應(yīng)用程序就會(huì)向公眾發(fā)布他們的內(nèi)容。這個(gè)按鈕的表述非常清楚和準(zhǔn)確,讓用戶有信心操作。

規(guī)則4: 使用主動(dòng)祈使句形式

按鈕上的文案越多用戶就需要理解的越多。當(dāng)你直接引導(dǎo)用戶操作,你可以最小化單詞數(shù)量且讓用戶也更容易理解操作。

選擇正確按鈕標(biāo)簽的五大原則

主動(dòng)祈使句形式把動(dòng)詞短語變成命令。這允許你刪除和主題不相關(guān)的內(nèi)容,使你的標(biāo)簽更簡(jiǎn)潔。你所需要的是在你的按鈕標(biāo)簽上加上一個(gè)動(dòng)詞和副詞或者直接對(duì)象。

用戶更加信任按鈕上的命令,它讓用戶確信按鈕將執(zhí)行預(yù)期的操作,這有助于用戶決策。

當(dāng)使用主動(dòng)祈使句形式時(shí),避免使用指示動(dòng)詞來告訴用戶怎么操作。一個(gè)常見的錯(cuò)誤示例比如“點(diǎn)擊這里”。這不僅會(huì)讓按鈕文案啰嗦,也很籠統(tǒng)和贅述。相反,使用獨(dú)特的動(dòng)詞可以專門的描述這個(gè)動(dòng)作并且指引用戶進(jìn)行“點(diǎn)擊”操作。

選擇正確按鈕標(biāo)簽的五大原則

規(guī)則5: 使用字母大小寫

按鈕字母大寫表達(dá)了你的語氣。語氣并不是你說的內(nèi)容而是你說話的方式。這會(huì)傳遞一種情緒給用戶,無論他們是接受或者是拒絕。

選擇正確按鈕標(biāo)簽的五大原則

一句話首字母大寫是最佳的,原因是:它傳遞了友好的語氣,引導(dǎo)用戶按下按鈕。用戶最熟悉這些句子的表達(dá)方式,因?yàn)樗麄兘?jīng)常閱讀這些句子。當(dāng)他們看到按鈕上的句子表達(dá),會(huì)給他們一種似曾相識(shí)的感覺。

對(duì)比來看,標(biāo)題字母大寫是一種更加正式的語氣。正式的語氣會(huì)給人缺乏人情味的感覺,讓你的按鈕不那么有吸引力。他讓用戶感覺到對(duì)話的不自然。標(biāo)題使用大寫的按鈕打破了這種自然閱讀的流程,并且會(huì)分散用戶對(duì)于內(nèi)容本身理解的注意力。

選擇正確按鈕標(biāo)簽的五大原則

一個(gè)句子字母全部大寫不好,因?yàn)樗鼈鬟_(dá)的語氣太重,用戶會(huì)感覺你在強(qiáng)烈要求他們按這個(gè)按鈕。不僅如此,它的可讀性也比較低,因?yàn)閱卧~之間間距太小。這會(huì)讓有閱讀障礙的用戶不太容易理解。

一句全部小寫的句子會(huì)讓用戶感覺你們不夠重視、態(tài)度隨意。這讓用戶認(rèn)為這個(gè)按鈕可有可無、無關(guān)緊要。用戶會(huì)感覺缺乏專業(yè)性而不信任按鈕。

按鈕操作和文案一樣重要

含有文案的按鈕,它的操作和詞語一樣重要。如果你在按鈕標(biāo)簽上選擇了錯(cuò)誤的單詞,那么這個(gè)操作就會(huì)變得無關(guān)緊要。

遵循這五個(gè)規(guī)則,可以保證你的按鈕更有點(diǎn)擊感。用戶將不會(huì)有遲疑或困惑。相反,你的按鈕將會(huì)指導(dǎo)用戶更清晰、更明確的完成目標(biāo)操作。

 

原文作者:Anthony

原文地址:https://uxmovement.com/buttons/5-rules-for-choosing-the-right-words-on-button-labels/

編譯作者:櫻桃小丸子,上海UI設(shè)計(jì)師,微信ID:jxm-sherry

編輯整理 | 三分設(shè)翻譯特工隊(duì)(微信ID:sanfen-design)

本文由 @三分設(shè) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 有用

    來自廣東 回復(fù)