UI、交互、PM應該懂的產品提示文案設計

AI時代,如何更快入行搶占紅利得高薪?前阿里巴巴產品專家帶你15天入門AI產品經理。了解一下>

你有沒有注意過產品中的一些細節文案呢?你注意同一句話在不同產品的不同表達方式嗎?筆者認為,細節文案的設計能夠給用戶帶來更多的好感與認同。

一般來講產品的UI設計有三大設計元素組成:色彩、圖形、文字。其中提示文案設計最容易被忽視隨意編寫,或帶有設計者個人人格屬性,與產品調性不相匹。

合理的提示文案可以提高用戶微感受,所謂微感受就是用戶對產品細節的感知,產品的細節做得越好,也就能給用戶帶來更多的好感,所以提示文案的設計不可忽視。

案例解析如下:

一、用文案渲染產品調性

同樣兩個音樂APP產品,體會一下兩個提示文案給你帶來的感受。

很明顯不同的表訴會有不一樣的感受——“這里好像什么都沒有呢…”“暫無播放記錄”更貼合音樂類產品調性。

分析一下,用戶通常打開音樂APP聽音樂在尋找一種什么內心感受,可能更多的是一種輕松愉悅的內心感受吧,所以咪咕音樂的提示文案“這里好像什么都沒有呢…”再配上小插畫,更能營造產品輕松愉悅的氛圍。

當然這里講的只是定位普通大眾的音樂類產品,有些小眾音樂產品不能一概而論,比如:MOO音樂APP

下載的空頁面狀態提示“Oh moooo Nothing yet”(哦,沒有什么),有沒有一種個性不屑的感覺?

因為這款產品定位人群是喜歡追求新事物的年輕人或專業的音樂人,“Oh moooo Nothing yet”這樣的提示文案更能迎合目標用戶的特征,給用戶一種找到自我的感受。

回到開始的案例——多米音樂Pro“暫無播放記錄”。

這種冷靜、干脆、不營造情緒氛圍的提示文案,也有非常多適合的產品,例如工具類的小程序——騰訊文檔。

工具產品就要體現出他的便捷高效與專業性,騰訊文檔配上這樣的產品文案會給用戶一種干脆利落、不推泥帶水的感覺。

工具產品一般不太需要營造情緒氛圍的文案、能給使用者能夠帶來專業,嚴謹,安全感受才是最重要的。

總結:文案設計從產品調性、用戶特征出發。

二、用戶思維,給用戶價值感受

產品原型圖截圖

上圖產品,是問卷收集企業負責人在事業單位辦理業務時的各個環節感受(例如企業辦理營業執照)。

從用戶思維思考,“請幫助我們..……”這樣的表述給用戶的感受是——用戶需要付出什么。這樣導致的結果是用戶可能會產生一種抗拒心理,從而影響問卷調查的可靠性。

其實我們從業務的角度去思考,收集問卷就是為了能給企業提供更好的服務,所以從這個點出發,可以賦予用戶價值感受。

文案修改后截圖

修改后“為了給您的企業帶來更優質高效的服務體驗…”這樣的表述就能給用戶價值感受,因為表述了這件事是為用戶自己著想,而不是在幫助平臺收集數據。

為什么要有“高效”這個詞呢?這就要從用戶痛點思考了,大家可能都知道一般去事業單位辦事,最大的痛點就是繁瑣低效的流程,所以文案表述的是要解決這個問題,這樣用戶當然就更有可能會積極配合。

總結:拿用戶思維考慮文案,給到用戶價值感受。

三、用詞恰當,可以使用戶間更有親近感

既然我們講的是“微感受”,那么就來感受一下“相互關注”“互相關注”有什么不同感受,如果沒什么不一樣的感受,那么來做下面的填空題。

把“相互”和“互相”兩個詞放到下面語句中感受哪個詞更能表達親近感?

在遠處的海邊有一對情侶坐在夕陽下_______依偎著。

相互和互相都有副詞用法,都可以表示彼此對待的關系,區別在于:

“相互”更多的表示一種形容關系,“互相”表示彼此對待的一個動作,“互相”表達積極的情感上更有表現力,所以“一對情侶互相依偎著”更能體現這種關系。

總結:用戶與用戶互相關注是彼此拉近了距離,從產品的角度是要助力渲染這種關系,“互相”比“相互”更能帶來親近感,所以互相關注更為恰當。

四、給用戶一個確定的人稱

百度貼吧同一個頁面中出現對用戶不同的人稱:

  • 的興趣懂的”
  • 對游戲有多沉迷”
  • “如果是超級英雄”

