打造優(yōu)質(zhì)產(chǎn)品體驗(yàn)的文案設(shè)計(jì)規(guī)范
在產(chǎn)品設(shè)計(jì)過(guò)程中,文案設(shè)計(jì)是非常關(guān)鍵的一個(gè)環(huán)節(jié)。但多數(shù)產(chǎn)品經(jīng)理對(duì)文案的設(shè)計(jì)認(rèn)識(shí)不足,要么只是考慮到滿足需求卻忽視體驗(yàn),要么是注重體驗(yàn)忽略了需求。這篇文章,作者對(duì)文案設(shè)計(jì)進(jìn)行了系統(tǒng)的梳理,各個(gè)要點(diǎn)都有明確列出,希望能對(duì)大家的設(shè)計(jì)工作有所幫助。
在產(chǎn)品設(shè)計(jì)中的文案規(guī)范是最容易被忽視的一部分,但也是最重要最直接的一部分。有同學(xué)會(huì)認(rèn)為那是產(chǎn)品或者運(yùn)營(yíng)的責(zé)任,不需要我們?cè)O(shè)計(jì)師負(fù)責(zé),因此也沒(méi)必要制定專(zhuān)門(mén)的規(guī)范。但個(gè)人觀點(diǎn)是,作為設(shè)計(jì)師,只要元素在設(shè)計(jì)稿上,就應(yīng)該對(duì)這些文案進(jìn)行認(rèn)真把關(guān)。無(wú)論最后的決定權(quán)歸屬于誰(shuí),我們至少應(yīng)該對(duì)自己參與的設(shè)計(jì)稿負(fù)責(zé)。
在產(chǎn)品設(shè)計(jì)過(guò)程中,設(shè)計(jì)稿可能會(huì)因評(píng)審而多次修改,在迭代的不同周期個(gè)人想法而多次變化,甚至有時(shí)候一個(gè)產(chǎn)品可能多位設(shè)計(jì)師參與,所以文案很容易出現(xiàn)不一致或錯(cuò)誤的情況。
因此在最終開(kāi)發(fā)前,根據(jù)統(tǒng)一的文案設(shè)計(jì)規(guī)范重新審查文案是非常必要的,保證了文案的一致性、清晰性。
有關(guān)文案設(shè)計(jì)規(guī)范的內(nèi)容網(wǎng)上較少,借此機(jī)會(huì)想寫(xiě)一篇文章講述文案的重要性,包括哪些內(nèi)容需要納入文案設(shè)計(jì)規(guī)范,以及哪些原則需要在規(guī)范中明確。一起來(lái)看看吧~
一、重要性
我們大部分時(shí)間都在線上溝通,即通過(guò)文案溝通,無(wú)論是在口語(yǔ)還是學(xué)術(shù)中,它都是連接用戶和信息的重要橋梁。B端場(chǎng)景下,清晰、準(zhǔn)確、一致的文案,能幫助用戶減少理解成本,高效操作,讓用戶在每一次的使用體驗(yàn)中感到愉悅感,建立起對(duì)產(chǎn)品的信任感。
好的文案能夠指導(dǎo)用戶完成操作,幫助用戶更輕松地達(dá)到目的,降低用戶學(xué)習(xí)和使用成本。由此可見(jiàn)產(chǎn)品中的文案設(shè)計(jì)規(guī)范是多么的重要。
本文將在B端業(yè)務(wù)場(chǎng)景下從文案的基礎(chǔ)、語(yǔ)氣、文感三個(gè)角度出發(fā)給你提供一些使用的建議。
二、基礎(chǔ)
文案基礎(chǔ)規(guī)則指對(duì)于英文大小寫(xiě)、阿拉伯?dāng)?shù)字、空格以及標(biāo)點(diǎn)符號(hào)樣式等方面的統(tǒng)一規(guī)定。它們確保了文案在產(chǎn)品設(shè)計(jì)中的一致性、可讀性和專(zhuān)業(yè)性,它在設(shè)計(jì)中扮演著極其重要的角色。
試想一下,假如你的產(chǎn)品在不同的平臺(tái)上給用戶的感受不一樣,你會(huì)覺(jué)得它們專(zhuān)業(yè)且可信賴(lài)么?因此在最基礎(chǔ)的環(huán)節(jié)我們將從統(tǒng)一格式與統(tǒng)一符號(hào)這2個(gè)方面進(jìn)行分析。
2.1 統(tǒng)一格式
2.1.1 英文大小寫(xiě)
- 專(zhuān)有名稱(chēng)應(yīng)該大寫(xiě),如果是全稱(chēng),首字母大寫(xiě)就可以了,但是如果是專(zhuān)有名稱(chēng)的縮寫(xiě)則需要全部大寫(xiě)。如:IBM、OSS、CDT 等。
- 文章句式中,首字母大寫(xiě)。
- 文章標(biāo)題、菜單項(xiàng)中每一個(gè)首字母都需要大寫(xiě) of、and 這類(lèi)的連詞除外。如:Featured Produces、Intelligent Advisor 等。
- 特殊名詞的首字母不一定大寫(xiě)。如:iOS、iPhone、iPad 等。
2.1.2 阿拉伯?dāng)?shù)字
- 數(shù)字與計(jì)量單位搭配時(shí),應(yīng)該采用阿拉伯?dāng)?shù)字。如:39km/h、300 斤、300 升 等。
- 用于公歷的時(shí)間表達(dá)時(shí),應(yīng)該采用阿拉伯?dāng)?shù)字。如:2023-8-8。
2.1.3 空格
- 中英文之間加空格。如:Microsoft 推出的 Edge 與 Google Chrome 相比體驗(yàn)如何?采用了 iOS 規(guī)范么?
- 中英文混合的固定「單詞」內(nèi)部不試用空格。如:B站、QQ群等。
- 數(shù)字中文之間加空格。如:80 千米、2003 年、500 元等。
- 數(shù)字與英文之間不加空格。如 20GB、12℃。
- 數(shù)字與百分號(hào)之間不加空格。如:99,99%。
- 日期與時(shí)間之間加空格。如:2023-07-23 12:00:03。
2.2 標(biāo)點(diǎn)符號(hào)樣式
2.2.1 不加標(biāo)點(diǎn)符號(hào)
為了幫助用戶更加高效地掃視文本內(nèi)容,以下6個(gè)元素單獨(dú)出現(xiàn)時(shí),可以省略不必要的標(biāo)點(diǎn)符號(hào)
標(biāo)簽(Tag)、標(biāo)題、輸入框內(nèi)輔助文字提示、輸入框下的輔助文字提示、氣泡卡片(Popover)、按鈕(Button)。
2.2.2 加標(biāo)點(diǎn)符號(hào)
標(biāo)點(diǎn)符號(hào)作為輔助文字記錄的符號(hào),用來(lái)表示語(yǔ)句的停頓、語(yǔ)氣以及表示某些成分的特定作用。參考1995年中國(guó)標(biāo)準(zhǔn)出版社出版的《標(biāo)點(diǎn)符號(hào)用法》,下圖羅列出我們?cè)O(shè)計(jì)中常用的部分需要注意的內(nèi)容。
在一些特殊場(chǎng)景例如多句或者多段文案、列表內(nèi)容、文字鏈接前的句子也需要加上標(biāo)點(diǎn)符號(hào)。因?yàn)檫@些標(biāo)點(diǎn)提供了文本結(jié)構(gòu)和層次,使文案更易讀、易懂,幫助用戶更好的理解信息。
三、語(yǔ)氣
語(yǔ)氣是語(yǔ)言表達(dá)中反映說(shuō)話者情感、態(tài)度、意愿等心理狀態(tài)的特征。它是通過(guò)語(yǔ)言的形式和結(jié)構(gòu)來(lái)表現(xiàn)出說(shuō)話者在溝通中所持有的情緒、情感色彩、態(tài)度傾向以及說(shuō)話意圖等。
在文案設(shè)計(jì)中,語(yǔ)氣是非常重要的。恰當(dāng)?shù)恼Z(yǔ)氣可以直接影響用戶的情緒和體驗(yàn),建立用戶與產(chǎn)品之間的情感聯(lián)系,增加用戶對(duì)產(chǎn)品的信任和滿意度。通過(guò)閱讀產(chǎn)品中的文案,如果需要讓用戶感受到可信與專(zhuān)業(yè),那么文案在設(shè)計(jì)的時(shí)候就需要遵守以下原則。
3.1 拉近距離
在文案設(shè)計(jì)中,直接使用「你」和「我」與用戶對(duì)話可以建立親密感,增強(qiáng)用戶與產(chǎn)品的情感聯(lián)系,避免使用「您」,以免給用戶造成疏遠(yuǎn)的感覺(jué)。就好像你請(qǐng)好朋友,不會(huì)說(shuō)「您」,而直接稱(chēng)呼「你」。反過(guò)來(lái)像銀行或者金融等VIP場(chǎng)合采用「您」可能更加合適。
3.2 和善友好
在不同的場(chǎng)景,例如系統(tǒng)通知、幫助提示以及操作引導(dǎo)中,文案應(yīng)該專(zhuān)注于當(dāng)前問(wèn)題,確保對(duì)用戶的友好與尊重,避免讓其感受到指責(zé)或者冒犯。
3.2.1 系統(tǒng)通知
系統(tǒng)通知是指通過(guò)產(chǎn)品界面或其他渠道向用戶傳達(dá)重要信息、狀態(tài)變化、操作結(jié)果等內(nèi)容的一種基礎(chǔ)方式。它的目的是讓用戶及時(shí)了解與其相關(guān)的信息,以便他們能夠做出相應(yīng)的反應(yīng)或決策。例如新消息的到達(dá)、賬戶操作的確認(rèn)、訂單狀態(tài)的變更等。
通用句式:情形描述(必選)+操作建議(可選)。
3.2.2 幫助提示
幫助提示是指為用戶提供有關(guān)特定功能、操作或界面的解釋、指導(dǎo)和說(shuō)明的文本內(nèi)容。這些提示可以在界面上的各個(gè)位置出現(xiàn),如標(biāo)簽、按鈕、輸入框等,以便用戶隨時(shí)獲取相關(guān)幫助信息。
幫助提示可以幫助用戶更好地理解如何使用當(dāng)前產(chǎn)品的各項(xiàng)功能,解決問(wèn)題或完成任務(wù)。避免站在很高的角度給用戶命令或者強(qiáng)迫的感覺(jué)。
3.2.3 操作引導(dǎo)
在產(chǎn)品文案設(shè)計(jì)中,操作引導(dǎo)是指通過(guò)文字說(shuō)明、提示或指示,引導(dǎo)用戶進(jìn)行特定的操作或任務(wù)。通過(guò)減少用戶的困惑和疑慮,確保他們能夠輕松地使用產(chǎn)品。
在引導(dǎo)前,提前告知用戶這個(gè)操作的目的和重要性,可以促進(jìn)用戶更愿意去執(zhí)行這個(gè)動(dòng)作。通過(guò)明確地解釋為什么需要進(jìn)行這個(gè)操作,用戶能夠更好地理解操作的意義,從而提高他們的意愿去執(zhí)行。
通用句式:動(dòng)詞開(kāi)頭的祈使句或動(dòng)賓短語(yǔ)。
四、文感
4.1 清晰傳達(dá)
清晰傳達(dá)?那么我們?cè)撊绾巫龅角逦?/p>
所謂清晰并非指將系統(tǒng)內(nèi)專(zhuān)業(yè)信息反饋的準(zhǔn)確,而是指站在用戶角度理解信息的清晰,無(wú)需呈現(xiàn)出全部的細(xì)節(jié),降低用戶的理解成本。
4.1.1 表達(dá)清晰
語(yǔ)言簡(jiǎn)潔明了,采用用戶熟悉的詞匯和表達(dá)方式,采用容易理解文案內(nèi)容,避免讓文本顯得啰嗦和冗長(zhǎng),讓用戶快速獲取所需信息,避免讓用戶花費(fèi)過(guò)多時(shí)間理解文案。
4.1.2 層次清晰
在大量文本內(nèi)容的場(chǎng)景中,人們一般通過(guò)掃描來(lái)獲取對(duì)自己有意義的內(nèi)容,當(dāng)內(nèi)容存在明顯的視覺(jué)優(yōu)先級(jí)區(qū)分(大小、顏色、粗細(xì)),我們就可以在快速瀏覽中獲取自己想要的內(nèi)容。
4.1.3 理解清晰
用中性、直接的語(yǔ)言告知用戶潛在行動(dòng)的重要性。避免看起來(lái)起來(lái)令人震驚、恐嚇或居高臨下的警告或警告。我們應(yīng)該向用戶展示當(dāng)前操作后的結(jié)果并給出具體的操作建議。
4.2 表述一致
橫看成嶺側(cè)成峰,遠(yuǎn)近高低各不同。
由于漢語(yǔ)的博大精深,會(huì)導(dǎo)致在表達(dá)相同含義時(shí)可以有每個(gè)參與者都有著多種不同的詞匯選擇。為了保證產(chǎn)品的專(zhuān)業(yè)性,避免理解的偏差,提高用戶的理解和體驗(yàn),我們?cè)O(shè)計(jì)團(tuán)隊(duì)?wèi)?yīng)該建立統(tǒng)一的詞匯表或術(shù)語(yǔ)表,明確產(chǎn)品中所采用的標(biāo)準(zhǔn)表達(dá)。
4.2.1 用詞一致
在產(chǎn)品中,同一個(gè)功能或事物可能在不同頁(yè)面中頻繁出現(xiàn)。如果在不同地方使用不同的詞匯來(lái)描述同一個(gè)事物,會(huì)給用戶造成困擾和混淆。用戶會(huì)認(rèn)為這些不同的詞匯指代不同的功能,導(dǎo)致理解成本增加,降低用戶體驗(yàn)。因此產(chǎn)品內(nèi)確保在不同場(chǎng)景下描述同一個(gè)事物時(shí)保持一致性。
4.2.2 語(yǔ)法一致
以用戶為中心的設(shè)計(jì)可以幫我我們滿足遇到問(wèn)題的人的核心需求。通過(guò)遵循這些原則,設(shè)計(jì)團(tuán)隊(duì)可以打造出更加貼近用戶、易于理解的文案,增強(qiáng)用戶與產(chǎn)品的親和力和信任感。
因此在文案具體表達(dá)時(shí)我們可以采用主謂短語(yǔ)以及動(dòng)賓短語(yǔ),通過(guò)站在用戶的角度,以用戶作為主語(yǔ)來(lái)表述,使其直接與信息相關(guān),更能調(diào)動(dòng)其情緒,讓用戶接受文案所傳遞的信息。但在B端產(chǎn)品中需要適當(dāng)?shù)膶?zhuān)業(yè)詞語(yǔ)來(lái)描述,避免過(guò)度的口語(yǔ)化。
4.2.3 引導(dǎo)一致
文案的不單單告知當(dāng)前用戶的位置,還需要引導(dǎo)用戶去到他們想去的地方。
操作提示:
提供簡(jiǎn)明扼要的操作提示,特別是具有風(fēng)險(xiǎn)安全的操作,需要確保用戶清楚了解每個(gè)行動(dòng)點(diǎn)的功能和目的理解的一致性。避免使用模糊或晦澀的表達(dá),讓用戶可以直接理解并準(zhǔn)確地選擇所需的操作。這時(shí)我們可以采用「情況陳述+相關(guān)操作」的通用句式。
邏輯和流程:
在設(shè)計(jì)中我們要確保行動(dòng)觸發(fā)的引導(dǎo)文案與跳轉(zhuǎn)后的頁(yè)面標(biāo)題一致,避免用戶在操作過(guò)程中陷入迷失。
4.3 簡(jiǎn)明扼要
精簡(jiǎn)文案至關(guān)重要。它采用干練的語(yǔ)言,讓核心信息突出,提高用戶的閱讀效率,降低理解成本。在應(yīng)用中我們可以做到以下2點(diǎn)。
4.3.1 去除冗余文字
去除冗余文字就是去除那些重復(fù)的、繁瑣的表達(dá),讓每個(gè)句子和詞匯都有獨(dú)特的信息貢獻(xiàn)。通過(guò)精心設(shè)計(jì),確保每一句話都是有意義且有價(jià)值的,讓用戶在閱讀過(guò)程中能夠快速獲取新的信息,提高效率。
4.3.2 突出核心信息
文案設(shè)計(jì)時(shí)需要關(guān)注核心內(nèi)容,站在用戶角度去思考他們通過(guò)當(dāng)前的文案能夠獲得什么,強(qiáng)調(diào)與用戶自身的相關(guān)性。
五、寫(xiě)在最后
以上就是我在文案設(shè)計(jì)規(guī)范上的粗略總結(jié),希望該文章對(duì)你有所啟發(fā),也歡迎感興趣的同學(xué)一起探討~
今年的Flag就是要輸出交互設(shè)計(jì)系列課程,也期待大家對(duì)我的關(guān)注與監(jiān)督。
我是江鳥(niǎo),一個(gè)愛(ài)學(xué)習(xí)愛(ài)分享的設(shè)計(jì)師。
咱們下期見(jiàn)~
參考資料:
https://ant.design/docs/spec/copywriting-cn
https://zhuanlan.zhihu.com/p/351739115
https://mp.weixin.qq.com/s/ahrZ9xNYTg7SWx-uhCzlNQ
專(zhuān)欄作家
江鳥(niǎo),微信公眾號(hào):江鳥(niǎo)的設(shè)計(jì)生活,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn),擅長(zhǎng)體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒(méi)評(píng)論,等你發(fā)揮!