你可能不了解微文案,但它時(shí)刻都在影響你的用戶體驗(yàn)

1 評(píng)論 5965 瀏覽 15 收藏 16 分鐘

仔細(xì)回想一下,曾經(jīng)接觸過的互聯(lián)網(wǎng)產(chǎn)品,有沒有讓你印象特別深刻的?這其中,有沒有因?yàn)榻缑嫖淖钟玫贸霾?,而讓你印象深刻的?如有,你是否又知道這些都是微文案的功勞?今天分享的這篇文章,將詳細(xì)介紹微文案(Microcopy)。雖然微文案不是用戶體驗(yàn)中最重要的一個(gè)部分,但它時(shí)刻都在影響你的用戶體驗(yàn)。

回顧我最愛的產(chǎn)品,它們都有一個(gè)共同特點(diǎn):總有很多小細(xì)節(jié)讓我的體驗(yàn)非常友好。

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

這些惹人愛的細(xì)節(jié),展示了其在制作過程中的濃濃愛意。這僅僅是一個(gè)小細(xì)節(jié),一種表現(xiàn)形式而已,但足以改變我對(duì)它的認(rèn)識(shí)。

在設(shè)計(jì)領(lǐng)域,我們常常忽略的一個(gè)細(xì)節(jié)是「微文案」——微文案是指引我們更好地參與交互體驗(yàn)的那些細(xì)微文案。在 app 或者網(wǎng)站上,微文案包括按鈕標(biāo)簽上的文字,提示文字,以及錯(cuò)誤信息等文字內(nèi)容。

只要用對(duì)地方,微文案也能扮演重要角色。

這篇文章,我將從 6 個(gè)方面跟你們分享若干案例,帶你們了解微文案的「無窮力量」。到時(shí)候,你就知道微文案的神奇魔力了。

一、展示你「熱血」的一面

在樓下雜貨店,有專門的自助結(jié)算柜臺(tái)。只需要對(duì)商品一一掃碼,即可支付帶走。不過我不太習(xí)慣這種智能方式,我還是喜歡人工柜臺(tái)。即便人工柜臺(tái)耗時(shí)更長(zhǎng),但至少面對(duì)的不是「冷血?jiǎng)游铩埂?/p>

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

以下是一些「熱血」產(chǎn)品舉例:使用這些產(chǎn)品時(shí),你會(huì)有類似跟朋友暢聊的感覺。

Product Hunt 的用語十分客氣,也很暖心。注意其自我認(rèn)知(「互聯(lián)網(wǎng)上不起眼的角兒」),輕松表達(dá)(「到處看看」),還有笑臉 。

Vimeo 則向用戶展示了其背后有真人在做事。注意到其表達(dá)方式(「我們(We)」)了嗎?

計(jì)算機(jī)是不會(huì)說「我們」的,「熱血」人類才會(huì)。

Yelp 的用詞語氣非常輕松,它鼓勵(lì)用戶隨心所欲,盡情留下走心評(píng)論。

二、制造驚喜和意外

要讓體驗(yàn)變得友好,不妨試試加入驚喜元素。

亞里士多德曾經(jīng)說過:「幽默的秘訣是出人意料」

這句哲理同樣適用于微文案的寫作。

「微文案讓人開心的秘訣是出人意料?!?/p>

—— Medium 網(wǎng)友

有時(shí)候,你只需要一句好話加上一個(gè)笑臉。在產(chǎn)品中找一個(gè)安全區(qū)域,往里面添加細(xì)小元素,讓用戶感到出人意料。

  • 加載頁面;
  • 錯(cuò)誤信息;
  • 示例或者占位符;
  • 用戶引導(dǎo)流程;
  • 空狀態(tài)。

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

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

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

在 Dropbox Paper 創(chuàng)建幾個(gè)新文檔后,頁面會(huì)通過不同占位符信息,讓你忍不住想填入信息。

三、安撫用戶,讓用戶更有信心

我們?cè)谑褂?app 或者登入網(wǎng)頁時(shí),都帶著一定的目的。有可能是在搜尋有用信息,有可能是下訂單或者創(chuàng)建某物。要達(dá)到某目的,通常都有一個(gè)過程。如果整個(gè)過程太無聊,說不定我們會(huì)中途放棄,然后就開始罵街了。

這時(shí)候,微文案就起作用了。在一個(gè)多步驟流程中,微文案可以鼓勵(lì)用戶保持交互。人嘛,都有懶的時(shí)候,有時(shí)候,一點(diǎn)小小的鼓勵(lì),起的作用可不小呢。

以下幾個(gè)案列,通過友好方式給人以信心,讓用戶堅(jiān)持完成交互。

有些人喜歡匿名游蕩在互聯(lián)網(wǎng)中,所以,Dribbble 就友好地鼓勵(lì)用戶填入真實(shí)姓名。

對(duì)于透漏個(gè)人生日信息,有些用戶可能會(huì)比較敏感。所以,Airbnb 知道該如何安撫用戶。

當(dāng)你向購(gòu)物車添加商品后,Nordstrom 會(huì)表揚(yáng)你。它想表達(dá)的意思是:你做的選擇非常對(duì),你是最棒的。

四、多一點(diǎn)個(gè)性化定制內(nèi)容

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

為什么這封信那么特別呢?

