UI、交互、PM應(yīng)該懂的產(chǎn)品提示文案設(shè)計(jì)

30 評(píng)論 29818 瀏覽 292 收藏 18 分鐘

你有沒有注意過產(chǎn)品中的一些細(xì)節(jié)文案呢?你注意同一句話在不同產(chǎn)品的不同表達(dá)方式嗎?筆者認(rèn)為,細(xì)節(jié)文案的設(shè)計(jì)能夠給用戶帶來更多的好感與認(rèn)同。

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

合理的提示文案可以提高用戶微感受,所謂微感受就是用戶對(duì)產(chǎn)品細(xì)節(jié)的感知,產(chǎn)品的細(xì)節(jié)做得越好,也就能給用戶帶來更多的好感,所以提示文案的設(shè)計(jì)不可忽視。

案例解析如下:

一、用文案渲染產(chǎn)品調(diào)性

同樣兩個(gè)音樂APP產(chǎn)品,體會(huì)一下兩個(gè)提示文案給你帶來的感受。

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

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

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

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

因?yàn)檫@款產(chǎn)品定位人群是喜歡追求新事物的年輕人或?qū)I(yè)的音樂人,“Oh moooo Nothing yet”這樣的提示文案更能迎合目標(biāo)用戶的特征,給用戶一種找到自我的感受。

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

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

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

工具產(chǎn)品一般不太需要營(yíng)造情緒氛圍的文案、能給使用者能夠帶來專業(yè),嚴(yán)謹(jǐn),安全感受才是最重要的。

總結(jié):文案設(shè)計(jì)從產(chǎn)品調(diào)性、用戶特征出發(fā)。

二、用戶思維,給用戶價(jià)值感受

產(chǎn)品原型圖截圖

上圖產(chǎn)品,是問卷收集企業(yè)負(fù)責(zé)人在事業(yè)單位辦理業(yè)務(wù)時(shí)的各個(gè)環(huán)節(jié)感受(例如企業(yè)辦理營(yíng)業(yè)執(zhí)照)。

從用戶思維思考,“請(qǐng)幫助我們..……”這樣的表述給用戶的感受是——用戶需要付出什么。這樣導(dǎo)致的結(jié)果是用戶可能會(huì)產(chǎn)生一種抗拒心理,從而影響問卷調(diào)查的可靠性。

其實(shí)我們從業(yè)務(wù)的角度去思考,收集問卷就是為了能給企業(yè)提供更好的服務(wù),所以從這個(gè)點(diǎn)出發(fā),可以賦予用戶價(jià)值感受。

文案修改后截圖

修改后“為了給您的企業(yè)帶來更優(yōu)質(zhì)高效的服務(wù)體驗(yàn)…”這樣的表述就能給用戶價(jià)值感受,因?yàn)楸硎隽诉@件事是為用戶自己著想,而不是在幫助平臺(tái)收集數(shù)據(jù)。

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

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

三、用詞恰當(dāng),可以使用戶間更有親近感

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

把“相互”和“互相”兩個(gè)詞放到下面語(yǔ)句中感受哪個(gè)詞更能表達(dá)親近感?

在遠(yuǎn)處的海邊有一對(duì)情侶坐在夕陽(yáng)下_______依偎著。

相互和互相都有副詞用法,都可以表示彼此對(duì)待的關(guān)系,區(qū)別在于:

“相互”更多的表示一種形容關(guān)系,“互相”表示彼此對(duì)待的一個(gè)動(dòng)作,“互相”表達(dá)積極的情感上更有表現(xiàn)力,所以“一對(duì)情侶互相依偎著”更能體現(xiàn)這種關(guān)系。

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

四、給用戶一個(gè)確定的人稱

百度貼吧同一個(gè)頁(yè)面中出現(xiàn)對(duì)用戶不同的人稱:

  • 的興趣懂的”
  • 對(duì)游戲有多沉迷”
  • “如果是超級(jí)英雄”

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

