你可能不了解微文案,但它時刻都在影響你的用戶體驗
仔細回想一下,曾經接觸過的互聯網產品,有沒有讓你印象特別深刻的?這其中,有沒有因為界面文字用得出彩,而讓你印象深刻的?如有,你是否又知道這些都是微文案的功勞?今天分享的這篇文章,將詳細介紹微文案(Microcopy)。雖然微文案不是用戶體驗中最重要的一個部分,但它時刻都在影響你的用戶體驗。
回顧我最愛的產品,它們都有一個共同特點:總有很多小細節讓我的體驗非常友好。
我經常光顧一家咖啡店,不管我點何種飲品,他們總是會在飲品表面上加上「細小文藝元素」——有時候是樹葉拉花,有時候又會是天鵝拉花。這些「表面功夫」并不會使飲品更好喝,但可以讓我心情更好。
這些惹人愛的細節,展示了其在制作過程中的濃濃愛意。這僅僅是一個小細節,一種表現形式而已,但足以改變我對它的認識。
在設計領域,我們常常忽略的一個細節是「微文案」——微文案是指引我們更好地參與交互體驗的那些細微文案。在 app 或者網站上,微文案包括按鈕標簽上的文字,提示文字,以及錯誤信息等文字內容。
只要用對地方,微文案也能扮演重要角色。
這篇文章,我將從 6 個方面跟你們分享若干案例,帶你們了解微文案的「無窮力量」。到時候,你就知道微文案的神奇魔力了。
一、展示你「熱血」的一面
在樓下雜貨店,有專門的自助結算柜臺。只需要對商品一一掃碼,即可支付帶走。不過我不太習慣這種智能方式,我還是喜歡人工柜臺。即便人工柜臺耗時更長,但至少面對的不是「冷血動物」。
屏幕上的文案,永遠也無法取代現實中的真實對話。但好的微文案,還是能向你證明產品是現實生活中的人類制造出來的。如果產品更加擬人化,更「熱血」,其更容易受用戶青睞。向用戶張開雙手,他們也會投向你的懷抱。
以下是一些「熱血」產品舉例:使用這些產品時,你會有類似跟朋友暢聊的感覺。
Product Hunt 的用語十分客氣,也很暖心。注意其自我認知(「互聯網上不起眼的角兒」),輕松表達(「到處看看」),還有笑臉 。
Vimeo 則向用戶展示了其背后有真人在做事。注意到其表達方式(「我們(We)」)了嗎?
計算機是不會說「我們」的,「熱血」人類才會。
Yelp 的用詞語氣非常輕松,它鼓勵用戶隨心所欲,盡情留下走心評論。
二、制造驚喜和意外
要讓體驗變得友好,不妨試試加入驚喜元素。
亞里士多德曾經說過:「幽默的秘訣是出人意料」
這句哲理同樣適用于微文案的寫作。
「微文案讓人開心的秘訣是出人意料?!?/p>
—— Medium 網友
有時候,你只需要一句好話加上一個笑臉。在產品中找一個安全區域,往里面添加細小元素,讓用戶感到出人意料。
- 加載頁面;
- 錯誤信息;
- 示例或者占位符;
- 用戶引導流程;
- 空狀態。
以下是一些微文案的特別用法,讓人倍感欣喜。
等待頁面加載過程中,為了讓你沒那么無聊,Zeplin 假裝在為你沖泡咖啡「咖啡快好啦~(Brewing the coffee …)」。
Tumblr 的微文案很好玩兒,更好用。
在 Dropbox Paper 創建幾個新文檔后,頁面會通過不同占位符信息,讓你忍不住想填入信息。
三、安撫用戶,讓用戶更有信心
我們在使用 app 或者登入網頁時,都帶著一定的目的。有可能是在搜尋有用信息,有可能是下訂單或者創建某物。要達到某目的,通常都有一個過程。如果整個過程太無聊,說不定我們會中途放棄,然后就開始罵街了。
這時候,微文案就起作用了。在一個多步驟流程中,微文案可以鼓勵用戶保持交互。人嘛,都有懶的時候,有時候,一點小小的鼓勵,起的作用可不小呢。
以下幾個案列,通過友好方式給人以信心,讓用戶堅持完成交互。
有些人喜歡匿名游蕩在互聯網中,所以,Dribbble 就友好地鼓勵用戶填入真實姓名。
對于透漏個人生日信息,有些用戶可能會比較敏感。所以,Airbnb 知道該如何安撫用戶。
當你向購物車添加商品后,Nordstrom 會表揚你。它想表達的意思是:你做的選擇非常對,你是最棒的。
四、多一點個性化定制內容
之前參加朋友婚禮時,我收到了一封感謝信。這封感謝信的開頭,普通得再也不過了?!父兄x您抽空來參加我們的婚禮,吧啦吧啦吧啦啦…….」但話鋒突然一轉,朋友提到了我們的高中趣事,那些曾經的美好回憶都回來了。
為什么這封信那么特別呢?
這在于它對我而言的獨一性,因為有高中時代的獨家記憶,我知道我這封信和其他人肯定不一樣,這是為我量身定制的。
你也可以通過微文案,復制這種好心情。通過向某人或者某個群體定制某信息,你會讓他們感到非常特別。
讓我們來看看幾個案例:
在新建帳號時,OkCupid 會贊美你填入的城市:「呀,倫敦啊~(Ahh, London.)」
Meetup 允許活動發起方自定義參與活動的用戶名稱,比如:「書蟲(Bookworms)」。這可比「出席者(attendees)」好多了。
在一天中的不同時候,Asana 對你的問候也是不同的。晚上 10 點后,你會收到「嗨~夜貓兒?。℉ello, night owl!)」
五、深挖細節
多看看不同的網站或者手機 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.)」。
六、配上圖片
蘇斯博士(Dr. Seuss,美國著名兒童圖書作者、漫畫家)很受歡迎,其原因就在于他的文字都有配圖。他的手繪很夢幻,而文字卻總是異想天開。但把二者結合,會讓你有種置身魔法世界的感覺。
分享一句來自他的經典名言:
文字和圖片就像一男一女,步入洞房后,他們「造人」的杰作,可比父母雙方都有趣多了。
—— 蘇斯博士,全名希奧多·蘇斯·蓋索(Theodor Seuss Geisel)
無論是一張照片,還是一張插畫,或是一個表情,配上微文案,往往都有出其不意的完美效果。兩者結合給人的愉悅感,比單一文字或圖片都更有魔力。
來看看幾個配對案例:
為了讓你停留在頁面,Flickr 把壞消息和一副讓人心情愉悅的圖片配在了一起。
Hubspot 的錯誤頁面中,把愛心文字和一顆破碎的心配在了一起。
Slack 則將文字和小火箭 emoji 配在了一起,這個 emoji 讓用戶對文案有更深的印象。
小結
說了這么多微文案,老實講,說起來容易做起來不簡單。你需要做的,是時常把可能存在的「危機感」謹記于心,要想成功很難,但要想不成功,秒秒鐘的事兒。
就界面文案寫作而言,力爭做到簡潔清晰。但要在微文案中加入幽默元素,卻可能會犧牲簡介性,可能清晰度也會打折扣。
不過,視各產品品牌而定,你應該明確你的產品定位,找到文案清晰度和用戶愉悅感二者之間的平衡點。
給微文案「加料」之前,要注意以下 4 個方面:
- 找到屬于自己的「聲音」。產品文案到底該怎么寫?不妨在做好產品定位的基礎上,做一份寫作綱領。很多公司都有寫作風格指南,通過指南,來確定產品的「聲音」和「語調」。如果仍是一頭霧水,不妨在?styleguides.io?找一些案例看看。
- 不要過于油腔滑調。如果處處都油腔滑調,用戶很快就會厭煩。避免一次性放大招,在一些日常交互過程中,適當保留「有料」的文案。
- 盡可能「鋌而走險」。如果產品品牌不夠大,在「有料」微文案的實際運用中,你可能會覺得非常輕松。一旦產品做大做強,走向國際化,那就要稍微收斂一點了。不過,不用害怕,多測試,試談用戶的底線到底在哪里。
- 考慮加入隨機信息。如果每次都有不同的信息反饋,用戶體驗可能會更加友好。畢竟,出人意外的元素會讓人更加有驚喜感,不過最好也要有個度,太頻繁也會過頭。
秤砣雖小壓千斤,微文案也有大作為
看了這么多案例,希望對你有所啟發,也希望你能用全新眼光看待產品。用戶對產品的評價是好是壞,微文案在其中扮演著舉足輕重的作用。所以,趕緊抓緊機會,在微文案上多下點兒功夫,贏得更多用戶的好評。
做產品的目的,不是讓用戶從 A 到 B,達到某目的。有時候,還要讓用戶輕松享受整個體驗過程。
細節,并不是簡簡單單的兩個字。舍得在細節上花功夫,才能做成好的設計。
—— 查理斯·伊姆斯(Charles Eames)
原文作者:John Saito,Dropbox 微文案設計師
譯者:Jorri
譯文來源:http://www.ifanr.com/app/928811
本文來源于人人都是產品經理合作媒體@愛范兒,作者@Jorri
- 目前還沒評論,等你發揮!