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

30 評論 29760 瀏覽 292 收藏 18 分鐘

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

一般來講產品的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 條信息(可以有間隔)

十二、段落是否空兩格

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

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

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

關于標點的建議

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

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

最后

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

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

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

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

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

#專欄作家#

吳星辰,微信公眾號:互聯網設計幫,人人都是產品經理專欄作家。

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

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 相互?互相?有價值?強體驗?!這個能上榜?現在作家門檻這么低了了?還專欄作家?

    回復
  2. 聽說作者喜歡咬文嚼字,我也來試試。
    首先,標題?!癠I、交互、PM應該懂的產品提示文案設計”,交互=UX你不會不知道吧?
    第二,這里好像什么也沒有和暫無播放記錄,你不會連產品所處的階段都不知道吧?產品階段不同工作重心不同你不會不曉得吧?哦,中國的是土鱉冷漠,國外就是雅痞?(yet?)
    第三,相互和互相?居然和竟然?您擱著考公務員還是做商業機構呢?
    第四個說百度貼吧的,給我整笑了,人家一個錯別字被你挑成這樣?嗯,你比BAT的產品經理還牛(不是崇拜BAT,只是人家沒這閑工夫跟您挑錯別字)。你配么?您配幾把?
    第五說郵費的,一個是跟你說,再加十元就可以免郵費,另一個說,想要免郵費?可以,再加十元!嘖嘖嘖。
    第十,能不能別把你177的電話號碼放出來?還UI設計師,會打碼?
    第十一,你不推薦的就是我推薦給你的–“請勿將你的聯系方式透露”!OK?
    我唯一贊同你的是第十一個。嗯,人人都是產品經理做的的確不行,空格都不會加!這點我非常贊同你。真棒?。ㄟ@還上榜推薦?)

    來自北京 回復
    1. 嗯~~

      回復
  3. 受教了

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

    回復
  5. 棒!很細心!

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

    來自浙江 回復
    1. 同意

      來自江蘇 回復
    2. 是啊,現在這都能成作家了……

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

    來自香港 回復
  8. 我喜歡你最后一句話,哈哈

    來自福建 回復
  9. 感謝分享~很棒!不過我發現沒有標題五 ??

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

    回復
    1. 1

      來自福建 回復
  11. 很仔細,很細心

    來自廣東 回復
  12. 不錯

    來自山東 回復
  13. 同意

    來自北京 回復
  14. 學習了!

    來自重慶 回復
  15. 再加10元,免郵費

    回復
  16. 百度貼吧哭了。

    回復
  17. 大部分看了,還是很同意的。謝謝分享 ??

    來自北京 回復
  18. 學到了,感謝分享??!

    來自安徽 回復
  19. nice

    來自北京 回復
  20. 做得漂亮

    來自日本 回復
  21. 受教了~感謝 ??

    來自北京 回復
  22. 受教了,希望多出精品!

    來自河北 回復
  23. 感謝分享,學習啦!

    回復
  24. 學習了

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

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

      來自重慶 回復