Google致力於提高黑人社區的種族平等。 怎麼看。
本頁面由 Cloud Translation API 翻譯而成。
Switch to English

Android設置設計指南

本文檔為正在設計Android平台設置,GMS核心設置(Google設置)或為自己的Android應用程序設計設置的任何開發人員,重點介紹了原則和指南。

設計原則

提供良好的概述

用戶應該能夠瀏覽設置屏幕並了解所有單個設置及其值。

圖1.設置及其當前值顯示在頂層屏幕上

直觀地整理項目

將常用設置放在屏幕頂部。在一個屏幕上限制設置數量。顯示超過10-15個項目可能會讓人不知所措。通過將一些設置移動到單獨的屏幕來創建直觀的菜單。

圖2.常用設置在屏幕頂部

使設置易於查找

在某些情況下,在兩個不同的屏幕上複製單個設置可能會有所幫助。不同的情況會觸髮用戶更改設置,因此在多個位置包含該設置將有助於用戶找到該項目。

對於重複的設置,請為該設置創建一個單獨的屏幕,並具有來自不同位置的入口點。

圖3和4。 “通知”和“聲音”屏幕上均出現“默認通知聲音”

使用清晰的標題和狀態

使您的設置標題簡短而有意義。避免使用模糊的標題,例如“常規設置”。在標題下方,顯示狀態以突出顯示設置的值。顯示特定的詳細信息,而不只是描述標題。

標題應:

  • 將標籤上最重要的文本放在第一位。
  • 將否定性詞語(例如“不要”或“從不”)改寫為中性術語,例如“阻止”。
  • 使用“通知”之類的非個性化標籤,而不要使用“通知我”。例外:如果需要參考用戶才能理解此設置,請使用第二個人(“您”)而不是第一個人(“ I”)。

標題應避免:

  • 通用術語,例如設置,更改,編輯,修改,管理,使用,選擇或選擇。
  • 重複部分分隔符或子屏幕標題中的單詞。
  • 技術行話。

頁麵類型

設定清單

這是最常見的屏幕類型。它允許將多個設置放在一起。設置列表可以混合使用各種控件,例如開關,菜單和滑塊。

如果一個類別中有許多設置,則可以將它們分組在一起。有關更多詳細信息,請參見分組和分隔符

圖5.設置列表示例

列表顯示

列表視圖用於顯示項目列表,例如應用程序,帳戶,設備等。可以將過濾或排序控件添加到屏幕。

圖6. List視圖的示例

實體畫面

實體屏幕用於顯示不同項目的設置,例如應用程序,帳戶,設備,Wi-Fi網絡等。

在外觀上,實體在頂部顯示有圖標,標題和副標題。此屏幕上的所有設置都必須與此實體相關。

圖7.應用信息中使用的實體屏幕示例

圖8.存儲中使用的實體屏幕示例

主設置

當可以打開或關閉整個功能(例如Wi-Fi或藍牙)時,最好使用主設置。通過使用屏幕頂部的開關,用戶可以輕鬆控制此功能。使用主設置禁用該功能會禁用所有其他相關設置。

如果功能需要較長的文本說明,則可以使用主設置,因為此屏幕類型允許較長的頁腳文本。

如果需要從多個屏幕複製或鏈接設置,請使用主設置。由於主設置是一個單獨的屏幕,因此您將避免在同一設置的不同位置使用多個開關。

圖9.應用程序通知屏幕中使用的主設置示例;關閉主切換開關將關閉此應用程序的全部功能

圖10.在App通知屏幕中使用的主設置示例,其中主切換已關閉

單選按鈕選擇屏幕

當用戶需要選擇設置時使用此屏幕。單選按鈕可以顯示在對話框中,也可以顯示在單獨的屏幕上。單選按鈕不應與滑塊,菜單或開關一起使用。

單選按鈕屏幕可以在頂部包含圖像,在底部包含頁腳文本。各個單選按鈕可以帶有字幕以及標題。

圖11.在設置列表中不應使用單選按鈕

圖12.這是在設置中正確使用單選按鈕的方法

組件

從Android 8.0開始,動作工具欄會顯示搜索和幫助以及其他相關動作。不鼓勵使用溢出菜單,因為用戶可能無法發現隱藏在這些菜單中的操作。

對於沒有屏幕特定操作的工具欄。顯示搜索和幫助操作。

圖13.帶有搜索和幫助操作的工具欄

對於具有一項操作的工具欄 :在搜索之前先顯示操作。

圖14.工具欄,其中一個動作位於搜索和幫助動作之前

對於具有多個動作的工具欄 :考慮將主要動作放置在搜索之前,而將高級動作放置在溢出菜單中。

如果所有操作都是高級操作或僅對一小部分用戶有用,請考慮將所有操作放在溢出菜單中。

