鍍金池/ 教程/ Android/ 書(shū)寫(xiě)
Snackbars 與 Toasts
選擇器
網(wǎng)格
紙片
色彩
手勢(shì)
內(nèi)容選取
準(zhǔn)則
導(dǎo)航過(guò)渡
進(jìn)度和動(dòng)態(tài)
概述
數(shù)據(jù)格式
搜索(Search)
Roboto 字體
副標(biāo)題
Material 屬性
書(shū)寫(xiě)
空狀態(tài)
按鈕
提示框(Dialogs)
開(kāi)關(guān)
導(dǎo)航
單位和度量
列表
度量與邊框
真實(shí)的動(dòng)作
改進(jìn)的操作
底部動(dòng)作條
加載圖片
卡片
工具提示(Tooltips)
菜單
設(shè)備
可達(dá)性
分隔線(Dividers)
高度和陰影
環(huán)境
抽屜式導(dǎo)航
響應(yīng)式交互
Tabs
圖標(biāo)
滾動(dòng)時(shí)的技巧
更新記錄
錯(cuò)誤
影像處理
設(shè)置
滑塊控件(Sliders)
列表控制
圖像
文本框
布局模板
雙向性
選擇控制器
調(diào)色板
自適應(yīng) UI
貼片集
數(shù)據(jù)表
滑動(dòng)刷新
啟動(dòng)屏幕
按鈕:浮動(dòng)操作按鈕
打動(dòng)用戶的細(xì)節(jié)
應(yīng)用結(jié)構(gòu)
有意義的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
字體排版(Typography)
結(jié)構(gòu)

書(shū)寫(xiě)

明確、精煉、簡(jiǎn)潔的文本讓交互界面更加可用,并且更容易讓人信任。力求寫(xiě)出所有人都能理解的文本,無(wú)論他們是什么文化背景或使用何種語(yǔ)言。

除了這些準(zhǔn)則,還需要翻閱具體 UI 元素的指南,例如錯(cuò)誤,對(duì)話框設(shè)置以及數(shù)據(jù)格式。

語(yǔ)言
語(yǔ)氣
大小寫(xiě)和標(biāo)點(diǎn)符號(hào)
全球化書(shū)寫(xiě)

語(yǔ)言

使用“你”對(duì)用戶說(shuō)話

直接使用“你”對(duì)用戶說(shuō)話,不要用“我”。不要用“我”或者“我的”之類的短語(yǔ)。

例外:

  • 一些法律選擇:“我同意遵循 UX 書(shū)寫(xiě)的規(guī)則?!?/li>
  • 一些 Google Play 種類,例如“我的音樂(lè)”或者“我的書(shū)籍”
正確 你的賬戶
錯(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ù)。

做到簡(jiǎn)潔

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)一步的操作指南。

使用簡(jiǎn)單的單詞形式

使用主動(dòng)動(dòng)詞(“狗咬了樹(shù)”)而不是被動(dòng)動(dòng)詞(“樹(shù)被咬”),除非被動(dòng)動(dòng)詞更加短和簡(jiǎn)單(“樹(shù)被咬”)或者沒(méi)有明確的主體。

用現(xiàn)在時(shí)書(shū)寫(xiě)

大部分 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ā)出

書(shū)寫(xiě)簡(jiǎn)單直接

簡(jiǎn)單直接的語(yǔ)言對(duì)于用戶來(lái)說(shuō)更加容易理解,因?yàn)樗麄兺ǔJ谴蟾艦g覽一個(gè)界面。

正確 保存變動(dòng)?
錯(cuò)誤 你需要保存你的變動(dòng)嗎?

使用每個(gè)人都理解的簡(jiǎn)單單詞

在多個(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ù)按鈕

省略不必要的短語(yǔ)

跳過(guò)許多通用的介紹性短語(yǔ),直接說(shuō)重點(diǎn)。

正確 刪除照片?
錯(cuò)誤 你確定要?jiǎng)h除這個(gè)照片嗎?
正確 注冊(cè)來(lái)投票
錯(cuò)誤 在你能投票之前必須先投票
正確 想要...
錯(cuò)誤 你是否想要...