這在于它對(duì)我而言的獨(dú)一性,因?yàn)橛懈咧袝r(shí)代的獨(dú)家記憶,我知道我這封信和其他人肯定不一樣,這是為我量身定制的。

你也可以通過微文案,復(fù)制這種好心情。通過向某人或者某個(gè)群體定制某信息,你會(huì)讓他們感到非常特別。

讓我們來看看幾個(gè)案例:

在新建帳號(hào)時(shí),OkCupid 會(huì)贊美你填入的城市:「呀,倫敦啊~(Ahh, London.)」

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

在一天中的不同時(shí)候,Asana 對(duì)你的問候也是不同的。晚上 10 點(diǎn)后,你會(huì)收到「嗨~夜貓兒!(Hello, night owl!)」

五、深挖細(xì)節(jié)

多看看不同的網(wǎng)站或者手機(jī) app,你也許會(huì)驚奇地發(fā)現(xiàn):「哇!微文案處處皆在」。

拿 Dropbox 舉例:你應(yīng)該會(huì)認(rèn)為 Dropbox 界面不會(huì)有太多文字吧?那你知道 Dropbox 界面到底有多少文字信息嗎?

說出來不怕嚇到你,Dropbox 的界面有超過 27000 條信息。27000!你沒有看錯(cuò)!來做個(gè)數(shù)據(jù)對(duì)比,哈利波特第一部可只有?6600 多個(gè)句子。

你的產(chǎn)品有多少信息,你清楚嗎?可能,實(shí)際數(shù)量比你心想的多多了。

那么問題來了,這么多信息都藏哪兒去了呢?

其實(shí),它們處處皆在,有可能在瀏覽器頂端,也有可能在圖片中的 ALT 標(biāo)簽里。

注:ALT 標(biāo)簽是網(wǎng)站圖片的文字提示,ALT 標(biāo)簽在html語言中的寫法是這樣的:<img alt=”圖片描述”/ src=”圖片路徑” >

而每一條信息都是單一的個(gè)體,都有機(jī)會(huì)讓用戶開心開心。好的文案,可以做到深挖細(xì)節(jié),不放過每條信息。

來看看幾組案例:

當(dāng)你退出登錄時(shí),MailChimp 會(huì)在瀏覽器頂端提示:「遲點(diǎn)見啦(See Ya Later)」。

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

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

六、配上圖片

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

分享一句來自他的經(jīng)典名言:

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

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

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

來看看幾個(gè)配對(duì)案例:

為了讓你停留在頁面,F(xiàn)lickr 把壞消息和一副讓人心情愉悅的圖片配在了一起。

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

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

小結(jié)

說了這么多微文案,老實(shí)講,說起來容易做起來不簡(jiǎn)單。你需要做的,是時(shí)常把可能存在的「危機(jī)感」謹(jǐn)記于心,要想成功很難,但要想不成功,秒秒鐘的事兒。

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

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

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

  1. 找到屬于自己的「聲音」。產(chǎn)品文案到底該怎么寫?不妨在做好產(chǎn)品定位的基礎(chǔ)上,做一份寫作綱領(lǐng)。很多公司都有寫作風(fēng)格指南,通過指南,來確定產(chǎn)品的「聲音」和「語調(diào)」。如果仍是一頭霧水,不妨在?styleguides.io?找一些案例看看。
  2. 不要過于油腔滑調(diào)。如果處處都油腔滑調(diào),用戶很快就會(huì)厭煩。避免一次性放大招,在一些日常交互過程中,適當(dāng)保留「有料」的文案。
  3. 盡可能「鋌而走險(xiǎn)」。如果產(chǎn)品品牌不夠大,在「有料」微文案的實(shí)際運(yùn)用中,你可能會(huì)覺得非常輕松。一旦產(chǎn)品做大做強(qiáng),走向國(guó)際化,那就要稍微收斂一點(diǎn)了。不過,不用害怕,多測(cè)試,試談?dòng)脩舻牡拙€到底在哪里。
  4. 考慮加入隨機(jī)信息。如果每次都有不同的信息反饋,用戶體驗(yàn)可能會(huì)更加友好。畢竟,出人意外的元素會(huì)讓人更加有驚喜感,不過最好也要有個(gè)度,太頻繁也會(huì)過頭。

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

看了這么多案例,希望對(duì)你有所啟發(fā),也希望你能用全新眼光看待產(chǎn)品。用戶對(duì)產(chǎn)品的評(píng)價(jià)是好是壞,微文案在其中扮演著舉足輕重的作用。所以,趕緊抓緊機(jī)會(huì),在微文案上多下點(diǎn)兒功夫,贏得更多用戶的好評(píng)。

做產(chǎn)品的目的,不是讓用戶從 A 到 B,達(dá)到某目的。有時(shí)候,還要讓用戶輕松享受整個(gè)體驗(yàn)過程。

細(xì)節(jié),并不是簡(jiǎn)簡(jiǎn)單單的兩個(gè)字。舍得在細(xì)節(jié)上花功夫,才能做成好的設(shè)計(jì)。

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

 

原文作者:John Saito,Dropbox 微文案設(shè)計(jì)師

原文鏈接:The magic of microcopy

譯者:Jorri

譯文來源:http://www.ifanr.com/app/928811

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@愛范兒,作者@Jorri

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!