交互設(shè)計(jì)常識(shí):文案設(shè)計(jì)的原則與方法

8 評(píng)論 25344 瀏覽 183 收藏 15 分鐘

好的文案不但可以為產(chǎn)品帶來(lái)好的體驗(yàn),拉近產(chǎn)品與用戶的距離,還能及時(shí)幫用戶解決問(wèn)題,因此文案設(shè)計(jì)非常重要。

  • 不需要過(guò)多的文案,而需要文案能表示更多;
  • 語(yǔ)言本身就是一種界面,一種架構(gòu)。

文案使產(chǎn)品性格更加突出,清晰、準(zhǔn)確、一致的文案讓界面更易用,使得用戶在每一次的使用體驗(yàn)中感到順暢、愉悅。在交互界面上的說(shuō)明和提示文案上指導(dǎo)用戶完成操作,可以讓用戶更容易達(dá)到目的。

好的文案不但可以為產(chǎn)品帶來(lái)好的體驗(yàn),拉近產(chǎn)品與用戶的距離,還能及時(shí)幫用戶解決問(wèn)題,因此文案設(shè)計(jì)非常重要。

我們?cè)谑褂煤驮O(shè)計(jì)產(chǎn)品文案時(shí)需注意以下幾點(diǎn)原則:

  1. 平等親和(語(yǔ)氣)
  2. 尊重友好(語(yǔ)氣)
  3. 簡(jiǎn)潔有效,表述專業(yè)嚴(yán)謹(jǐn)(語(yǔ)言)
  4. 使用用戶熟悉的語(yǔ)言,表述一致(語(yǔ)言)
  5. 注意中英文,使用阿拉伯?dāng)?shù)字,慎用感嘆號(hào)(英文字符)

一、語(yǔ)氣篇

語(yǔ)氣,是指播音語(yǔ)言表達(dá)的重要技巧之一,在一定的具體思想感情支配下具體語(yǔ)句的聲音形式。語(yǔ)氣的色彩和分量是語(yǔ)句的靈魂,語(yǔ)句中所包含的是非、愛(ài)憎方面不同程度的區(qū)別,也叫做分寸、火候。其分量的差異要具體把握,并要在表達(dá)中用重度、中度、輕度來(lái)分別。

上面是百度百科對(duì)于“語(yǔ)氣”一詞的解釋,說(shuō)語(yǔ)氣的色彩和分量是語(yǔ)句的靈魂,一點(diǎn)都不為過(guò),就像蔡康永老師之前說(shuō)過(guò):

“你是什么人,你就會(huì)說(shuō)什么話;你說(shuō)什么話,你就是什么人”。

那么延伸以下,是不是你用什么語(yǔ)氣說(shuō)話,也映射出你具備哪種人格屬性呢?

我們的產(chǎn)品若為一個(gè)虛構(gòu)的人物,他也會(huì)有自己講話的語(yǔ)氣和語(yǔ)調(diào),而用戶就是天天和他溝通交流的人。他用不同的語(yǔ)氣和用戶講話,用戶便會(huì)有不同的感受。如果他想要成為一個(gè)被用戶喜歡,能留住用戶角色,那么他就必須要遵守下面的原則。

1. 平等親和

1.1 使用第二人稱「你」

使用第二人稱,體現(xiàn)了與用戶的近距離感,讓UI界面成為一個(gè)擬人的人格,能夠讓用戶沉浸在模擬真實(shí)對(duì)話的情境中,有利于我們指引和鼓勵(lì)用戶操作;同時(shí)第二人稱泛用性比較好,適合絕大多數(shù)的語(yǔ)境和句式。

1.2 區(qū)分「你」和「您」

非正式場(chǎng)合或沒(méi)有明確指向性的時(shí)候,直接使用「你」「我」進(jìn)行對(duì)話,與用戶建立親密感?!改褂凶鹁瓷剩菀桩a(chǎn)生距離感。

