首發 | 你可能不了解微文案,但它時刻都在影響你的用戶體驗 #041

俊鐵導讀:

仔細回想一下,曾經接觸過的互聯網產品,有沒有讓你印象特別深刻的?這其中,有沒有因為界面文字用得出彩,而讓你印象深刻的?如有,你是否又知道這些都是微文案的功勞?今天分享的這篇文章,將詳細介紹微文案(Microcopy)。雖然微文案不是用戶體驗中最重要的一個部分,但它時刻都在影響你的用戶體驗。

回顧我最愛的產品,它們都有一個共同特點:總有很多小細節讓我的體驗非常友好。

我經常光顧一家咖啡店。不管我點何種飲品,他們總是會在飲品表面上加上「細小文藝元素」——有時候是樹葉拉花,有時候又會是天鵝拉花。這些「表面功夫」並不會使飲品更好喝,但可以讓我心情更好。

這些惹人愛的細節,展示了其在製作過程中的濃濃愛意。這僅僅是一個小細節,一種表現形式而已,但足以改變我對它的認識。

在設計領域,我們常常忽略的一個細節是「微文案」。微文案是指引我們更好地參與交互體驗的那些細微文案。在 app 或者網站上,微文案包括按鈕標籤上的文字,提示文字,以及錯誤信息等文字內容。

只要用對地方,微文案也能扮演重要角色。這篇文章,我將從 6 個方面跟你們分享若干案例,帶你們了解微文案的「無窮力量」。到時候,你就知道微文案的神奇魔力了。

1. 展示你「熱血」的一面

在樓下雜貨店,有專門的自助結算櫃檯。只需要對商品一一掃碼,即可支付帶走。不過我不太習慣這種智能方式,我還是喜歡人工櫃檯。即便人工櫃檯耗時更長,但至少面對的不是「冷血動物」。

屏幕上的文案,永遠也無法取代現實中的真實對話。但好的微文案,還是能向你證明產品是現實生活中的人類製造出來的。如果產品更加擬人化,更「熱血」,其更容易受用戶青睞。向用戶張開雙手,他們也會投向你的懷抱。

以下是一些「熱血」產品舉例,使用這些產品時,你會有類似跟朋友暢聊的感覺。

Product Hunt 的用語十分客氣,也很暖心。注意其自我認知(「互聯網上不起眼的角兒」),輕鬆表達(「到處看看」),還有笑臉 ??

Vimeo 則向用戶展示了其背後有真人在做事。注意到其表達方式(「我們(We)」)了嗎?計算機是不會說「我們」的,「熱血」人類才會。

Yelp 的用詞語氣非常輕鬆。它鼓勵用戶隨心所欲,盡情留下走心評論。

2. 製造驚喜和意外

要讓體驗變得友好,不妨試試加入驚喜元素。亞里士多德曾經說過:「幽默的秘訣是出人意料。」這句哲理同樣適用於微文案的寫作。

「微文案讓人開心的秘訣是出人意料。」

—— Medium 網友

有時候,你只需要一句好話加上一個笑臉。在產品中找一個安全區域,往裡面添加細小元素,讓用戶感到出人意料:

  • 載入頁面
  • 錯誤信息
  • 示例或者佔位符
  • 用戶引導流程
  • 空狀態

以下是一些微文案的特別用法,讓人倍感欣喜。

等待頁面載入過程中,為了讓你沒那麼無聊,Zeplin 假裝在為你沖泡咖啡「咖啡快好啦~(Brewing the coffee ...)」。

Tumblr 的微文案很好玩兒,更好用。

在 Dropbox Paper 創建幾個新文檔後,頁面會通過不同佔位符信息,讓你忍不住想填入信息。

3. 安撫用戶,讓用戶更有信心

我們在使用 app 或者登入網頁時,都帶著一定的目的。有可能是在搜尋有用信息,有可能是下訂單或者創建某物。

要達到某目的,通常都有一個過程。如果整個過程太無聊,說不定我們會中途放棄,然後就開始罵街了。??

這時候,微文案就起作用了。在一個多步驟流程中,微文案可以鼓勵用戶保持交互。人嘛,都有懶的時候。有時候,一點小小的鼓勵,起的作用可不小呢。

以下幾個案列,通過友好方式給人以信心,讓用戶堅持完成交互。

有些人喜歡匿名遊盪在互聯網中,所以,Dribbble 就友好地鼓勵用戶填入真實姓名。

對於透漏個人生日信息,有些用戶可能會比較敏感。所以,Airbnb 知道該如何安撫用戶。

當你向購物車添加商品後,Nordstrom 會表揚你。它想表達的意思是,你做的選擇非常對,你是最棒的。

4. 多一點個性化定製內容

之前參加朋友婚禮時,我收到了一封感謝信。這封感謝信的開頭,普通得再也不過了。「感謝您抽空來參加我們的婚禮,吧啦吧啦吧啦啦…….」但話鋒突然一轉,朋友提到了我們的高中趣事。那些曾經的美好回憶都回來了。

為什麼這封信那麼特別呢?這在於它對我而言的獨一性。因為有高中時代的獨家記憶,我知道我這封信和其他人肯定不一樣。這是為我量身定製的。

你也可以通過微文案,複製這種好心情。通過向某人或者某個群體定製某信息,你會讓他們感到非常特別。

讓我們來看看幾個案例。

在新建帳號時,OkCupid 會讚美你填入的城市:「呀,倫敦啊~(Ahh, London.)」

Meetup 允許活動發起方自定義參與活動的用戶名稱,比如「書蟲(Bookworms)」。這可比「出席者(attendees)」好多了。