測(cè)試問卷標(biāo)題不可避免的出現(xiàn)不同的人稱,那么頁(yè)面中就要減少人稱的干擾。

再來看個(gè)案例:

寫提示文案的時(shí)候,一定要理清楚,是產(chǎn)品在對(duì)話用戶,還是把用戶帶入產(chǎn)品中。

上圖標(biāo)題為“我的廣場(chǎng)”這就是把用戶帶入了產(chǎn)品,那么這個(gè)頁(yè)面的提示文案應(yīng)該從用戶的角度去提示,“此刻,我想說點(diǎn)什么…”人稱與標(biāo)題相對(duì)應(yīng)非常之恰當(dāng),“此刻,你想說點(diǎn)什么…”人稱更改對(duì)應(yīng)標(biāo)題就會(huì)有割裂感。

總結(jié):提示文案要盡可能的統(tǒng)一人稱,理清產(chǎn)品在對(duì)話用戶,還是把用戶帶入產(chǎn)品。

“你”和“您”

我們?nèi)粘S玫漠a(chǎn)品中,有些產(chǎn)品提示文案用“你”例如微信,有些產(chǎn)品用“您”例如京東,為什么人稱會(huì)不一樣是因?yàn)楫a(chǎn)品與用戶的關(guān)系不一樣。

有些產(chǎn)品與用戶是一種平等關(guān)系,就像朋友、戀人、同事之間,是一種平等關(guān)系;有的產(chǎn)品對(duì)用戶是一種尊重的態(tài)度,因?yàn)橛脩艏纯蛻?,?duì)客戶當(dāng)然要抱以尊重的態(tài)度。

所以我們大概能得出一個(gè)結(jié)論,社交類、工具類、用“你”更為恰當(dāng),電商、B端產(chǎn)品用“您”更為恰當(dāng),當(dāng)然有的產(chǎn)品會(huì)有很多形態(tài),比如小紅書屬于社交電商產(chǎn)品,那么就要從新思考產(chǎn)品與用戶的關(guān)系了。

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

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

QQ對(duì)話列表頁(yè)面中系統(tǒng)推送不同的人稱:

我們都知道QQ是一個(gè)量級(jí)非常大的產(chǎn)品,所以肯定不會(huì)一個(gè)人負(fù)責(zé)所有的設(shè)計(jì),一般會(huì)一個(gè)團(tuán)隊(duì)或一個(gè)人負(fù)責(zé)不同板塊,協(xié)作工作就難免會(huì)出現(xiàn)上圖的問題,其原因還是制定的設(shè)計(jì)規(guī)范沒有落實(shí)到更細(xì)的細(xì)節(jié)上。

絕對(duì)優(yōu)秀的產(chǎn)品,細(xì)節(jié)上定會(huì)是無懈可擊的,我翻遍了微信所有的頁(yè)面,沒有找到一個(gè)“您”字。

總結(jié):根據(jù)產(chǎn)品的定位找到與用戶的關(guān)系,運(yùn)用恰當(dāng)?shù)娜朔Q。

六、提示文案需要精簡(jiǎn)高效、有效傳達(dá)

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

七、解密提示文案高效傳達(dá)的方法

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

第二句則是先告訴用戶目的,然后再說需要怎么做,能夠?qū)崿F(xiàn)高效傳達(dá)效果,而且讀這句話時(shí)候過程用戶是清晰的。

總結(jié):提示文案可以讓目的先行,這樣能實(shí)現(xiàn)更高效的信息傳達(dá)。

八、標(biāo)題文案的一致性

在產(chǎn)品中當(dāng)點(diǎn)擊一個(gè)板塊,進(jìn)入頁(yè)面中頂部標(biāo)題應(yīng)該跟板塊名稱保持一致,保證用戶不會(huì)迷失。

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

總結(jié):一致性的標(biāo)題文案,可以讓用戶不迷失

九、提示文案需要積極、友好的表達(dá)

