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