鑽石舞台

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

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

他第一次提到微文案這個術語是在他的文章《Writing Microcopy》中，用到了如何在確認彈窗中添加文案的例子，其舉例的文案是「賬單地址是你卡上顯示的地址」，用清晰的文案避免了用戶遇到的許多錯誤。

最快提升界面體驗的方法是提升你的文案水平。

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

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

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

經過分析，我們把按鈕上的文案做了優化，把「取消」按鈕文案改成「不取消」，把「繼續」改為「取消訂閱」，這樣就清晰易懂了。在流程上有這個彈出框本來也沒錯，這樣就避免了許多可能出現的誤操作。

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

如果你有學習過尼爾森的十大可用性原則，你會發現10條中有4條都與文案有關。

系統狀態 ——告訴用戶當前正在發生什麼，是卡住了還是處在loading中或是其他什麼狀態。

一致性和標準化原則 ——有一些約定俗成的規則，其中有一些普遍接受的術語，明確的操作提示，在不同界面保持統一等等。

防錯原則 ——幫助用戶明白當他們做什麼操作會發生什麼結果，或者清晰的解釋某個操作會有什麼行為。

明確錯誤 ——錯誤信息應該用人話表達（不要用代碼），較準確地反映問題所在，並且提出一個建設性的解決方案。

1.什麼是微文案？微文案（microcopy）是界面中的一些文本小片段，可以是詞語也可以是一句話，目的是為了幫助用戶解決問題，會對用戶的操作體驗帶來影響。哪些不是微文案營銷文案不算是微文案，任何引導用戶點擊為了售賣商品的文字內容，還包括所有的文檔、SEO和智能文本。哪些地方會用微文案？按鈕和操作鏈接的描述中；

表單中的文本，表單的標籤和文本塊；

消息、警告、提示和錯誤，告訴用戶下一步要怎麼做;

確認對話，我們要求確認某些行為;

導航入口

1.1按鈕

如果讓你優化按鈕的設計，你有什麼想法嗎?添加一個投影?選擇一個更好的對比色?圓角?答案是——從動詞開始！

以動詞作為動作開始；

描述要準確清晰，要求處處易懂；

行動按鈕文案應該足夠具體，以便用戶更容易理解。不要使用籠統的概念，因為它們可能是模糊和難以理解的;

用WYLTIWLT 提問的方式，檢查文案命名是否更好被理解並達到想要的結果（彩雲註：這個很長的縮寫其實是2個問句，一種自查方式。WYLT=whould you like to ...?你想...？）（IWLT=I would like to ...我想...）

如何創建一個清晰的按鈕和鏈接

想象一下，應用的創建者會怎樣通過網絡與他們的用戶交流。創作者問用戶：「你需要做什麼...（創建一個計劃）？」。用戶回復他們的行動：「我想要去做...」。如果這個對話讓我們覺得邏輯自然，那就意味着我們的文案是沒問題的。

WYLTIWLT 校對

比如，最好不要使用「需要幫助嗎？」 這種不帶動詞帶問號，作為按鈕。可能可以作為一個額外的鏈接，放在屏幕的某個角落，但如果你決定使用這樣的短語作為按鈕，那麼最好使用" 獲取幫助 "。一個類似的例子是「快速查找」。「快速查找」不是動詞，而是名詞。如果你要設計一個行動按鈕，最好是用「查找」或「搜索」，這樣還簡單直接。

「獲取我的方向」，如果你簡化掉「我的」，這個鏈接會變得更加清晰乾淨。畢竟，是誰的並不重要，但如果你使用了這個產品，獲取的方向就是你所需要的。

1.2表格

清晰的表格

在表格中這樣做會比較好：使用簡潔易懂的標籤，寫清楚填寫每個項目的提示，以及填寫的原因或者最好指定什麼格式和什麼數據。

在占位符中，建議複製標題信息或提示填寫要求。例如「輸入事件標題」。

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

上面的示例顯示了Title字段的名稱和一個占位符，文本為「Enter event Title」。由於我們使用了「New Event」表單的標題，下面的所有內容都將在視覺上引用它，因此，沒有必要在字段標籤中重複事件標題。

