微文案,是快速改進界面的好方法

2 評論 5238 瀏覽 29 收藏 16 分鐘

在提升用戶體驗方面,文案也是一個重要的影響因素,合適的文案可以讓用戶更加清楚、直接地了解產(chǎn)品所想傳遞出的信息,從而提高用戶的操作效率。那么,哪些文案屬于微文案?如果想對微文案進行優(yōu)化,又可以從哪些方面入手?

文案對于用戶體驗來說,是非常重要卻又容易被忽略的元素之一。好的文案,能給用戶帶來好的產(chǎn)品使用體驗,作為設計師的我們,一定要足夠重視。今天這篇文章,將會從常用UI元素中舉例說明微文案的正確用法及價值,記得收藏學習起來。

根據(jù)Joshua Porter(資深設計專家,《Designing For The Social Web》的作者)的說法:改進界面最快方法之一是改進其文案。

他第一次提到微文案這個術語是在他的文章《Writing Microcopy》中,用到了如何在確認彈窗中添加文案的例子,其舉例的文案是“賬單地址是你卡上顯示的地址”,用清晰的文案避免了用戶遇到的許多錯誤。
最快提升界面體驗的方法是提升你的文案水平。

http://bokardo.com/archives/writing-microcopy/

談談我的個人經(jīng)驗。有一種訂閱服務是以用戶取消訂閱時會遇到問題而聞名。當用戶取消訂閱時,在沒有完成流程的情況下,用戶在其中一個步驟上“退出”了,他們以為取消了訂閱,但錢仍然被扣了,這種感覺特別讓人惱火。經(jīng)過分析,我們發(fā)現(xiàn)用戶通過點擊“取消”按鈕離開取消訂閱彈窗,而不是為了結束他們的流程而點擊“繼續(xù)”按鈕。讓我們看一下下面的例子。

微文案是快速改進界面的好方法

這是第一個糟糕的文案從而導致產(chǎn)品不被滿意的例子

經(jīng)過分析,我們把按鈕上的文案做了優(yōu)化,把“取消”按鈕文案改成“不取消”,把“繼續(xù)”改為“取消訂閱”,這樣就清晰易懂了。在流程上有這個彈出框本來也沒錯,這樣就避免了許多可能出現(xiàn)的誤操作。

微文案是快速改進界面的好方法

提高用戶滿意度的方法之一

如果你有學習過尼爾森的十大可用性原則,你會發(fā)現(xiàn)10條中有4條都與文案有關。

  1. 系統(tǒng)狀態(tài) ——告訴用戶當前正在發(fā)生什么,是卡住了還是處在loading中或是其他什么狀態(tài)。
  2. 一致性和標準化原則 ——有一些約定俗成的規(guī)則,其中有一些普遍接受的術語,明確的操作提示,在不同界面保持統(tǒng)一等等。
  3. 防錯原則 ——幫助用戶明白當他們做什么操作會發(fā)生什么結果,或者清晰的解釋某個操作會有什么行為。
  4. 明確錯誤 ——錯誤信息應該用人話表達(不要用代碼),較準確地反映問題所在,并且提出一個建設性的解決方案。

一、什么是微文案?

微文案(microcopy)是界面中的一些文本小片段,可以是詞語也可以是一句話,目的是為了幫助用戶解決問題,會對用戶的操作體驗帶來影響。

1. 哪些不是微文案

營銷文案不算是微文案,任何引導用戶點擊為了售賣商品的文字內(nèi)容,還包括所有的文檔、SEO和智能文本。

2. 哪些地方會用微文案?

  • 按鈕和操作鏈接的描述中;
  • 表單中的文本,表單的標簽和文本塊;
  • 消息、警告、提示和錯誤,告訴用戶下一步要怎么做;
  • 確認對話,我們要求確認某些行為;
  • 導航入口。

1)按鈕

如果讓你優(yōu)化按鈕的設計,你有什么想法嗎?添加一個投影?選擇一個更好的對比色?圓角?答案是——從動詞開始!

  • 以動詞作為動作開始;
  • 描述要準確清晰,要求處處易懂;
  • 行動按鈕文案應該足夠具體,以便用戶更容易理解。不要使用籠統(tǒng)的概念,因為它們可能是模糊和難以理解的;
  • 用WYLTIWLT 提問的方式,檢查文案命名是否更好被理解并達到想要的結果(彩云注:這個很長的縮寫其實是2個問句,一種自查方式。WYLT=whould you like to …?你想…?)(IWLT=I would like to …我想…)