原型圖截圖

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

關(guān)鍵詞“只能”給用戶一種產(chǎn)品不夠強(qiáng)大的感覺,因?yàn)槊鞔_強(qiáng)調(diào)了只支持shp文件;“且不”則有一種被命令的感覺,不免讓人有一種不被尊重的感覺。

修改后:

修改后截圖

修改后“請(qǐng)上傳SHP格式文件,大小須在500kb以內(nèi)”語(yǔ)氣瞬間變得溫和友好,同時(shí)也并不存在強(qiáng)調(diào)支持格式單一的感覺。

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

十、使用用戶語(yǔ)言提示

有些產(chǎn)品因?yàn)樾袠I(yè)的特殊性,會(huì)有一些行業(yè)術(shù)語(yǔ),如果面向大眾用戶是很難理解的,所以一般需要轉(zhuǎn)換為大眾用戶熟知的語(yǔ)言。

但如果不可避免地要使用一些行業(yè)術(shù)語(yǔ),就需要給用戶解釋,中國(guó)聯(lián)通APP登錄頁(yè)面“請(qǐng)輸入6位數(shù)服務(wù)密碼” What?服務(wù)密碼是什么?做為用戶的我沒能理解。

中國(guó)電信頁(yè)面上到是有“什么是服務(wù)密碼”的解釋,但是輸入框里寫的是“請(qǐng)輸入密碼” What?這兩個(gè)密碼有關(guān)系嗎?

總結(jié):使用用戶語(yǔ)言,解釋行業(yè)詞匯。

十一、文案的排版

提示文案最好不超過兩行

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

數(shù)字與文字間加個(gè)空格更易閱讀

數(shù)字與文字有間隔可以增加數(shù)字的易讀性,當(dāng)然也不是所有的數(shù)字跟文字都應(yīng)該有間隔。

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

體現(xiàn)一個(gè)數(shù)據(jù):已經(jīng)記錄了 28 條信息(可以有間隔)

十二、段落是否空兩格

我們的傳統(tǒng)文學(xué),為了能夠方便閱讀形成了段落空兩格的傳統(tǒng)。

在開放的互聯(lián)網(wǎng)環(huán)境中,沒有語(yǔ)文老師監(jiān)督你,有時(shí)候完全可以不用空兩格。比如單段簡(jiǎn)短的話,空兩格就不夠美觀,其實(shí)一般的產(chǎn)品只要能把語(yǔ)意清晰傳達(dá)給用戶即可。

互聯(lián)網(wǎng)中文文字排版很多不空兩格,可能也是借鑒英文的排版樣式,英文排版是不空兩格的。

關(guān)于標(biāo)點(diǎn)的建議

一般情況下提示文案末尾不出現(xiàn)標(biāo)點(diǎn),除非強(qiáng)調(diào)語(yǔ)氣,或者問號(hào)。

  • 還沒有任何收藏。(不可)
  • 您還沒有收到禮物喔~(強(qiáng)調(diào)語(yǔ)氣,可以)
  • 暫無文件?。ú豢桑?/li>
  • 恭喜你注冊(cè)成功?。崆楸磉_(dá),可以)
  • 請(qǐng)輸入。(不可)
  • 請(qǐng)輸入(可以)
  • 請(qǐng)輸入…(可以)
  • 什么是服務(wù)密碼。(不可)
  • 什么是服務(wù)密碼(可以)
  • 什么是服務(wù)密碼?(可以)

最后

為了準(zhǔn)備這篇文章,我至少看了50+個(gè)APP找分享案例,給我的結(jié)論就是——優(yōu)秀的產(chǎn)品,細(xì)節(jié)上做得也是相當(dāng)出色,完全找不到一點(diǎn)瑕疵。而有的產(chǎn)品則不然,細(xì)節(jié)上一堆問題。以上分享的都是產(chǎn)品里無傷大雅的細(xì)節(jié)問題,但是我們可以把產(chǎn)品做到更好,為什么不呢?

