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

Android設置設計指南

這份文件突出了原則和人誰是無論是在設計Android平台設置的指導,大湄公河次區域核心設置(谷歌設置)或為他們的Android應用設計設置進行任何開發。

設計原則

提供了一個很好的概述

用戶應該能夠一眼設置屏幕和理解所有的個人設置和它們的值。

圖1的設置和它們的當前值被呈現在頂層畫面上

整理項目直觀地

在屏幕的頂部將經常使用的設置。限制在一個屏幕上設置的數量。顯示超過10-15項可以是壓倒性的。通過將一些設置單獨的頁面創建直觀的菜單。

圖2.常見的設置是在屏幕的頂部

進行設置容易找到

在某些情況下,它可能有助於在兩個不同的屏幕上複製的單獨設置。不同的情況可以觸發用戶更改設置,所以包括在多個地方設置將幫助用戶找到這個項目。

對於重複設置,創建一個用於設置一個單獨的屏幕,並有來自不同地方的入口點。

圖3及4“默認通知聲音”出現在兩個“通知”和“聲音”屏幕

用乾淨的所有權和狀態

讓你的設置“標題簡短而有意義的。避免使用含糊不清的標題,如“常規設置”。標題下方,顯示狀態突出設置的值。顯示的具體細節,而不是僅僅描述稱號。

標題應:

  • 把你的標籤的最重要的文本第一。
  • 另一種方式否定詞,如“不”或“從不”到中性的術語如“塊”。
  • 使用非個人標籤等代替“通知”,“通知我。”例外:如果指的是用戶有必要了解的設置,使用第二人稱(“您”),而不是第一人(“I”)。

標題應避免:

  • 通用術語,如設置,修改,編輯,修改,管理,使用,選擇,或者選擇。
  • 重複從部分的分配器或子屏幕標題字。
  • 技術術語。

頁面類型

設置列表

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

如果在一個類中有許多設置,可以將它們組合在一起。見分組和分隔的更多細節。

的設置列表圖5.實施例

列表顯示

列表視圖是一個用於表示應用程序的項目清單,賬目,設備,等等。控件過濾或排序可以添加到屏幕上。

列表視圖的圖6實施例

實體屏

實體屏幕用於像一個應用程序,帳戶,設備,Wi-Fi網絡等獨特的項目的當前設置

在視覺上,所述實體被示出在與一個圖標,標題,和字幕的頂部。此屏幕上的所有設置必須與此相關的實體。

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

實體屏幕的圖8實施例中使用的存儲空間

主設定

當整個功能可以在被打開或關閉,例如Wi-Fi或藍牙主設置最佳使用。通過在屏幕的頂部使用開關,用戶可以很容易地控制這個功能。使用主設置來禁用該功能禁用所有其他相關設置。

如果特徵需要一個較長的文字說明,可使用的主設定作為該畫面類型允許更長的頁腳文本。

如果設置需要被複製或從多個屏幕連接,使用主設置。由於主設置為一個單獨的屏幕,你會避免在不同的地方進行相同的設置多台交換機。

在應用通知屏幕使用主設定的圖9實施例;關閉主撥動就會把整個功能為這個應用程序

主的圖10實施例中的設置應用通知屏幕與主使用肘節關斷

單選按鈕選擇屏幕

在這個畫面上,當用戶需要進行選擇的環境。單選按鈕可以在對話或單獨的屏幕上顯示。單選按鈕不應該沿著滑塊,菜單或開關一起使用。

單選按鈕屏可以在底部的頂部和頁腳文本包含的圖像。單個單選按鈕可以用標題一起有潛台詞。

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

圖12.這是如何在設置正確使用單選按鈕

組件

在安卓8.0開始,工具欄禮物的搜索行動,並與其他相關行動一起幫助。因為用戶可能無法發現隱藏在這些菜單的操作溢出菜單氣餒。

對於沒有屏幕的具體行動的工具欄。顯示搜索和幫助行為。

圖13.工具欄與搜索和幫助措施

對於一舉工具欄 :當前搜索之前的動作。

圖14.工具欄與搜索和幫助行動前一個動作

對於超過1行動工具欄 :考慮將搜索前的主要作用,而在溢出菜單把先進的操作。

如果所有的動作都是晚期或只對一小部分用戶提供有用的,可以考慮把所有的動作在溢出菜單。

圖15.工具欄與行動溢出菜單

實體頭

