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

1 評論 6004 瀏覽 35 收藏 9 分鐘

界面中按鈕標簽的含義就和它的視覺層級一樣重要,使用不恰當的按鈕文案會引起用戶困惑,增加工作量,完成任務的效率也很低。如果你想讓用戶更容易的操作你的APP,你需要選擇正確的按鈕文案。

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

規則1: 使用動詞

按鈕文案應該提示用戶具體的操作行為。當用戶看到一個動詞,他們要知道這個按鈕是做什么的,即使不閱讀對話框的具體內容,用戶也能進行操作,比如下面的確認對話框的例子。

選擇正確按鈕標簽的五大原則

對比經常出現在界面中的通用按鈕文案“Yes/No”,用戶必須先閱讀對話框的內容才能進行操作。如果他們跳過或者誤解這段話,他們將會按錯按鈕。這樣的文案不僅會增加用戶操作的風險,更會增加用戶操作的難度。

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

選擇正確按鈕標簽的五大原則

規則2: 使用精確的詞語

你使用的每一個動詞都有一個特定的含義。如果你用詞不夠準確,用戶則會曲解這個按鈕的含義。

選擇正確按鈕標簽的五大原則

舉個例子:“刪除”和“移出”這兩個詞是比較相近的,但內在含義不同?!皠h除”表示點擊該按鈕后會在系統里抹除該項目?!耙瞥觥北硎军c擊該按鈕后會把該項從這個組里分離出來。在錯誤的理解下,用戶會對這些按鈕產生疑惑。

在一個播放列表里,“刪除”會讓用戶認為他們會失去這首歌曲。這是一個錯誤示范,因為事實上并非如此?!耙瞥觥眲t更精確,因為該操作是將歌曲從播放列表移出,但不會刪除它。

規則3: 使用與任務相關的詞語

一個模糊、通用的按鈕文案會讓用戶遲疑。他們不確定這個按鈕是干嘛的,因為按鈕文案表述不清楚。用戶需要知道他們操作的最終結果,只有特定于任務的語言才能做到。

選擇正確按鈕標簽的五大原則

如圖所示,“提交”是一個很通用的詞,你可以在很多場景下看到這個詞的使用。但是,這個詞會讓這個操作顯得很含糊不清。這個文案會引起用戶的困惑,因為它和操作任務毫無關系。

對比之下,“發送”是一個指定在線發送詞語。因此,用戶會有心理預期,即按下按鈕后,應用程序就會向公眾發布他們的內容。這個按鈕的表述非常清楚和準確,讓用戶有信心操作。

規則4: 使用主動祈使句形式

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

選擇正確按鈕標簽的五大原則

主動祈使句形式把動詞短語變成命令。這允許你刪除和主題不相關的內容,使你的標簽更簡潔。你所需要的是在你的按鈕標簽上加上一個動詞和副詞或者直接對象。

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

當使用主動祈使句形式時,避免使用指示動詞來告訴用戶怎么操作。一個常見的錯誤示例比如“點擊這里”。這不僅會讓按鈕文案啰嗦,也很籠統和贅述。相反,使用獨特的動詞可以專門的描述這個動作并且指引用戶進行“點擊”操作。

選擇正確按鈕標簽的五大原則

規則5: 使用字母大小寫

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

選擇正確按鈕標簽的五大原則

一句話首字母大寫是最佳的,原因是:它傳遞了友好的語氣,引導用戶按下按鈕。用戶最熟悉這些句子的表達方式,因為他們經常閱讀這些句子。當他們看到按鈕上的句子表達,會給他們一種似曾相識的感覺。

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

選擇正確按鈕標簽的五大原則

一個句子字母全部大寫不好,因為它傳達的語氣太重,用戶會感覺你在強烈要求他們按這個按鈕。不僅如此,它的可讀性也比較低,因為單詞之間間距太小。這會讓有閱讀障礙的用戶不太容易理解。

一句全部小寫的句子會讓用戶感覺你們不夠重視、態度隨意。這讓用戶認為這個按鈕可有可無、無關緊要。用戶會感覺缺乏專業性而不信任按鈕。

按鈕操作和文案一樣重要

含有文案的按鈕,它的操作和詞語一樣重要。如果你在按鈕標簽上選擇了錯誤的單詞,那么這個操作就會變得無關緊要。

遵循這五個規則,可以保證你的按鈕更有點擊感。用戶將不會有遲疑或困惑。相反,你的按鈕將會指導用戶更清晰、更明確的完成目標操作。

 

原文作者:Anthony

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

編譯作者:櫻桃小丸子,上海UI設計師,微信ID:jxm-sherry

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

本文由 @三分設 翻譯發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 有用

    來自廣東 回復