把用戶稱為“你”的同時又把用戶稱為“我”,這樣就給用戶一種割裂感,到底你是我還是我是我。

測試問卷標題不可避免的出現不同的人稱,那么頁面中就要減少人稱的干擾。

再來看個案例:

寫提示文案的時候,一定要理清楚,是產品在對話用戶,還是把用戶帶入產品中。

上圖標題為“我的廣場”這就是把用戶帶入了產品,那么這個頁面的提示文案應該從用戶的角度去提示,“此刻,我想說點什么…”人稱與標題相對應非常之恰當,“此刻,你想說點什么…”人稱更改對應標題就會有割裂感。

總結:提示文案要盡可能的統一人稱,理清產品在對話用戶,還是把用戶帶入產品。

“你”和“您”

我們日常用的產品中,有些產品提示文案用“你”例如微信,有些產品用“您”例如京東,為什么人稱會不一樣是因為產品與用戶的關系不一樣。

有些產品與用戶是一種平等關系,就像朋友、戀人、同事之間,是一種平等關系;有的產品對用戶是一種尊重的態度,因為用戶即客戶,對客戶當然要抱以尊重的態度。

所以我們大概能得出一個結論,社交類、工具類、用“你”更為恰當,電商、B端產品用“您”更為恰當,當然有的產品會有很多形態,比如小紅書屬于社交電商產品,那么就要從新思考產品與用戶的關系了。

下面舉幾個“你”和“您”用的不好的例子:

功能板塊單一的產品,有的地方用“您”,有的地方用“你”非常之奇怪,當然有些產品是可以用不同人稱的,例如產品中普通用戶用“你”,成為了VIP可以稱呼用戶“您”這樣用戶會有一種被尊重、優待的優越感。

QQ對話列表頁面中系統推送不同的人稱:

我們都知道QQ是一個量級非常大的產品,所以肯定不會一個人負責所有的設計,一般會一個團隊或一個人負責不同板塊,協作工作就難免會出現上圖的問題,其原因還是制定的設計規范沒有落實到更細的細節上。

絕對優秀的產品,細節上定會是無懈可擊的,我翻遍了微信所有的頁面,沒有找到一個“您”字。

總結:根據產品的定位找到與用戶的關系,運用恰當的人稱。

六、提示文案需要精簡高效、有效傳達

天貓讀書的提示文案提示過于啰嗦,沒能達到高效傳達信息,簡書的提示文案,精簡高效,用戶甚至不需要去讀,只需要掃一眼即懂,而且簡書交互上還提供了很直接的操作入口。

七、解密提示文案高效傳達的方法

第一句需要讀完整段話,才明白表達的信息。

第二句則是先告訴用戶目的,然后再說需要怎么做,能夠實現高效傳達效果,而且讀這句話時候過程用戶是清晰的。

總結:提示文案可以讓目的先行,這樣能實現更高效的信息傳達。

八、標題文案的一致性

在產品中當點擊一個板塊,進入頁面中頂部標題應該跟板塊名稱保持一致,保證用戶不會迷失。

上圖點擊“K幣賬戶”出現的是“我的賬戶”不可排除用戶會疑惑自己是不是點錯了,生活中你點個土豆燒牛肉,上的是土豆燒驢肉,很多人可能吃不出來,但是總有人會吃出來。沒錯!筆者就是吃出來的人。

總結:一致性的標題文案,可以讓用戶不迷失

九、提示文案需要積極、友好的表達

原型圖截圖

“只能上傳shp文件,且不要超過500kb” 給用戶的感覺不夠友好積極。

關鍵詞“只能”給用戶一種產品不夠強大的感覺,因為明確強調了只支持shp文件;“且不”則有一種被命令的感覺,不免讓人有一種不被尊重的感覺。

修改后:

修改后截圖

修改后“請上傳SHP格式文件,大小須在500kb以內”語氣瞬間變得溫和友好,同時也并不存在強調支持格式單一的感覺。

總結:友好、積極的文案更能給用戶好的感覺

十、使用用戶語言提示

有些產品因為行業的特殊性,會有一些行業術語,如果面向大眾用戶是很難理解的,所以一般需要轉換為大眾用戶熟知的語言。

但如果不可避免地要使用一些行業術語,就需要給用戶解釋,中國聯通APP登錄頁面“請輸入6位數服務密碼” What?服務密碼是什么?做為用戶的我沒能理解。

中國電信頁面上到是有“什么是服務密碼”的解釋,但是輸入框里寫的是“請輸入密碼” What?這兩個密碼有關系嗎?