(備注:正式場(chǎng)合或刻意強(qiáng)調(diào)對(duì)用戶尊敬感時(shí),可用「您」)

1.3 不可在同一個(gè)句式中混用「你」和「我」

交互中指代混亂會(huì)讓用戶相當(dāng)糾結(jié),應(yīng)避免此類文案的出現(xiàn)。

2. 尊重友好

2.1 保持尊重友善,以用戶為中心,給予用戶支持與鼓勵(lì),不要命令和強(qiáng)迫用戶

  • 使用友善、尊重、以用戶為中心的語(yǔ)氣,避免生硬的祈使句式的語(yǔ)氣要求用戶完成某項(xiàng)操作;
  • 其次,當(dāng)用戶輸入錯(cuò)誤信息/遇到問(wèn)題時(shí),能把問(wèn)題/錯(cuò)誤明確反饋給用戶,讓他知道哪里錯(cuò)了;
  • 最優(yōu)選擇是,可能的話努力為用戶提供解決方案,幫他解決問(wèn)題,這樣才會(huì)真正留住用戶。

2.2 克制謙遜,表述不應(yīng)過(guò)于極端

宣揚(yáng)產(chǎn)品/新功能時(shí),應(yīng)避免過(guò)度承諾,訴說(shuō)自己的產(chǎn)品/功能如何的優(yōu)秀等,這樣會(huì)讓用戶覺(jué)得產(chǎn)品不夠克制,過(guò)于驕傲自滿,影響品牌形象。

同時(shí),文案表述時(shí)語(yǔ)氣應(yīng)避免極端,例如“絕對(duì)”,“一定”等詞匯不要用,會(huì)讓用戶覺(jué)得過(guò)于浮夸,產(chǎn)生不適。

二、語(yǔ)言篇

語(yǔ)言是人類最重要的交際工具,是人們進(jìn)行溝通的主要表達(dá)方式,是人們交流思想的媒介。語(yǔ)言具有指向性、描述性、邏輯性等特征,具備信息傳遞和人機(jī)互動(dòng)的功能。

產(chǎn)品文案的設(shè)計(jì)中,除了語(yǔ)氣就是語(yǔ)言的表述方式,語(yǔ)序的組合順序。同一句話,用不同的表達(dá)方式和排列次序,傳達(dá)出來(lái)的感覺(jué)也是完全不同的。在后臺(tái)產(chǎn)品中,如何通過(guò)文案的設(shè)計(jì),讓用戶感知到產(chǎn)品的性格和內(nèi)在呢?

其實(shí)這里也有一些固定的原則和注意事項(xiàng),下面將分條分享給大家:

1. 簡(jiǎn)潔有效

省略多余無(wú)用的詞匯,不重復(fù)用戶已知信息,盡量簡(jiǎn)練,能讓用戶快速獲取到最重要信息。

2. 表述專業(yè)嚴(yán)謹(jǐn)

表述要專業(yè)嚴(yán)謹(jǐn),不要太口語(yǔ)化,文案設(shè)計(jì)需傳達(dá)產(chǎn)品的風(fēng)格和氣質(zhì),凸顯品牌形象??谡Z(yǔ)化表述雖能增加與用戶的親切感,但過(guò)度使用會(huì)降低產(chǎn)品專業(yè)性,需控制使用力度。

3. 使用用戶熟悉的語(yǔ)言

產(chǎn)品功能/相關(guān)概念,應(yīng)以用戶理解為中心,使用用戶熟悉的語(yǔ)言。

避免使用過(guò)度專業(yè)或生澀的表述,讓用戶產(chǎn)生困惑;若必須使用專業(yè)詞匯,可在旁邊增加相關(guān)注釋說(shuō)明,讓用戶快速理解其含義,不至于猜來(lái)猜去,最終放棄使用。

(備注:圖標(biāo)寓意要清晰,認(rèn)知度要高;若認(rèn)知度較低,建議搭配文字組合使用,避免產(chǎn)生歧義,增加用戶的認(rèn)知和操作成本。)

