奧推網

選單
科技

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

在提升使用者體驗方面,文案也是一個重要的影響因素,合適的文案可以讓使用者更加清楚、直接地瞭解產品所想傳遞出的資訊,從而提高使用者的操作效率。那麼,哪些文案屬於微文案?如果想對微文案進行最佳化,又可以從哪些方面入手?

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

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

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

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

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

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

提高使用者滿意度的方法之一

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

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

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

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

明確錯誤 ——錯誤資訊應該用人話表達(不要用程式碼),較準確地反映問題所在,並且提出一個建設性的解決方案。

一、什麼是微文案?

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

1. 哪些不是微文案

營銷文案不算是微文案,任何引導使用者點選為了售賣商品的文字內容,還包括所有的文件、SEO和智慧文字。

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

按鈕和操作連結的描述中;

表單中的文字,表單的標籤和文字塊;

訊息、警告、提示和錯誤,告訴使用者下一步要怎麼做;

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

導航入口。

1)按鈕

如果讓你最佳化按鈕的設計,你有什麼想法嗎?新增一個投影?選擇一個更好的對比色?圓角?答案是——從動詞開始!

以動詞作為動作開始;

描述要準確清晰,要求處處易懂;

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

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

如何建立一個清晰的按鈕和連結

想象一下,應用的建立者會怎樣透過網路與他們的使用者交流。創作者問使用者:“你需要做什麼…(建立一個計劃)?”。使用者回覆他們的行動:“我想要去做…”。

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

WYLTIWLT 校對

比如,最好不要使用“需要幫助嗎?” 這種不帶動詞帶問號,作為按鈕。可能可以作為一個額外的連結,放在螢幕的某個角落,但如果你決定使用這樣的短語作為按鈕,那麼最好使用” 獲取幫助 “。一個類似的例子是“快速查詢”。“快速查詢”不是動詞,而是名詞。如果你要設計一個行動按鈕,最好是用“查詢”或“搜尋”,這樣還簡單直接。

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

2)表格

清晰的表格

在表格中這樣做會比較好:使用簡潔易懂的標籤,寫清楚填寫每個專案的提示,以及填寫的原因或者最好指定什麼格式和什麼資料。

在佔位符中,建議複製標題資訊或提示填寫要求。例如“輸入事件標題”。

經過測試,如果你在表單中輸入一個沒有“示例”的示例,使用者會認為這個欄位已經被預先填寫了,而不需要他們自己重新填。

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

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

3)訊息和警告

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

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

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

訊息和提醒

4)確認對話方塊

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

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

例如,如果使用者允許谷歌位置服務,那麼該資料將被匿名傳送到谷歌,並且希望使用者知道它。動作按鈕是清晰具體的,與問題緊密呼應。在我們的案例中,我們將問題中的“使用”和行動按鈕中的“使用”結合起來,這有助於使用者更快地做出正確的決定。

確認對話方塊

5)尊重使用者

這是來自系統的消極資訊,如果使用者拒絕了它的提議,通常會受到羞辱。這種型別的微文案更多地被用作一種營銷策略,但它也可以在簡單的介面中找到。在作者看來,羞辱可能是無害的,但從長遠來看會產生問題。我們也需要明白,這更多的是內容創作者道德的一面,是一種黑暗的設計模式。

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

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

現在有了一組確認按鈕,它可能會導致一個死衚衕,讓使用者哭笑不得。如果你想迷惑使用者,文字是最好的方法。

讓我們看一些例子:

你想取消嗎?——取消 / 好

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

你確定要取消此操作嗎?點選“確定”取消當前操作,或者點選“取消”繼續。——好吧 / 取消

我們應該取消這些改動嗎?如果你想離開這個頁面,所有未儲存的資料都會被取消。——取消 / 拒絕”。

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

混亂的確認彈窗

6)導航

導航更多的是關於資訊架構,但也有一些細微差別。

直觀性——導航項在沒有點進去前,應該已經給出了一些關於內部內容的理解。

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

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

導航規則

7)我的vs你的

① 我的

如果使用者建立了一個屬於自己的賬號,那最好是用“我的”。例如,我的youtube頻道,我的照片等等。

② 你的

資訊釋出者/服務者與使用者進行對話。

使用者使用的工具或功能,但是使用者使用它並匯入一些東西。示例:購買將是使用者的——我的購買,但購物車將是系統的——你的購物車。

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

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

1. 瞭解你的使用者

2. 人類語言

避免使用技術行話(但是如果你的使用者本身就是技術專家那麼使用術語就沒啥問題);

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

使用恰當的語氣。

3. 考慮上下文

避免模稜兩可;

回答可能的問題(即使是在這裡,你也必須是一個UX設計師,並理解所有使用者痛苦);

指導使用者。

4. 從一開始就用心

考慮在第一個版本中最佳化微文案(你的使用者會為此說“謝謝”);

避免使用假資料和文案進行填充;

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

更好地瞭解產品。

彩雲注:

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

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

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

譯者:彩雲Sky,人人都是產品經理專欄作家,騰訊高階視覺設計師。

本文由人人都是產品經理合作媒體@騰訊ISUX 授權釋出於人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基於CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供資訊儲存空間服務。