圖15.帶有用於操作的溢出菜單的工具欄

實體頭

實體標題可以僅顯示標題,也可以顯示帶子文本的標題(子文本允許多行)。以下操作是可選的。您最多可以執行兩個操作。

圖16.實體頭

圖標和標題(App1)部分將滾動到標題(應用程序信息)下方。

圖17.此處的應用程序信息標題是工具欄的一部分,而屏幕的其餘部分將在其下方滾動

標題是必填項。您還應該顯示突出顯示設置狀態的子文本。使用圖標是可選的。

盡量保持標題文字簡潔。如果標題很長,則可以繼續下一行而不是被截斷。請勿長按菜單或操作。

例子:

圖18.帶有圖標,標題和子文本的菜單鏈接

圖19.帶有標題和副文本的菜單鏈接

圖20.僅帶有標題的菜單鏈接

菜單鏈接,右側帶有圖標,標題,子文本和單獨的命中目標

其他點擊目標應使用主題顏色。

圖21.雙擊目標菜單的示例

菜單鏈接,帶有圖標,標題,子文本和統計信息/數字/警報圖標

諸如百分比和時間之類的數值可以與子文本一起顯示在右側,而條形圖可以顯示在下方。

通常,數值顯示在右側,因此用戶可以輕鬆瀏覽並進行比較。

圖22.帶有圖標,標題,統計信息和圖表的菜單示例

分組和分隔

如果屏幕上有許多設置,則可以用分隔符將它們分組和分隔。與較早的Android版本不同,分隔符現在用於將設置集中在一個組中,而不是分離單個設置。

如果組中的設置密切相關,則可以添加組標題。如果使用組標題,則應始終包括分隔符。

圖23.用分隔符分組的設置

開關

切換圖標,標題和副文本

圖24.帶有圖標,標題和子文本的開關

切換標題和字幕

圖25.切換標題和副文本

僅切換標題

標題旁可以帶有一個圖標。

圖26.僅帶標題的開關

清單項目+開關

您可以將列表項與開關組合在一起。垂直線左側的點擊就像一個鏈接,將用戶帶到下一個屏幕。右側的行為類似於標准開關。

對於左側的列表項,標題是必填項。圖標和子文本是可選的。

圖27.列表項和一個開關

滑桿

該圖標在滑塊中是可選的。

圖28.滑塊

屏幕上的按鈕

正面動作使用主題顏色,而負面動作則使用灰色。積極措施可能包括打開應用程序,安裝應用程序,添加新項目等。否定措施包括清除數據,卸載應用程序,刪除項目等。

圖29. “卸載”和“強制停止”的灰色按鈕

圖30. “立即打開”的藍色按鈕

漸進式披露(高級)

不常用的設置應該被隱藏。僅當至少有3個項目要隱藏時才使用“高級”。

在此,子文本顯示隱藏的設置的標題。潛台詞只能是一行。其他文字將被省略號省略。

圖31.在“顯示”屏幕上使用的高級

下拉菜單可用,但理想情況下,您應該使用對話框或單選按鈕選擇屏幕。建議您簡化設置,因為當前有三種不同的模式可供選擇。

如果需要,可以在設置具有簡單選項的情況下使用下拉菜單。

圖32.下拉菜單

複選框

盡可能使用切換複選框。

可以使用以下複選框:

  • 對於諸如限制應用程序或阻止服務之類的負面行為。
  • 為了避免在屏幕上有太多的開關。

圖33.複選框用於減少此屏幕上的開關數量

不建議在設置中使用鏈接。僅在絕對必要的地方使用鏈接。鏈接應使用帶下劃線的強調色。

圖34.設置中使用的鏈接

頁腳文本可用於添加說明性內容。頁腳頂部應始終有分隔線。頁腳顯示在屏幕底部。如果需要,頁腳可以具有鏈接。

圖35.頁腳文本

模式

數據

關鍵數據可以在條形圖或餅形圖中顯示。該數據可以顯示在實體標題中。示例包括移動數據和存儲。

其他不太重要的數據可以通過使用常規列表視圖來呈現。

圖36.顯示存儲的示例

圖37.顯示網絡的示例

用戶教育

某些功能可能需要說明或用戶教育。您可以將動畫或圖像與文本一起使用。動畫或圖像應顯示在屏幕頂部,而頁腳文本可用於添加說明。

圖38.使用動畫和頁腳文本進行設置

形式

如果表單具有一個輸入字段,請使用普通對話框。這為用戶提供了一種輸入單個輸入的簡便方法。

但是,如果表單具有多個字段,請考慮使用全屏對話框 。這樣可以提供更多的屏幕空間,以清晰的方式排列字段。

圖39.帶有普通對話框的表單

搜索結果

搜索結果顯示該設置的標題,副文本(如果有)和麵包屑位置。

圖40.搜索結果