總結:使用用戶語言,解釋行業詞匯。

十一、文案的排版

提示文案最好不超過兩行

文案超過兩行就需要用戶更集中精力閱讀,從而難免產生排斥心理,如果文字信息真的很多,可以把一段話內容整理分類依此豎向排列,同樣是可以起到清晰、高效閱讀。

數字與文字間加個空格更易閱讀

數字與文字有間隔可以增加數字的易讀性,當然也不是所有的數字跟文字都應該有間隔。

表述一件事:我家的狗狗今年1歲了(不需要)

體現一個數據:已經記錄了 28 條信息(可以有間隔)

十二、段落是否空兩格

我們的傳統文學,為了能夠方便閱讀形成了段落空兩格的傳統。

在開放的互聯網環境中,沒有語文老師監督你,有時候完全可以不用空兩格。比如單段簡短的話,空兩格就不夠美觀,其實一般的產品只要能把語意清晰傳達給用戶即可。

互聯網中文文字排版很多不空兩格,可能也是借鑒英文的排版樣式,英文排版是不空兩格的。

關于標點的建議

一般情況下提示文案末尾不出現標點,除非強調語氣,或者問號。

  • 還沒有任何收藏。(不可)
  • 您還沒有收到禮物喔~(強調語氣,可以)
  • 暫無文件!(不可)
  • 恭喜你注冊成功!(熱情表達,可以)
  • 請輸入。(不可)
  • 請輸入(可以)
  • 請輸入…(可以)
  • 什么是服務密碼。(不可)
  • 什么是服務密碼(可以)
  • 什么是服務密碼?(可以)

最后

為了準備這篇文章,我至少看了50+個APP找分享案例,給我的結論就是——優秀的產品,細節上做得也是相當出色,完全找不到一點瑕疵。而有的產品則不然,細節上一堆問題。以上分享的都是產品里無傷大雅的細節問題,但是我們可以把產品做到更好,為什么不呢?

最后要講一個重要的事情:

很多時候設計產品的人,會把自己人格帶給產品。

例如:一個性格活潑呆萌的產品經理負責的產品,就會有很多活波呆萌的元素;一個端莊嚴謹的產品經理又從來寫不出來能夠渲染氣氛的嬌氣文案。

優秀的產品設計者,設計產品早已把自己的人格拋掉了,而是給不同的產品賦予不一樣的產品人格。

 

作者:吳星辰,微信公眾號:互聯網設計幫

本文由 @吳星辰 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!
評論
歡迎留言討論~!
  1. 受教了

    回復
  2. 這個真心不錯,用心了

    回復
  3. 棒!很細心!

    回復
  4. 感謝分享。但是不認同關于相互和互相的觀點。從詞典上看,互相是兩個或兩個以上相互動作或彼此聯系的人或物中的每一個。而相互,強調彼此。所以相互是兩人間的事情,更私密。互相是群體間的事情,更中性。相互依偎勝過互相依偎。

    回復
    1. 同意

      回復
  5. 最后一條不敢茍同,不同的產品有不同的調性。騰訊文檔以辦公為主,全民K歌以娛樂為主,言語要與產品調性相符合。不然會讓用戶有不自然的感覺。

    回復
  6. 我喜歡你最后一句話,哈哈

    回復
  7. 感謝分享~很棒!不過我發現沒有標題五 :oops:

    回復
  8. 互相關注和相互關注我說一下吧。樓主得多學點心理學,互相關注角色是你與被關注人,立場是從你出發。 相互關注角色是站在平臺方說的,立場是從平臺出發。
    相互帶有利益性,官方性。互相則更有情感些。

    回復
    1. 1

      回復
  9. 很仔細,很細心

    回復
  10. 不錯

    回復
  11. 同意

    回復
  12. 學習了!

    回復
  13. 再加10元,免郵費

    回復
  14. 百度貼吧哭了。

    回復
  15. 大部分看了,還是很同意的。謝謝分享 :smile:

    回復
  16. 學到了,感謝分享!!

    回復
  17. nice

    回復
  18. 做得漂亮

    回復
  19. 受教了~感謝 ;-)

    回復
  20. 受教了,希望多出精品!

    回復
  21. 感謝分享,學習啦!

    回復
  22. 學習了

    回復
  23. 請教:春雨是問診類App,說明病情時好像是醫生對用戶講話,我覺得耐心地說多一點還挺好,不過太繁瑣了要怎么說才能把所有信息表達出來?

    回復
    1. +10086
      問診類APP應該引導用戶寫下有用的內容

      回復
彩票开奖接口怎么接