在一個(gè)操作鏈中使用一致的動(dòng)詞

一個(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

目標(biāo)引導(dǎo)而不是方法引導(dǎo)

激勵(lì)用戶學(xué)習(xí)如何完成一個(gè)任務(wù)。

正確 從當(dāng)前相冊(cè)中刪除一張照片,將他拖動(dòng)到垃圾簍
錯(cuò)誤 拖動(dòng)一張照片到垃圾簍來(lái)從當(dāng)前相冊(cè)中刪除它

只在必要時(shí)顯示細(xì)節(jié)

不要用所有的細(xì)節(jié)加重用戶的負(fù)擔(dān)。只在用戶探索和需要信息時(shí),逐步展示功能的細(xì)節(jié)。

正確 刪除下載的書(shū)籍?
錯(cuò)誤 你確定要?jiǎng)h除這本已下載的書(shū)籍?除非你在線,你將不能再閱讀它。

說(shuō)話不能絕對(duì)

避免使用“永不”以及其他很絕對(duì)的詞。

正確 你的名字將不會(huì)被分享
錯(cuò)誤 我們永不會(huì)分享你的名字

按鈕以及相關(guān)元素的文本

按鈕出現(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)前的步驟

語(yǔ)氣

友好、尊重、關(guān)注用戶

你的 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í)間。

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

使用語(yǔ)句風(fēng)格的大寫(xiě)

為所有的標(biāo)題、頭部、標(biāo)簽以及菜單條目,還有任何你想用的地方,使用語(yǔ)句風(fēng)格的大寫(xiě)。

避免全大寫(xiě),除了 material 規(guī)格需要的地方,例如,按鈕風(fēng)格。

正確 Search settings 錯(cuò)誤 Search Settings
錯(cuò)誤 SEARCH SETTINGS

只在當(dāng)作產(chǎn)品提到一個(gè)產(chǎn)品的時(shí)候大寫(xiě)產(chǎn)品

不要在使用時(shí)大寫(xiě)那些你創(chuàng)建的東西。

正確 Visit our Google+ page.
錯(cuò)誤 Visit our Google+ Page.

略過(guò)句號(hào)以及其他不必要的標(biāo)點(diǎn)符號(hào)

對(duì)于標(biāo)簽、懸停文本、設(shè)置標(biāo)簽,大量鏈接,廣告,以及等等,避免使用句號(hào)。這給予你拼接句子和句子片段的靈活性,例如,在一個(gè)列表中。這還避免了視覺(jué)混亂,幫助用戶在一瞥之下理解你的文本。跳過(guò) UI 標(biāo)簽之后的冒號(hào)(“Share with”而不是“Share with:”)。

使用句號(hào),或者將一個(gè)段落分成句子:

  • 需要使用不止一個(gè)句子——即使他們都是很短的句子。
  • 有一系列的標(biāo)簽,其中一個(gè)標(biāo)簽必須是一個(gè)句子。讓它們都變成完整的句子,并加上句號(hào)(或者問(wèn)號(hào),等等)。
  • 句子是更大更正式的 UI 元素中的部分,例如對(duì)話框中的主題文本。

使用縮寫(xiě)

不要為了遵守規(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

避免感嘆號(hào)

問(wèn)你自己,會(huì)有人這樣喊出來(lái)嗎?

正確 歡迎!
錯(cuò)誤 學(xué)習(xí)更多關(guān)于日歷的新功能!
正確 干的漂亮!

“1, 2, 3” 而不是 “one, two, three”

使用數(shù)字而不是單詞來(lái)代表數(shù)字。

一個(gè)例外是混合使用數(shù)字時(shí):“Enter two 3s.”。

正確 You have 3 messages
錯(cuò)誤 You have three messages

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

在短語(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”

全球化書(shū)寫(xiě)

各種年齡、文化、背景以及教育層次的人們依賴于英語(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”)。

書(shū)寫(xiě)清晰的字符描述

作為代碼中評(píng)論,為你的字符串提供清晰的描述。語(yǔ)言學(xué)家依賴于描述性的文本來(lái)將一個(gè)有意義的字符串翻譯到其他文化,而不是原始文本的逐字轉(zhuǎn)化。