在一天中的不同時候,Asana 對你的問候也是不同的。晚上 10 點後,你會收到「嗨~夜貓兒!(Hello, night owl!)」

5. 深挖細節

多看看不同的網站或者手機 app,你也許會驚奇地發現,「哇!微文案處處皆在」。拿 Dropbox 舉例,你應該會認為 Dropbox 界面不會有太多文字吧?那你知道 Dropbox 界面到底有多少文字信息嗎?

說出來不怕嚇到你,Dropbox 的界面有超過 27000 條信息。27000!你沒有看錯!來做個數據對比,哈利波特第一部可只有 6600 多個句子。

你的產品有多少信息,你清楚嗎?可能,實際數量比你心想的多多了。

那麼問題來了,這麼多信息都藏哪兒去了呢?其實,它們處處皆在,有可能在瀏覽器頂端,也有可能在圖片中的 ALT 標籤里。

俊鐵註:ALT 標籤是網站圖片的文字提示。ALT 標籤在html語言中的寫法是這樣的:<img alt="圖片描述"/ src="圖片路徑" >

而每一條信息都是單一的個體,都有機會讓用戶開心開心。好的文案,可以做到深挖細節,不放過每條信息。

來看看幾組案例。

當你退出登錄時,MailChimp 會在瀏覽器頂端提示:「遲點見啦(See Ya Later)」。

在 Basecamp 的頁腳,每周不同日期都有不同信息,讓人感覺非常友好。(圖中周一的信息顯示為「盡情享受周一這剩下的時光吧!」)

Design/Content 會議網站中,有非常好玩兒的 ALT 標籤,比如「Eileen Webb 對著你笑呢,她脖子上還掛著暖暖的圍巾(Eileen Webb smiling at you and wearing a warm scarf.)」。

6. 配上圖片

蘇斯博士(Dr. Seuss,美國著名兒童圖書作者、漫畫家)很受歡迎,其原因就在於他的文字都有配圖。他的手繪很夢幻,而文字卻總是異想天開。但把二者結合,會讓你有種置身魔法世界的感覺。

分享一句來自他的經典名言:

文字和圖片就像一男一女。步入洞房後,他們「造人」的傑作,可比父母雙方都有趣多了。

—— 蘇斯博士,全名希奧多·蘇斯·蓋索(Theodor Seuss Geisel)

無論是一張照片,還是一張插畫,或是一個表情,配上微文案,往往都有出其不意的完美效果。兩者結合給人的愉悅感,比單一文字或圖片都更有魔力。

來看看幾個配對案例:

為了讓你停留在頁面,Flickr 把壞消息和一副讓人心情愉悅的圖片配在了一起。

Hubspot 的錯誤頁面中,把愛心文字和一顆破碎的心配在了一起。

Slack 則將文字和小火箭 emoji 配在了一起。這個 emoji 讓用戶對文案有更深的印象。

結束語

說了這麼多微文案,老實講,說起來容易做起來不簡單。你需要做的,是時常把可能存在的「危機感」謹記於心,要想成功很難,但要想不成功,秒秒鐘的事兒。

就界面文案寫作而言,力爭做到簡潔清晰。但要在微文案中加入幽默元素,卻可能會犧牲簡介性,可能清晰度也會打折扣。

不過,視各產品品牌而定,你應該明確你的產品定位,找到文案清晰度和用戶愉悅感二者之間的平衡點。

給微文案「加料」之前,要注意以下 4 個方面:

  • 找到屬於自己的「聲音」。產品文案到底該怎麼寫?不妨在做好產品定位的基礎上,做一份寫作綱領。很多公司都有寫作風格指南,通過指南,來確定產品的「聲音」和「語調」。如果仍是一頭霧水,不妨在 styleguides.io 找一些案例看看。
  • 不要過於油腔滑調。如果處處都油腔滑調,用戶很快就會厭煩。避免一次性放大招,在一些日常交互過程中,適當保留「有料」的文案。
  • 儘可能「鋌而走險」。如果產品品牌不夠大,在「有料」微文案的實際運用中,你可能會覺得非常輕鬆。一旦產品做大做強,走向國際化,那就要稍微收斂一點了。不過,不用害怕,多測試,試談用戶的底線到底在哪裡。
  • 考慮加入隨機信息。如果每次都有不同的信息反饋,用戶體驗可能會更加友好。畢竟,出人意外的元素會讓人更加有驚喜感,不過最好也要有個度,太頻繁也會過頭。

秤砣雖小壓千斤,微文案也有大作為

看了這麼多案例,希望對你有所啟發,也希望你能用全新眼光看待產品。用戶對產品的評價是好是壞,微文案在其中扮演著舉足輕重的作用。所以,趕緊抓緊機會,在微文案上多下點兒功夫,贏得更多用戶的好評。

做產品的目的,不是讓用戶從 A 到 B,達到某目的。有時候,還要讓用戶輕鬆享受整個體驗過程。??

細節,並不是簡簡單單的兩個字。捨得在細節上花功夫,才能做成好的設計。

—— 查理斯·伊姆斯(Charles Eames)

作者 | John Saito,Dropbox 微文案設計師

譯者 | 俊鐵

題圖 | Pexels

本文授權譯自 The magic of microcopy

本文首發於知乎專欄產品視角新靈感。商業轉載請聯繫獲得授權,非商業轉載請註明出處。

推薦閱讀:

為了讓你用著舒服,設計師想到頭都炸了 #034
Google 設計師:能留住你的 App 都做好了這 4 步 #005
App 里狂彈評分讓你很鬱悶?這樣做就不同了 #040
成功吸引你注意的網站橫幅,究竟做對了什麼? #002

TAG:產品文案 | 用戶體驗 | 產品 |