實體報頭可以只顯示標題,或者與潛台詞標題(多行允許用於潛台詞)。下面的動作是可選的。您最多的兩個動作可以有。

圖16.實體頭

圖標和標題(應用)部分將頭(應用信息)下滾動。

這裡圖17.應用信息標題是工具欄的一部分,而屏幕的其餘部分將在它滾動

標題是強制性的。你也應該表現出的潛台詞,突出設置的狀態。使用的圖標是可選的。

盡量保持標題文字簡練。如果標題很長,他們可以繼續在下一行而不是被截斷。不要啟用長按菜單或動作。

例子:

圖18.使用圖標,標題和潛台詞菜單鏈接

圖19.菜單與標題和鏈接的潛台詞

與標題圖20.菜單鏈接僅

使用圖標,標題,潛台詞和一個單獨的擊中目標右側菜單鏈接

其他按目標應該使用的主題顏色。

二抽頭目標菜單的圖21.實施例

使用圖標,標題,潛台詞和統計/數量/警報圖標菜單鏈接

像百分比和時間數值可以在與潛台詞沿右側示出的,而條形圖可以示出以下。

通常情況下,數值都在右側讓用戶可以輕鬆瀏覽並進行比較。

使用圖標,標題,STAT和圖形菜單的圖22實施例

分組及分頻器

如果屏幕上有許多設置,可以將它們分組,並按分隔分離。與較舊的Android版本,分頻器現在用一組集群設置,而不是分離單獨的設置。

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

圖23.設置使用分頻器分組

開關

開關,圖標,標題和潛台詞

圖24.開關,圖標,標題和潛台詞

開關與標題和潛台詞

圖25.開關,具有標題和潛台詞

開關與僅標題

標題可以通過左側的圖標陪同。

圖26.開關,具有標題唯一

列表項+開關

你可以用一個開關組合列表項。輕敲垂直線的左側的作用就像一個鏈接,將用戶帶到下一個屏幕。右側的行為類似於標準交換機。

對於左側的列表項,標題是強制性的。圖標和潛台詞是可選的。

圖27.列表項目和開關

滑塊

該圖標是在滑塊可選。

圖28.滑塊

屏幕上的按鈕

積極的行動使用主題顏色,而負面行為都是灰色的。積極的行動可能包括打開一個應用程序,安裝應用程序,添加一個新的項目,等負面行為包括:清除數據,卸載應用程序,刪除項目,等等。

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

對於“現在打開” 圖30.藍色按鈕

漸進披露(高級)

那些不經常使用的設置應該被隱藏。使用“高級”只有當至少有3項隱藏。

在這裡,潛台詞顯示被隱藏的設置標題。其潛台詞應該是只有一條線。附加文本被以省略號截斷。

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

下拉菜單可供選擇,但最好你應該使用一個對話框或單選按鈕選擇屏幕來代替。這是建議簡化設置,目前有單一選擇三種不同的模式。

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

圖32.下拉菜單

複選框

使用切換複選框可能的情況下。

複選框可用於:

  • 對於像限制的應用程序或阻斷服務消極行動。
  • 為了避免在屏幕上太多的開關。

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

不推薦使用的設置鏈接。只有在絕對必要使用鏈接。鏈接應該使用口音的顏色,沒有下劃線。

圖34. Link在設置中使用

頁腳文本可以被用於添加說明的內容。頁腳應該總是在頂部有一個分隔符。頁腳顯示在屏幕的底部。頁腳可以鏈接,如果需要的話。

圖35.頁腳文本

模式

數據

關鍵數據可以以像條或餅圖的曲線圖顯示。此數據可以在實體頭被顯示。示例包括移動數據和存儲。

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

圖36.實施例示出了存儲

圖37.實施例示出網絡

用戶教育

某些功能可能需要一個解釋或用戶教育。您可以使用文本一起動畫或圖片。動畫或圖片應在屏幕的頂部呈現,而頁腳文本可用來添加一個解釋。

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

形式

如果表格有一個輸入框,使用普通的對話。這為用戶提供輸入單個輸入一個簡單的方法。

但是,如果窗體上有幾個字段,可以考慮使用一個全屏幕的對話框 。這提供了更多的屏幕空間安排在一個清晰的模式領域。

圖39.形成一個正常的對話

搜索結果

搜索結果顯示標題,潛台詞(如果可用),並且設置的麵包屑位置。

圖40.搜索結果