日期和時間也是如此，無需對每個字段重複文本，只需寫「開始」和「結束」即可。

1.3消息和警告不要忘了用人類語言與用戶溝通，不要用像「服務錯誤」，錯誤碼「404」，「403」之類的，不然用戶會迷失在操作流程中。即使我們不能非常準確的說出發生了什麼，但我們必須知道這是一個技術問題，說明原因 和/或 說明是誰的錯，是用戶還是系統。此外，不要忘記你的目標受眾。對有些人來說，說人話對體驗來說是最重要的。

消息和提醒

1.4確認對話框我們想要得到確認的問題最好立即在標題中簡要明確，而不是用「你確定嗎？」等等。如果有的話，你可以在描述中添加任何可能的負面影響，把潛在風險準確告知用戶。例如，如果用戶允許谷歌位置服務，那麼該數據將被匿名發送到谷歌，並且希望用戶知道它。動作按鈕是清晰具體的，與問題緊密呼應。在我們的案例中，我們將問題中的「使用」和行動按鈕中的「使用」結合起來，這有助於用戶更快地做出正確的決定。確認對話框1.5尊重用戶這是來自系統的消極信息，如果用戶拒絕了它的提議，通常會受到羞辱。這種類型的微文案更多地被用作一種營銷策略，但它也可以在簡單的界面中找到。在作者看來，羞辱可能是無害的，但從長遠來看會產生問題。我們也需要明白，這更多的是內容創作者道德的一面，是一種黑暗的設計模式。（彩雲註：這一段可能有點難理解，可能是由於國外文化的原因，我自己的理解是對於有2組需要用戶確認的按鈕，通常會在拒絕按鈕那另外加了一句話，比如下面的幾個案例："不，我都知道了"，「不，我很有錢」，「從不，我想要更精彩的遊戲」，會有幽默有趣的成分在裡面）侮辱性確認https://confirmshaming.tumblr.com/現在有了一組確認按鈕，它可能會導致一個死胡同，讓用戶哭笑不得。如果你想迷惑用戶，文字是最好的方法。讓我們看一些例子：你想取消嗎?——取消 / 好

取消後台編譯操作並繼續?——好吧 / 取消

你確定要取消此操作嗎?點擊「確定」取消當前操作，或者點擊「取消」繼續。——好吧 / 取消

我們應該取消這些改動嗎?如果你想離開這個頁面，所有未保存的數據都會被取消。——取消 / 拒絕」。

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

混亂的確認彈窗

1.6導航導航更多的是關於信息架構，但也有一些細微差別。直觀性——導航項在沒有點進去前，應該已經給出了一些關於內部內容的理解。

語句一致性——如果我們使用一個詞性（名詞、形容詞等），那麼我們在其他導航上也有同一個詞性。這通常在一級導航上要求做好。

導航、標題和麵包屑的一致性。

導航規則

1.7我的vs你的我的如果用戶創建了一個屬於自己的賬號，那最好是用「我的」。例如，我的youtube頻道，我的照片等等。你的信息發布者/服務者與用戶進行對話

用戶使用的工具或功能，但是用戶使用它並導入一些東西。示例：購買將是用戶的——我的購買，但購物車將是系統的——你的購物車

另一個例子是——你喜歡的書

2.如何讓微文案做的更好？

了解你的用戶：是用母語還是用第二語言

之前的經驗

用戶背景

人類語言：避免使用技術行話（但是如果你的用戶本身就是技術專家那麼使用術語就沒啥問題）

避免使用內部縮寫（相同的縮寫在不同的公司和產品中可能是不同的意思）

使用恰當的語氣

考慮上下文：避免模稜兩可

回答可能的問題（即使是在這裡，你也必須是一個UX設計師，並理解所有用戶痛苦）

指導用戶

從一開始就用心考慮在第一個版本中優化微文案(你的用戶會為此說「謝謝」);

避免使用假數據和文案進行填充

建議和檢查(與團隊和用戶討論可能的命名);

更好地了解產品。

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