UI、交互、PM應(yīng)該懂的產(chǎn)品提示文案設(shè)計(jì)
你有沒有注意過產(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é)議
相互?互相?有價(jià)值?強(qiáng)體驗(yàn)?!這個(gè)能上榜?現(xiàn)在作家門檻這么低了了?還專欄作家?
聽說作者喜歡咬文嚼字,我也來試試。
首先,標(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)我非常贊同你。真棒?。ㄟ@還上榜推薦?)
嗯~~
受教了
這個(gè)真心不錯(cuò),用心了
棒!很細(xì)心!
感謝分享。但是不認(rèn)同關(guān)于相互和互相的觀點(diǎn)。從詞典上看,互相是兩個(gè)或兩個(gè)以上相互動(dòng)作或彼此聯(lián)系的人或物中的每一個(gè)。而相互,強(qiáng)調(diào)彼此。所以相互是兩人間的事情,更私密?;ハ嗍侨后w間的事情,更中性。相互依偎勝過互相依偎。
同意
是啊,現(xiàn)在這都能成作家了……
最后一條不敢茍同,不同的產(chǎn)品有不同的調(diào)性。騰訊文檔以辦公為主,全民K歌以?shī)蕵窞橹鳎哉Z(yǔ)要與產(chǎn)品調(diào)性相符合。不然會(huì)讓用戶有不自然的感覺。
我喜歡你最后一句話,哈哈
感謝分享~很棒!不過我發(fā)現(xiàn)沒有標(biāo)題五 ??
互相關(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更有情感些。
1
很仔細(xì),很細(xì)心
不錯(cuò)
同意
學(xué)習(xí)了!
再加10元,免郵費(fèi)
百度貼吧哭了。
大部分看了,還是很同意的。謝謝分享 ??
學(xué)到了,感謝分享??!
nice
做得漂亮
受教了~感謝 ??
受教了,希望多出精品!
感謝分享,學(xué)習(xí)啦!
學(xué)習(xí)了
請(qǐng)教:春雨是問診類App,說明病情時(shí)好像是醫(yī)生對(duì)用戶講話,我覺得耐心地說多一點(diǎn)還挺好,不過太繁瑣了要怎么說才能把所有信息表達(dá)出來?
+10086
問診類APP應(yīng)該引導(dǎo)用戶寫下有用的內(nèi)容