最后要講一個(gè)重要的事情:

很多時(shí)候設(shè)計(jì)產(chǎn)品的人,會(huì)把自己人格帶給產(chǎn)品。

例如:一個(gè)性格活潑呆萌的產(chǎn)品經(jīng)理負(fù)責(zé)的產(chǎn)品,就會(huì)有很多活波呆萌的元素;一個(gè)端莊嚴(yán)謹(jǐn)?shù)漠a(chǎn)品經(jīng)理又從來寫不出來能夠渲染氣氛的嬌氣文案。

優(yōu)秀的產(chǎn)品設(shè)計(jì)者,設(shè)計(jì)產(chǎn)品早已把自己的人格拋掉了,而是給不同的產(chǎn)品賦予不一樣的產(chǎn)品人格。

#專欄作家#

吳星辰,微信公眾號(hào):互聯(lián)網(wǎng)設(shè)計(jì)幫,人人都是產(chǎn)品經(jīng)理專欄作家。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 相互?互相?有價(jià)值?強(qiáng)體驗(yàn)?!這個(gè)能上榜?現(xiàn)在作家門檻這么低了了?還專欄作家?

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

    來自北京 回復(fù)
    1. 嗯~~

      回復(fù)
  3. 受教了

    回復(fù)
  4. 這個(gè)真心不錯(cuò),用心了

    回復(fù)
  5. 棒!很細(xì)心!

    回復(fù)
  6. 感謝分享。但是不認(rèn)同關(guān)于相互和互相的觀點(diǎn)。從詞典上看,互相是兩個(gè)或兩個(gè)以上相互動(dòng)作或彼此聯(lián)系的人或物中的每一個(gè)。而相互,強(qiáng)調(diào)彼此。所以相互是兩人間的事情,更私密?;ハ嗍侨后w間的事情,更中性。相互依偎勝過互相依偎。

    來自浙江 回復(fù)
    1. 同意

      來自江蘇 回復(fù)
    2. 是啊,現(xiàn)在這都能成作家了……

      回復(fù)
  7. 最后一條不敢茍同,不同的產(chǎn)品有不同的調(diào)性。騰訊文檔以辦公為主,全民K歌以?shī)蕵窞橹鳎哉Z(yǔ)要與產(chǎn)品調(diào)性相符合。不然會(huì)讓用戶有不自然的感覺。

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

    來自福建 回復(fù)
  9. 感謝分享~很棒!不過我發(fā)現(xiàn)沒有標(biāo)題五 ??

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

    回復(fù)
    1. 1

      來自福建 回復(fù)
  11. 很仔細(xì),很細(xì)心

    來自廣東 回復(fù)
  12. 不錯(cuò)

    來自山東 回復(fù)
  13. 同意

    來自北京 回復(fù)
  14. 學(xué)習(xí)了!

    來自重慶 回復(fù)
  15. 再加10元,免郵費(fèi)

    回復(fù)
  16. 百度貼吧哭了。

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

    來自北京 回復(fù)
  18. 學(xué)到了,感謝分享??!

    來自安徽 回復(fù)
  19. nice

    來自北京 回復(fù)
  20. 做得漂亮

    來自日本 回復(fù)
  21. 受教了~感謝 ??

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

    來自河北 回復(fù)
  23. 感謝分享,學(xué)習(xí)啦!

    回復(fù)
  24. 學(xué)習(xí)了

    回復(fù)
  25. 請(qǐng)教:春雨是問診類App,說明病情時(shí)好像是醫(yī)生對(duì)用戶講話,我覺得耐心地說多一點(diǎn)還挺好,不過太繁瑣了要怎么說才能把所有信息表達(dá)出來?

    來自廣東 回復(fù)
    1. +10086
      問診類APP應(yīng)該引導(dǎo)用戶寫下有用的內(nèi)容

      來自重慶 回復(fù)