【設(shè)計(jì)理論】UX交互設(shè)計(jì)中的文案規(guī)范

2023-3-26    ui設(shè)計(jì)分享達(dá)人

文案的重要性:


說到文案在交互設(shè)計(jì)中,我們需要通過對話的方式和用戶產(chǎn)生共鳴,精準(zhǔn)、清晰的語言會(huì)更容易讓用戶理解,合適的語氣更容易讓用戶建立信任感,因此在界面設(shè)計(jì)時(shí),文案運(yùn)用也應(yīng)當(dāng)被重視,在使用和書寫文案時(shí)有以下幾點(diǎn)需要注意:

1. 從用戶或角色的角度出發(fā),角色換位思考一下,所謂的「同理心」理論;

2. 表述一致;

3. 重要的內(nèi)容放在顯著的位置;

4. 專業(yè)、精準(zhǔn)、完整;

5. 精簡、友好、正能量;

在界面中,文案是我們與用戶或角色溝通的基礎(chǔ),語言文字的表述也需要精心推敲,仔細(xì)設(shè)計(jì);清晰、準(zhǔn)確、簡潔的文案設(shè)計(jì)能夠讓界面擁有更好的可用性,同時(shí)讓用戶體驗(yàn)更加友好;

接下來就是要明確表述立足點(diǎn),這個(gè)很重要,在表述內(nèi)容時(shí),關(guān)注點(diǎn)應(yīng)該是用戶和他們能用你的產(chǎn)品做什么,而不是你和你的產(chǎn)品在為他們做什么,所以內(nèi)容表述立足點(diǎn)很重要;(當(dāng)用戶向后臺(tái)反饋問題、提出建議或申訴時(shí),使用「我們」是合理的語境,例如「我們將會(huì)審核你的申訴」);


舉個(gè)例子:






精簡語句:



省略無用詞匯,不重復(fù)用戶已知事實(shí);在絕大多數(shù)交互場景下,都無需界面描述出全部細(xì)節(jié),盡量提供簡短、易于快速獲取的內(nèi)容;

例如:







使用用戶熟悉的語言:



使用簡單、直接、易于理解的詞匯,讓內(nèi)容和指示更容易被用戶接受和理解,間接、曖昧模糊的說法,生僻和過于“文雅”的用詞,會(huì)增加用戶的認(rèn)知成本,所以應(yīng)當(dāng)盡量避免使用這類用戶無法識(shí)別的詞匯;

例如:





表述一致:



描述同一個(gè)事物的詞匯要保持統(tǒng)一;上下文的語法、語種、語序要保持統(tǒng)一;操作的名稱和目標(biāo)頁面標(biāo)題的名稱保持統(tǒng)一;

例如:








重要的信息放在顯著位置:



讓用戶第一眼看到最重要的內(nèi)容,不用到段落中尋找;(如果考慮安全性問題時(shí),隱私信息也可調(diào)整為「點(diǎn)擊后可見」的方式)

例如:





完整、直接得闡述信息:



當(dāng)我們希望用戶進(jìn)一步操作時(shí),要專注于用戶能得到什么,以及用戶的感受;在操作前引導(dǎo)告知用戶操作的目的或重要性,能促進(jìn)用戶更愿意去執(zhí)行;

例如:




報(bào)錯(cuò)是 UI 中常見的功能,它同樣是用戶體驗(yàn)中不可小視的組成部分,當(dāng)用戶填寫的內(nèi)容出錯(cuò)的時(shí)候,你的報(bào)錯(cuò)信息應(yīng)當(dāng)符合用戶的認(rèn)知,用易于理解的方式表述出來;




用詞精準(zhǔn)完整:



通用基本用語,要規(guī)范,不能出現(xiàn)錯(cuò)別字,詞語表達(dá)完整;專業(yè)用語要精準(zhǔn),并且是所屬行業(yè)認(rèn)可的通用語言;時(shí)間的表述必須要明確;

例如:




這邊列出一個(gè)語言模度的表單給小伙伴們參考:





語氣運(yùn)用規(guī)范:

語言定義的是內(nèi)容,而情緒和氣氛更多的是通過語氣來表達(dá),并且同樣的內(nèi)容面對不同的用戶我們可以使用不同的語氣來表達(dá);例如,我們對應(yīng)專業(yè)的運(yùn)維人員和小白用戶應(yīng)該有不同的表達(dá)方式;



拉近彼此的距離:



直接使用「你」、「我」來和用戶對話,與用戶建立親密感,避免使用「您」,讓用戶感覺太過疏遠(yuǎn);

例如:





不要在同一個(gè)句式中混用「你」和「我」,交互中指代混亂會(huì)讓用戶產(chǎn)生疑惑,增加用戶認(rèn)知負(fù)擔(dān);

例如:




友好、尊重用戶:



多給用戶支持與鼓勵(lì),不要命令和強(qiáng)迫用戶;如果你想留住你的用戶,當(dāng)出錯(cuò)的時(shí)候就不要責(zé)怪用戶,專注解決問題而不是指責(zé);

例如:





表述不能過于極端:



不要使用過于絕對的表述,這樣會(huì)讓用戶感覺不適;

例如:




大小寫和標(biāo)點(diǎn)符號(hào):



英文名詞大小寫規(guī)范:產(chǎn)品名稱全稱,首字母大寫;產(chǎn)品名稱縮寫要全部大寫,例如:SEO、SAP等;整個(gè)單詞都大寫不利于閱讀和識(shí)別,應(yīng)盡量避免這種用法;

例如:




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

例如:




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

例如:




統(tǒng)計(jì)數(shù)據(jù)使用阿拉伯?dāng)?shù)字:


這是常見問題,用戶對于數(shù)字的感知速度更快,使用數(shù)字而非文字表述會(huì)更加有效;

例如:




省略不必要的標(biāo)點(diǎn):


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

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

A. 標(biāo)簽

B. 標(biāo)題

C. 輸入框下的提示

D. 懸停文本中的提示

E. 表格中的句子





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

A. 多句或多段的文案和列表內(nèi)容

B. 任何文字鏈前的句子





感嘆號(hào)使用規(guī)則:


感嘆號(hào)會(huì)讓文案顯得過于激動(dòng),容易讓氣氛變的緊張,功能類少用;但是向用戶表達(dá)問候或祝賀時(shí),使用「!」是合理的的語境,例如:「歡迎回到社區(qū)!」

例如:




基本標(biāo)點(diǎn)規(guī)范:


正確使用標(biāo)點(diǎn)符號(hào)會(huì)讓句子看起來更加清晰和具有可讀性;具體使用可以看一下 1995 年中國標(biāo)準(zhǔn)出版社出版的《標(biāo)點(diǎn)符號(hào)用法》,以下展示設(shè)計(jì)中需要注意的部分;




作者:CC小酷
鏈接:https://www.zcool.com.cn/article/ZMTEzMDI0NA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