明確、精煉、簡(jiǎn)潔的文本讓交互界面更加可用,并且更容易讓人信任。力求寫(xiě)出所有人都能理解的文本,無(wú)論他們是什么文化背景或使用何種語(yǔ)言。
除了這些準(zhǔn)則,還需要翻閱具體 UI 元素的指南,例如錯(cuò)誤,對(duì)話框,設(shè)置以及數(shù)據(jù)格式。
語(yǔ)言
語(yǔ)氣
大小寫(xiě)和標(biāo)點(diǎn)符號(hào)
全球化書(shū)寫(xiě)
直接使用“你”對(duì)用戶說(shuō)話,不要用“我”。不要用“我”或者“我的”之類的短語(yǔ)。
例外:
正確 | 你的賬戶 |
錯(cuò)誤 | 我的賬戶 |
書(shū)寫(xiě)要專注于用戶以及用戶可以用你的應(yīng)用做的事情,而不是你或者你的應(yīng)用正在為用戶做的事情。
正確 | 通過(guò)這些 Google+ 上受歡迎的貼子快速開(kāi)始 |
錯(cuò)誤 | 為了讓你快速開(kāi)始,我們將為你展示一些 Google+ 上受歡迎的貼子。 |
正確 | 你可以使用這個(gè)頁(yè)面刪除你的 Google+ 檔案 |
錯(cuò)誤 | 為這個(gè)貼子允許你刪除 Google+ 的檔案 |
一個(gè)例外是當(dāng)一個(gè)人(不是軟件)真的是在為一個(gè)用戶采取操作,例如重審一個(gè)提案或者反饋一個(gè)建議。這里,“我們”的使用是合適的,并且比強(qiáng)制被動(dòng)的選擇更加人性化。
正確 | 我們將審查你的請(qǐng)求并在幾天之內(nèi)回復(fù)。 |
錯(cuò)誤 | 你的請(qǐng)求將被查看,你將會(huì)在幾天之內(nèi)收到回復(fù)。 |
UI 文本會(huì)對(duì)導(dǎo)航和發(fā)現(xiàn)有幫助。最好的 UI 文本是一些小的段,這樣在瀏覽的時(shí)候就不會(huì)閱讀太多。
正確 | 發(fā)送錢(qián)給在美國(guó)的任何人。只要這個(gè)人有郵箱地址??旖荨⒎奖?、免費(fèi)。 |
錯(cuò)誤 | 發(fā)送(以及接收)錢(qián)給美國(guó)的朋友和家庭成員。通過(guò)一個(gè)郵箱地址。只有兩步過(guò)程,很少或者沒(méi)有延時(shí),并且對(duì)錢(qián)的接收人沒(méi)有任何費(fèi)用。 |
讓你的語(yǔ)句和短句短一點(diǎn)。用盡量少的概念。
正確 | 閱讀發(fā)到你手機(jī)的操作指南。 |
錯(cuò)誤 | 咨詢發(fā)送到你手機(jī)的文檔,以獲取進(jìn)一步的操作指南。 |
使用主動(dòng)動(dòng)詞(“狗咬了樹(shù)”)而不是被動(dòng)動(dòng)詞(“樹(shù)被咬”),除非被動(dòng)動(dòng)詞更加短和簡(jiǎn)單(“樹(shù)被咬”)或者沒(méi)有明確的主體。
大部分 UI 發(fā)生于現(xiàn)在,所以你可以用現(xiàn)在時(shí)書(shū)寫(xiě)。
如果你需要使用過(guò)去時(shí)或者未來(lái)時(shí)書(shū)寫(xiě),使用簡(jiǎn)單的動(dòng)詞形式。
正確 | 消息發(fā)出 |
錯(cuò)誤 | 消息已經(jīng)被發(fā)出 |
簡(jiǎn)單直接的語(yǔ)言對(duì)于用戶來(lái)說(shuō)更加容易理解,因?yàn)樗麄兺ǔJ谴蟾艦g覽一個(gè)界面。
正確 | 保存變動(dòng)? |
錯(cuò)誤 | 你需要保存你的變動(dòng)嗎? |
在多個(gè)同義詞之間進(jìn)行選擇時(shí),挑選最簡(jiǎn)單的。
正確 | 打開(kāi)位置歷史 |
錯(cuò)誤 | 使能位置歷史 |
不要使用只有內(nèi)部專業(yè)人士才能理解的術(shù)語(yǔ),不要使用我們?yōu)榱?UI 功能發(fā)明的名稱。
正確 | 視頻準(zhǔn)備中... |
錯(cuò)誤 | 緩沖中... |
正確 | “好的,谷歌”在你的手機(jī)上不被支持 |
錯(cuò)誤 | “好的,谷歌”只在兩核的設(shè)備上被支持 |
像“slider”和“menu”這樣的通用術(shù)語(yǔ)還好,將用戶引導(dǎo) UI 元素的標(biāo)簽上,而不是元素的種類(例如菜單和按鈕)。
正確 | 點(diǎn)擊繼續(xù) |
錯(cuò)誤 | 點(diǎn)擊繼續(xù)按鈕 |
跳過(guò)許多通用的介紹性短語(yǔ),直接說(shuō)重點(diǎn)。
正確 | 刪除照片? |
錯(cuò)誤 | 你確定要?jiǎng)h除這個(gè)照片嗎? |
正確 | 注冊(cè)來(lái)投票 |
錯(cuò)誤 | 在你能投票之前必須先投票 |
正確 | 想要... |
錯(cuò)誤 | 你是否想要... |
一個(gè)操作的框架概念是一個(gè)典型的動(dòng)詞。挑選一個(gè),在一個(gè)操作中一致地使用。
正確 | Remove photo | 錯(cuò)誤 | Delete photo |
正確 | Remove photo? | 錯(cuò)誤 | Remove photo from page? |
正確 | Remove this photo from this page? | ||
正確 | Cancel | Remove | 錯(cuò)誤 | Cancel | OK |
激勵(lì)用戶學(xué)習(xí)如何完成一個(gè)任務(wù)。
正確 | 從當(dāng)前相冊(cè)中刪除一張照片,將他拖動(dòng)到垃圾簍 |
錯(cuò)誤 | 拖動(dòng)一張照片到垃圾簍來(lái)從當(dāng)前相冊(cè)中刪除它 |
不要用所有的細(xì)節(jié)加重用戶的負(fù)擔(dān)。只在用戶探索和需要信息時(shí),逐步展示功能的細(xì)節(jié)。
正確 | 刪除下載的書(shū)籍? |
錯(cuò)誤 | 你確定要?jiǎng)h除這本已下載的書(shū)籍?除非你在線,你將不能再閱讀它。 |
避免使用“永不”以及其他很絕對(duì)的詞。
正確 | 你的名字將不會(huì)被分享 |
錯(cuò)誤 | 我們永不會(huì)分享你的名字 |
按鈕出現(xiàn)在對(duì)話框以及相似的用戶界面中,也可以以藍(lán)色或者帶下劃線的文本顯示。
按鈕 | 用法 |
---|---|
操作 | 查看關(guān)于在一個(gè)操作鏈中使用一致性動(dòng)詞的規(guī)則 |
后退 | 為多步驟使用 |
取消 | 取消一個(gè)操作 |
關(guān)閉 | 讓一個(gè)消息或者對(duì)話框消失,不帶來(lái)任何影響 |
完成 | 多步驟過(guò)程完成之后的確認(rèn) |
了解 | “好的”或者“關(guān)閉”的另外一個(gè)可選項(xiàng) |
了解更多 | 把它當(dāng)作一個(gè)扁平的按鈕 |
下一步 | 用作多步驟處理 |
不用了,謝謝 | 省略句號(hào) |
現(xiàn)在不了 | 不要濫用這個(gè)短語(yǔ),除了很有必要,出于法律原因或者其他緊急原因。永遠(yuǎn)不要使用“現(xiàn)在不了”代替“不用了,謝謝”。 |
好的 | 使用一個(gè)與手邊任務(wù)有關(guān)的操作,例如“刪除”或者“保存”;“好的”正在被濫用。 |
跳過(guò) | 給予用戶一個(gè)選擇,跳過(guò)當(dāng)前的步驟 |
你的 UI 中的文本應(yīng)該補(bǔ)充你的視覺(jué) UI :直觀,有效,隨和,以及值得信賴。展示魅力,但是不要搶了用戶的風(fēng)頭。
正確 | 我的應(yīng)用沒(méi)有反應(yīng)。你希望關(guān)閉它嗎? |
錯(cuò)誤 | 對(duì)不起!MyAppActive 中的動(dòng)作(在 MyApp 應(yīng)用中)沒(méi)有反應(yīng) |
不要夸張或者過(guò)度承諾。展示一個(gè)功能做什么,不要說(shuō)它如何好。
正確 | 你的所有積蓄在一個(gè)地方 |
錯(cuò)誤 | 你將會(huì)喜歡的超級(jí)棒的交易 |
正確 | 更多的餐館風(fēng)景 |
錯(cuò)誤 | 所有的餐館風(fēng)景 |
關(guān)注于每個(gè)功能的好處。在功能(按鈕,菜單條目,鏈接,以及提示)的進(jìn)入階段,省略完成細(xì)節(jié),注意事項(xiàng),以及限制。
正確 | 為了節(jié)省電源,將定位模式切換到省電模式。 |
錯(cuò)誤 | 手動(dòng)控制 GPS 來(lái)防止其他應(yīng)用使用它。 |
以一個(gè)積極的語(yǔ)氣展示信息:令人安心。
正確 | 為文件名稱使用24個(gè)或者以下的字符。 |
錯(cuò)誤 | 你的文件名稱必須少于25個(gè)字符。 |
對(duì)于每一個(gè)消息,問(wèn)你自己:用戶是否真的有必要知道這個(gè)?放在一邊的錯(cuò)誤使得用戶專注于自己的任務(wù)。有時(shí)最有效的 UI 是根本沒(méi)有文本的。
一個(gè)用戶的簡(jiǎn)單操作成功時(shí),避免使用表明這很令人吃驚或者不尋常的消息。
正確 | 登錄中...你的手機(jī)正在聯(lián)系谷歌。這將花費(fèi)最多五分鐘的時(shí)間。 |
錯(cuò)誤 | 登錄中...你的手機(jī)需要與谷歌的服務(wù)器溝通來(lái)登錄你的賬戶。這將花費(fèi)最多 5 分鐘的時(shí)間。 |
為所有的標(biāo)題、頭部、標(biāo)簽以及菜單條目,還有任何你想用的地方,使用語(yǔ)句風(fēng)格的大寫(xiě)。
避免全大寫(xiě),除了 material 規(guī)格需要的地方,例如,按鈕風(fēng)格。
正確 | Search settings | 錯(cuò)誤 | Search Settings |
錯(cuò)誤 | SEARCH SETTINGS |
不要在使用時(shí)大寫(xiě)那些你創(chuàng)建的東西。
正確 | Visit our Google+ page. |
錯(cuò)誤 | Visit our Google+ Page. |
對(duì)于標(biāo)簽、懸停文本、設(shè)置標(biāo)簽,大量鏈接,廣告,以及等等,避免使用句號(hào)。這給予你拼接句子和句子片段的靈活性,例如,在一個(gè)列表中。這還避免了視覺(jué)混亂,幫助用戶在一瞥之下理解你的文本。跳過(guò) UI 標(biāo)簽之后的冒號(hào)(“Share with”而不是“Share with:”)。
使用句號(hào),或者將一個(gè)段落分成句子:
不要為了遵守規(guī)則使得用戶難以理解一個(gè)句子。例如,“do not”可以比“don't”帶來(lái)更多的強(qiáng)調(diào)。
正確 | it’s, can’t, wouldn’t, you’re, you’ve, haven’t, don’t |
錯(cuò)誤 | it is, cannot, would not, it’ll, should’ve |
問(wèn)你自己,會(huì)有人這樣喊出來(lái)嗎?
正確 | 歡迎! |
錯(cuò)誤 | 學(xué)習(xí)更多關(guān)于日歷的新功能! | 正確 | 干的漂亮! |
使用數(shù)字而不是單詞來(lái)代表數(shù)字。
一個(gè)例外是混合使用數(shù)字時(shí):“Enter two 3s.”。
正確 | You have 3 messages |
錯(cuò)誤 | You have three messages |
在短語(yǔ)和標(biāo)簽之后省略標(biāo)點(diǎn)符號(hào)來(lái)構(gòu)建一個(gè)簡(jiǎn)潔可讀的界面。
使用標(biāo)點(diǎn)符號(hào)來(lái)增加清晰度和語(yǔ)法正確性。
代表/符號(hào) | 描述 | |
---|---|---|
句號(hào) | . | 為 toasts,snackbars,butterbars,以及標(biāo)簽中的提示中的段落和短句子省略。但是需要為主題內(nèi)容中的整句子加上標(biāo)點(diǎn),例如,在對(duì)話框的主體中。在引號(hào)中包含(除非是你正在告訴用戶輸入什么,否則是否包含很含糊。 |
逗號(hào) | , | 在引號(hào)中添加,使用序列化的逗號(hào)。 |
感嘆號(hào) | ! | 避免為你不會(huì)真正喊出來(lái)的內(nèi)容添加感嘆號(hào)。 |
冒號(hào) | : : 或者 \u003A | 為標(biāo)簽省略,例如表單中的標(biāo)簽 |
引號(hào) | “ “ 或者 \u201C ” ” 或者 \u201D ‘ ‘ 或者 \u2018 ’ ’ 或者 \u2019 | 使用真正的引號(hào),而不是英寸或者腳符號(hào)。右單引號(hào)還被用來(lái)做省略號(hào)。不要使用通用引號(hào)。這對(duì)于引號(hào),省略號(hào)以及撇號(hào)都是不正確的。 |
撇號(hào) | ′ 或者 \u2032 以及 ″ 或者 \u2033 | 只在英寸、弧分以及分鐘中使用撇號(hào)。例如: 3° 15′。只在英寸、弧分以及分鐘中使用雙撇號(hào)。例如:3° 15′ 35″。不要使用通用引號(hào)代替撇號(hào) |
省略號(hào) | … Option-; … | 用來(lái)在一個(gè)操作過(guò)程中指示(“下載中…”)或者一個(gè)不完整或者截?cái)嗟奈谋局小J÷蕴?hào)前沒(méi)有空格。為打開(kāi)對(duì)話框或者開(kāi)啟其他進(jìn)程的菜單條目或者按鈕省略。中線省略號(hào)(三個(gè)圓點(diǎn))也被用來(lái)代替敏感數(shù)據(jù)的截?cái)?,例如信用卡?/td> |
雙尖角括號(hào) | >>, | 為開(kāi)啟其他頁(yè)面的鏈接或者按鈕省略 |
長(zhǎng)破折號(hào) | — — or \u2014 Shift+Option - | 避免:通常表面你的句子結(jié)構(gòu)很復(fù)雜。不要用連續(xù)的連字符代替長(zhǎng)破折號(hào)。 |
短破折號(hào) | – – or \u2013 Option+ - | 代替連字符來(lái)表示一段范圍。省略短破折號(hào)與連接字符之間的空格。(我們的日期和時(shí)間庫(kù)通過(guò)包圍的空格來(lái)設(shè)置短破折號(hào),對(duì)其他語(yǔ)言也是合適的。)例如:8:00 AM–12:30 PM 3–5 kg |
連字符 | - | 使用連字符來(lái)避免符合連成詞中的含糊性。 例如:“anti-inflammatory” “5-mile walk” |
各種年齡、文化、背景以及教育層次的人們依賴于英語(yǔ)版本的產(chǎn)品。許多書(shū)寫(xiě)規(guī)則支持非本地英語(yǔ)書(shū)寫(xiě)以及本地化(為了全球化使用而進(jìn)行的翻譯和轉(zhuǎn)化)。簡(jiǎn)單、明確的英語(yǔ)讓每個(gè)人更容易理解你的產(chǎn)品。
本節(jié)專注于如何書(shū)寫(xiě)英語(yǔ),讓你的產(chǎn)品對(duì)于英語(yǔ)以及全球的其他語(yǔ)言更加可用。
特別文化背景的語(yǔ)言會(huì)很難翻譯,并且在某些本地化中不合適。
正確 | Discover great offers | 錯(cuò)誤 | Snag great offers |
正確 | No offers left | 錯(cuò)誤 | Bummer. There are no offers left. |
正確 | Great job! | 錯(cuò)誤 | You really hit it out of the park! |
在一個(gè)產(chǎn)品本地化時(shí),使用從右到左腳本語(yǔ)言的界面可能需要鏡像。
英語(yǔ)是很少數(shù)幾個(gè)允許性別含糊的語(yǔ)言(例如,“you can see their picture”)。許多其他的語(yǔ)言都是必須指定性別的(“you can see his or her picture”)。
作為代碼中評(píng)論,為你的字符串提供清晰的描述。語(yǔ)言學(xué)家依賴于描述性的文本來(lái)將一個(gè)有意義的字符串翻譯到其他文化,而不是原始文本的逐字轉(zhuǎn)化。