4. 表述一致

4.1 整個(gè)產(chǎn)品用詞保持統(tǒng)一

若是頻繁出現(xiàn)的詞匯,可直接采用曾用過(guò)的詞,可以保證整體的統(tǒng)一性,還能防止用詞偏差;若是新詞,應(yīng)與整體用詞風(fēng)格統(tǒng)一。

(例如:如果都是“新建項(xiàng)目”,在所有觸發(fā)點(diǎn)都要說(shuō)“新建項(xiàng)目”,不能一會(huì)出現(xiàn)“新建應(yīng)用”;一會(huì)出現(xiàn)“新建項(xiàng)目”。)

4.2 語(yǔ)態(tài)統(tǒng)一,用主動(dòng)語(yǔ)態(tài)

既然UI界面始終以用戶為中心,UI文案就始終以用戶為主體來(lái)寫(xiě)作。相對(duì)于使用賓語(yǔ)作為主語(yǔ)的被動(dòng)態(tài),用戶作為主語(yǔ)的主動(dòng)態(tài),與用戶直接相關(guān)聯(lián),能調(diào)動(dòng)其情緒,更能讓用戶直接、毫無(wú)負(fù)擔(dān)的接受信息。

4.3 提示和確認(rèn)信息保持統(tǒng)一

事關(guān)安全風(fēng)險(xiǎn)類,操作后會(huì)引起較大影響的功能,必須在執(zhí)行統(tǒng)一前進(jìn)行 2 次確認(rèn);同時(shí)保證出現(xiàn)的時(shí)機(jī)是一致的,都是在點(diǎn)擊“確定”按鈕前出現(xiàn)。

三、中英文大小寫(xiě)和標(biāo)點(diǎn)符號(hào)

標(biāo)點(diǎn)符號(hào)是書(shū)面上用于標(biāo)明句讀和語(yǔ)氣,輔助文字記錄語(yǔ)言的符號(hào);是書(shū)面語(yǔ)的組成部分,用來(lái)表示停頓、語(yǔ)氣以及詞語(yǔ)的性質(zhì)和作用。

中英文的大小寫(xiě)規(guī)范和標(biāo)點(diǎn)符號(hào)的使用,展示的都是產(chǎn)品的細(xì)節(jié),但卻反映了產(chǎn)品的專業(yè)度和精致度。就算你的產(chǎn)品功能非常強(qiáng)大,很有內(nèi)涵,但是我第一眼看到的是你用錯(cuò)的中英文大小寫(xiě)和標(biāo)點(diǎn)符號(hào),那么在我心里,這個(gè)產(chǎn)品已經(jīng)沒(méi)有那么值得信任了,因?yàn)樗B最基本的東西都沒(méi)做好,這種低能的錯(cuò)誤有時(shí)候?qū)τ诋a(chǎn)品品牌的對(duì)外影響是很致命的。

設(shè)計(jì)師同學(xué)一定一定要謹(jǐn)記,切莫因小失大。

另外,標(biāo)點(diǎn)也不僅僅是輔助語(yǔ)氣&語(yǔ)言表達(dá)的符號(hào),同時(shí)增強(qiáng)產(chǎn)品感情也起到很大的促進(jìn)作用。但是在文案設(shè)計(jì)中,標(biāo)點(diǎn)符號(hào)的使用要非常注意具體的場(chǎng)景,設(shè)計(jì)時(shí)切莫犯常識(shí)性錯(cuò)誤。

1. 中英文大小寫(xiě)

1.1 產(chǎn)品名稱全稱,首字母大寫(xiě)

產(chǎn)品名稱縮寫(xiě)需要全部大寫(xiě),如:ESC、SLB ;但是特殊的產(chǎn)品品牌,例如: XFlush,需特殊處理。

1.2 全英文的標(biāo)題、標(biāo)簽、菜單項(xiàng)等等都要遵循英文句式中首字母大寫(xiě)的規(guī)范