微文案是快速改進界面的好方法

如何創(chuàng)建一個清晰的按鈕和鏈接

想象一下,應用的創(chuàng)建者會怎樣通過網(wǎng)絡與他們的用戶交流。創(chuàng)作者問用戶:“你需要做什么…(創(chuàng)建一個計劃)?”。用戶回復他們的行動:“我想要去做…”。

如果這個對話讓我們覺得邏輯自然,那就意味著我們的文案是沒問題的。

微文案是快速改進界面的好方法

WYLTIWLT 校對

比如,最好不要使用“需要幫助嗎?” 這種不帶動詞帶問號,作為按鈕??赡芸梢宰鳛橐粋€額外的鏈接,放在屏幕的某個角落,但如果你決定使用這樣的短語作為按鈕,那么最好使用” 獲取幫助 “。一個類似的例子是“快速查找”?!翱焖俨檎摇辈皇莿釉~,而是名詞。如果你要設計一個行動按鈕,最好是用“查找”或“搜索”,這樣還簡單直接。

“獲取我的方向”,如果你簡化掉“我的”,這個鏈接會變得更加清晰干凈。畢竟,是誰的并不重要,但如果你使用了這個產(chǎn)品,獲取的方向就是你所需要的。

2)表格

微文案是快速改進界面的好方法

清晰的表格

在表格中這樣做會比較好:使用簡潔易懂的標簽,寫清楚填寫每個項目的提示,以及填寫的原因或者最好指定什么格式和什么數(shù)據(jù)。

在占位符中,建議復制標題信息或提示填寫要求。例如“輸入事件標題”。

經(jīng)過測試,如果你在表單中輸入一個沒有“示例”的示例,用戶會認為這個字段已經(jīng)被預先填寫了,而不需要他們自己重新填。

上面的示例顯示了Title字段的名稱和一個占位符,文本為“Enter event Title”。由于我們使用了“New Event”表單的標題,下面的所有內(nèi)容都將在視覺上引用它,因此,沒有必要在字段標簽中重復事件標題。

日期和時間也是如此,無需對每個字段重復文本,只需寫“開始”和“結束”即可。

3)消息和警告

不要忘了用人類語言與用戶溝通,不要用像“服務錯誤”,錯誤碼“404”,“403”之類的,不然用戶會迷失在操作流程中。

即使我們不能非常準確的說出發(fā)生了什么,但我們必須知道這是一個技術問題,說明原因 和/或 說明是誰的錯,是用戶還是系統(tǒng)。

此外,不要忘記你的目標受眾。對有些人來說,說人話對體驗來說是最重要的。

微文案是快速改進界面的好方法

消息和提醒

4)確認對話框

我們想要得到確認的問題最好立即在標題中簡要明確,而不是用“你確定嗎?”等等。

如果有的話,你可以在描述中添加任何可能的負面影響,把潛在風險準確告知用戶。

例如,如果用戶允許谷歌位置服務,那么該數(shù)據(jù)將被匿名發(fā)送到谷歌,并且希望用戶知道它。動作按鈕是清晰具體的,與問題緊密呼應。在我們的案例中,我們將問題中的“使用”和行動按鈕中的“使用”結合起來,這有助于用戶更快地做出正確的決定。

微文案是快速改進界面的好方法確認對話框

5)尊重用戶

這是來自系統(tǒng)的消極信息,如果用戶拒絕了它的提議,通常會受到羞辱。這種類型的微文案更多地被用作一種營銷策略,但它也可以在簡單的界面中找到。在作者看來,羞辱可能是無害的,但從長遠來看會產(chǎn)生問題。我們也需要明白,這更多的是內(nèi)容創(chuàng)作者道德的一面,是一種黑暗的設計模式。

(彩云注:這一段可能有點難理解,可能是由于國外文化的原因,我自己的理解是對于有2組需要用戶確認的按鈕,通常會在拒絕按鈕那另外加了一句話,比如下面的幾個案例:”不,我都知道了”,“不,我很有錢”,“從不,我想要更精彩的游戲”,會有幽默有趣的成分在里面)

微文案是快速改進界面的好方法

