優化按鈕微文案的7條建議
編輯導語:我們經常可以在產品的日常使用過程中看到一些相對簡短的文案,這類文案一定程度上可以引導用戶進入下一步行動。但微文案若想成功起效,關鍵還是要簡潔明了、并易于理解,這樣產品才可以提升用戶的體驗感。本文作者就對微文案優化提出了幾點建議,一起來看。
微文案(顧名思義)是那些可在網站、 APP 和產品上看到的簡短文案。根據 Roberts( 2017 ),它有三個主要作用:
- 激勵用戶做出行動;
- 引導用戶;
- 為用戶提供行為反饋。
微文案在表單、文本、標簽、彈出窗口和按鈕上都能看到。這是一個相對較新的術語和概念,由 Joshua Porter 于 2009 年在其博客文章“如何撰寫微文案”中提出。他提出在正確的時間、正確的地方添加一些文案內容,可以提升整個產品的用戶體驗。
為了設計有效的微文案,我們需要思考用戶處理信息和閱讀文本的方式。多項來自尼爾森諾曼集團的研究的研究表示:
眼動研究表明對于文化程度較高的用戶來說,掃視文本是一種極為常見的行為。
用戶在頁面上平均只會閱讀大約 20% 的文本。
通過結合簡潔、易掃和客觀的微文案,可以顯著提高可用性(124%~159%),從而提升用戶的使用的流暢性和滿意度。
引入:什么是好的微文案?Characteristics of effective microcopy
巴特說:“好的微文案具有以下特點:
- 清晰、簡潔、易于理解;
- 它能呈現出品牌聲音和品牌基調;
- 它在視覺上是合適的,感覺上像是設計的一部分”。
好的微文案可以解決用戶的需求、回答用戶的問題或建立同理心(取決于所討論的產品),并在用戶心中建立信任。它能激勵用戶采取行動(例如,注冊帳戶、完成預訂)。最后,好的微文案可以預測并解決用戶問題(例如,防止錯誤)。
有研究發現,微文案“減輕了用戶擔心的情緒,提供了有用的報錯信息和明確的語言表達,并有助于為用戶提供操作提示”。
下面列出了一些有助于優化按鈕微文案的建議:
一、使用動作動詞?Use actionverbs
應該要使用動作動詞,而不是泛指詞。應避免使用“是”或“否”,因為它們可能會產生歧義并讓用戶混淆。
在交互設計中,用戶先閱讀對話框的內容然后才進行操作。如前所述,研究表明大多數用戶通過掃視頁面的方式來獲取相關信息,而不是去仔細閱讀所有信息。這意味著,如果他們跳過或誤讀了對話框,他們最終會按錯按鈕。使用被動描述的文案會迫使用戶做更多的工作。通過按鈕文案來確認接下來要做的動作,會減少出錯的機會,并減少用戶的工作量。
在下面的示例中可以看到( 受 UX Movement 的啟發 )。當對話框文本沒加載出來,只有按鈕可見時,按鈕的文案是用戶唯一可用的信息。動作動詞可以幫助他們采取行動,但使用“是”或“否”文案的按鈕就不能達到這個目的。所以很顯然帶有動作動詞的按鈕 任務效率更高,可以防止用戶出錯。
賦予動作動詞的按鈕的任務效率更高,可以防止用戶出錯
二、使用任務導向的文本?Use task-specific language
按鈕應與動作操作匹配。按鈕應該始終清楚地描述用戶單擊按鈕時將會執行什么操作。如果用戶對點擊按鈕后發生的事情感到不確定或驚訝,那么微文案就可能存在著問題。
“提交”一詞就是一個很好的例子,它可以用于大多數按鈕。正如 UX Movement 的 Anthony 所建議的:“如果文案不是針對任務場景來描述的,當用戶看到它時,就不知道會發生什么?!?/strong>因此,用戶會對他們的行為會產生什么結果產生困惑。避免這種情況的一種方法是使用 描述用戶任務結果的微文案。
這可以通過使用針對任務場景描述的文案 而不是通用的文案來實現。這讓用戶認知更清晰,并為他們的行動提供了確定性。
請記住,用戶通常會掃視頁面以獲取相關信息。為了改進用戶體驗,微文案應該準確地描述用戶在任務中所做的事情。例如,如果用戶正在刪除照片,則“刪除”的按鈕會告訴用戶單擊動作按鈕將會刪除照片,這對于他們的任務來說是明確而具體的(見下例)。
使用針對任務場景的語言可以使文案更清晰(右側示例)
三、一致性?Consistency
為按鈕編寫文案時,保持一致性很重要。研究表明,一致性可以幫助用戶準確地建立產品工作方式的心理模型,從而最終獲得更好的用戶體驗。設計微文案的一些具體準則可以幫助我們達到這一目的。例如,你可以:
1)規范字數:不同組件平均應該有多少個詞?每個按鈕一個、兩個或多個單詞。
2)選擇大小寫:例如整個產品始終使用大寫字母,你也可以在句子大小寫、標題大小寫、大寫或小寫之間進行選擇(稍后將詳細介紹…)
3)文案結構:你需要確定文案的結構。它們是否僅包括一個動詞或是動詞與名詞的組合(例如“動詞”+“名詞” 或 “動詞” 或 “動詞” +a+ “名詞” )?
4)對特定含義的用詞表達一致:詞語選擇上的細微差異可能會對用戶體驗產生影響。例如,正如 Tobias van Schneider 所報告的,“請求定價”和“獲取報價”描述了相同的動作,但在不同的產品中卻產生了不同的結果。
四、提高透明度?Use microcopy for transparency
有時,數字產品可能會出于 安全和隱私原因( 例如,要求用戶提供敏感信息 )而引起用戶擔心。在這些情況下,微文案可以幫助我們減輕用戶潛在的憂慮,并與他們建立信任關系。
例如,如果人們在進行交易時感到不安全或可疑,他們可能最終無法完成交易行為。
Bhatt 提供了一些示例場景:
- 要求用戶提供過多的個人信息;
- 有關產品保修/維修/更換的內容未進行詳細說明;
- 為免費試用訂閱的詢問信用卡詳細信息。
有效的微文案可以告知用戶詢問信息的原因以及如何使用這些信息?——?C.巴特。
下面有一個很好的例子;Airbnb 通過點擊 “預定” 按鈕,通知用戶他們在這一步 “不會被收費”。
來自 Airbnb 網站的截圖
五、避免使用行業術語?Avoid Jargon
有效的微文案應該是對話式的。
不應使用行業術語和底層的技術內容( 如錯誤代碼 )。用戶應該感覺的是他們在和另一個人說話,而不是一臺機器。羅伯茨建議,“微文案應該使用簡單的語言,由最少的詞組成”。這意味著除非特殊情況,否則我們應該避免使用行業術語。
這其實是一件比較難實現的事情,因為我們對我們所設計的產品以及我們每天遇到的行業術語非常熟悉。解決這個問題的一種方法是與用戶一起測試微文案?—看一下?他們懂我們使用的語言嗎?
下面展示了一個示例。與“啟用”這個詞相比,用戶可能更熟悉“打開”這個詞。
避免使用專業術語
六、注意字母大寫形式?Pay attention to capitalization
根據 Vaishnav Shravan 的說法,“大寫是 UX 寫作中提高文本元素理解和一致性的工具,需要給予應有的重視”。
最流行的大寫形式有:句子大寫( 僅句子的第一個字母和專有名詞大寫 )、標題大寫( 除冠詞、連詞和標題外的每個單詞的第一個字母大寫 )和每個字母大寫。
選用哪種大寫風格取決于你的產品。一般來說,如果文本是面向國際的內容,請使用句子的大寫,因為這樣更利于國際化( 除非產品面向美國受眾 )。標題大寫可用于標題/副標題/文案文本(<4 個單詞)。在大多數情況下( 雙關語 ),為了保持一致性,最好在產品中統一選擇一種格式。
大寫的兩個例子:左側為標題示例,右側為句子示例
七、深度了解用戶?Know youruser
好的微文案應該在用戶使用你的產品時提供信息和幫助。為了實現這一目標,了解用戶是誰并了解他們的需求是很重要的,所以通過用戶測試來確定微文案是否有效是必要的。用戶訪談可以幫助我們更好地了解用戶,A/B 測試可以用來確定微文案的哪些變化對用戶體驗的影響最大。
本文翻譯已獲得作者的正式授權(授權截圖如下)
原文作者:Maria Panagiotidi
原文地址:https://uxpsychology.substack.com/p/how-to-optimize-button-microcopy
譯者:彭祎婕;編輯:李莉好;微信公眾號:TCC翻譯情報局(ID:TCC-design);連接知識,了解全球精選設計干貨
本文由@TCC翻譯情報局 翻譯發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協議
這種按鈕微文案設計得好確實能夠緩解人們的情緒,有時候彈出來一些按鈕就會害怕是不是有什么錯誤
原來按鈕上微文案也會有這么多方面的考量,無論如何用戶體驗都是關鍵。
最流行的大寫形式有:句子大寫( 僅句子的第一個字母和專有名詞大寫 )、標題大寫( 除冠詞、連詞和標題外的每個單詞的第一個字母大寫 )和每個字母大寫。謝謝作者大大,學到啦