1.3 正確使用專有名詞的大小寫(xiě)規(guī)范

2. 阿拉伯?dāng)?shù)字

使用數(shù)字而非文字表述,用戶對(duì)于數(shù)字的感知速度更快更有效。

3. 標(biāo)點(diǎn)符號(hào)

3.1 可以省略不必要的斷句點(diǎn),幫助用戶更加高效得掃視文本內(nèi)容

以下元素單獨(dú)出現(xiàn)時(shí)可以省略標(biāo)點(diǎn):

標(biāo)題;標(biāo)簽;輸入框下的提示;懸停文本中的提示;表格中的句子。

3.2 以下元素單獨(dú)出現(xiàn)時(shí)需要加上標(biāo)點(diǎn)

  • 多句或多段的文案和列表內(nèi)容;
  • 任何文字鏈前的句子。

3.3 謹(jǐn)慎使用感嘆號(hào)

感嘆號(hào)用于表達(dá)強(qiáng)烈的情感,讓文案顯得過(guò)于感情化,容易讓氣氛變得過(guò)于激動(dòng)和緊張,故盡量避免使用。

四、結(jié)語(yǔ)

在多位設(shè)計(jì)師共同參與一個(gè)產(chǎn)品設(shè)計(jì)時(shí),如果沒(méi)有統(tǒng)一的文案設(shè)計(jì)原則和規(guī)范,那么文案設(shè)計(jì)的風(fēng)格主觀性將會(huì)比較強(qiáng),設(shè)計(jì)風(fēng)格也會(huì)參差不齊,變化多端。這種場(chǎng)景下,產(chǎn)品的形象將無(wú)法被統(tǒng)一,用戶體驗(yàn)的體感也會(huì)受到負(fù)面的映射,這時(shí)產(chǎn)品文案統(tǒng)一的設(shè)計(jì)規(guī)范與原則就顯得特別珍貴。

產(chǎn)品文案扮演的角色就像是一個(gè)產(chǎn)品的形象代言人,他的形神具象都詮釋者產(chǎn)品的氣質(zhì)和調(diào)性,實(shí)在是非常值得我們靜下心慢慢研究;通過(guò)提升產(chǎn)品的文案設(shè)計(jì)來(lái)提升產(chǎn)品的形象,也是一條好玩的設(shè)計(jì)探索之路,大家共勉。

參考文獻(xiàn):

  • 螞蟻金服文案設(shè)計(jì)原則:https://ant.design/docs/spec/copywriting-cn
  • 千牛文案設(shè)計(jì)原則:https://qndesign.taobao.com/#&route=brand_copywriting
  • iOS 11 體驗(yàn)設(shè)計(jì)原則:http://www.ui.cn/detail/283944.html
  • 豌豆莢文案設(shè)計(jì)原則:https://docs.google.com/document/d/1R8lMCPf6zCD5KEA8ekZ5knK77iw9J-vJ6vEopPemqZM/edit

 

作者:薇子-TXD技術(shù)體驗(yàn)團(tuán)隊(duì),阿里巴巴交互設(shè)計(jì)師

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 寫(xiě)的非常棒,新人小白很感激,收藏了!

    來(lái)自浙江 回復(fù)
  2. 您好可以轉(zhuǎn)載這篇文章么,很受用,微信公眾號(hào):用戶體驗(yàn)設(shè)計(jì)研究所

    來(lái)自北京 回復(fù)
    1. 可以的

      來(lái)自浙江 回復(fù)
  3. 很詳細(xì)的圖文解說(shuō),很受用呢??

    回復(fù)
  4. 沙發(fā) ??

    來(lái)自上海 回復(fù)
  5. 來(lái)自河北 回復(fù)
  6. 到位!

    來(lái)自上海 回復(fù)
  7. 我靠 現(xiàn)在就在用。B端的產(chǎn)品引導(dǎo)文案是門(mén)學(xué)問(wèn)

    來(lái)自四川 回復(fù)