侮辱性確認https://confirmshaming.tumblr.com/

現(xiàn)在有了一組確認按鈕,它可能會導致一個死胡同,讓用戶哭笑不得。如果你想迷惑用戶,文字是最好的方法。

讓我們看一些例子:

  • 你想取消嗎?——取消 / 好
  • 取消后臺編譯操作并繼續(xù)?——好吧 / 取消
  • 你確定要取消此操作嗎?點擊“確定”取消當前操作,或者點擊“取消”繼續(xù)?!冒?/ 取消
  • 我們應該取消這些改動嗎?如果你想離開這個頁面,所有未保存的數(shù)據(jù)都會被取消?!∠?/ 拒絕”。

如果你對書面文本的質量不確定,多花幾分鐘/小時,征求意見,或者重寫幾次,最后可能連你的奶奶也能理解按下按鈕會發(fā)生什么,那就沒錯了。

微文案是快速改進界面的好方法

混亂的確認彈窗

6)導航

導航更多的是關于信息架構,但也有一些細微差別。

  • 直觀性——導航項在沒有點進去前,應該已經(jīng)給出了一些關于內(nèi)部內(nèi)容的理解。
  • 語句一致性——如果我們使用一個詞性(名詞、形容詞等),那么我們在其他導航上也有同一個詞性。這通常在一級導航上要求做好。
  • 導航、標題和面包屑的一致性。

微文案是快速改進界面的好方法

導航規(guī)則

7)我的vs你的

① 我的

如果用戶創(chuàng)建了一個屬于自己的賬號,那最好是用“我的”。例如,我的youtube頻道,我的照片等等。

② 你的

  • 信息發(fā)布者/服務者與用戶進行對話。
  • 用戶使用的工具或功能,但是用戶使用它并導入一些東西。示例:購買將是用戶的——我的購買,但購物車將是系統(tǒng)的——你的購物車。
  • 另一個例子是——你喜歡的書。

微文案是快速改進界面的好方法

二、如何讓微文案做的更好?

1. 了解你的用戶

  • 是用母語還是用第二語言;
  • 之前的經(jīng)驗;
  • 用戶背景。

2. 人類語言

  • 避免使用技術行話(但是如果你的用戶本身就是技術專家那么使用術語就沒啥問題);
  • 避免使用內(nèi)部縮寫(相同的縮寫在不同的公司和產(chǎn)品中可能是不同的意思);
  • 使用恰當?shù)恼Z氣。

3. 考慮上下文

  • 避免模棱兩可;
  • 回答可能的問題(即使是在這里,你也必須是一個UX設計師,并理解所有用戶痛苦);
  • 指導用戶。

4. 從一開始就用心

  • 考慮在第一個版本中優(yōu)化微文案(你的用戶會為此說“謝謝”);
  • 避免使用假數(shù)據(jù)和文案進行填充;
  • 建議和檢查(與團隊和用戶討論可能的命名);
  • 更好地了解產(chǎn)品。

彩云注:

在平時的工作中,很多設計師非常關注視覺設計,卻常常忽略文案的設計,覺得那不是自己工作的內(nèi)容。但其實在產(chǎn)品界面中,一些細微的文字內(nèi)容往往能讓用戶感到放心和溫暖,好的文案能夠讓用戶在操作中不易迷失,效率倍增。所以,除了鉆研視覺元素上的細節(jié),同樣也要對文案足夠的重視,這樣才能給用戶創(chuàng)造最佳的產(chǎn)品體驗。

原文作者:Platea Design Community(本文翻譯已獲得作者的正式授權)

原文地址:https://medium.com/platea-design-community-kyiv/microcopy-as-the-great-way-to-improve-your-interface-b27ca694b40c

譯者:彩云Sky,人人都是產(chǎn)品經(jīng)理專欄作家,騰訊高級視覺設計師。

來源公眾號: 騰訊ISUX(ID:tencent_isux),騰訊ISUX用戶體驗與設計部

本文由人人都是產(chǎn)品經(jīng)理合作媒體@騰訊ISUX 授權發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉載。

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

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 微文案確實是一個很細的小點,寫得很好哦,學到了學到了,文案的視覺設計很重要

    來自湖南 回復
  2. 不錯不錯,學到了?;畹嚼蠈W到老,我開始對這方面感興趣了。

    來自廣西 回復