The Android Developer Challenge is back! Submit your idea before December 2.

平板電腦應用程式品質

安裝 Android 產品的平板電腦不斷增多,由此為使用者的參與及盈利帶來新的機遇。本文件所述的指導方針將協助您透過引人注目的功能與良好設計的直覺式 UI,符合平板電腦使用者的預期。

雖然這些指導方針已編號,但是您能以任何順序對其進行了解。對於您應用程式適用的每項指導方針,您都應了解其建議,而為了向客戶提供最優產品,您應盡可能遵循這些建議。

本文件會經常提供資源連結,以協助您了解內含的每項建議。

1.測試基本平板電腦應用程式品質

提供平板電腦應用程式絕佳體驗的第一步,是確保其符合應用程式所針對所有裝置及尺寸規格的核心應用程式品質準則。如需完備資訊,請參閱核心應用程式品質指導方針

此外,在發行之前,請確保您的應用程式已通過基本技術檢查並符合推出條件,例如:

若已將應用程式上傳至 Google Play Developer Console,您可以造訪最佳化秘訣頁面查看對應用程式執行檢查的結果。

2.針對較大的螢幕最佳化版面配置

藉由 Android,可以輕鬆開發針對諸多裝置螢幕大小與尺寸規格都能良好運作的應用程式。這一普遍相容性對您非常有利,因為您可以將其協助設計的單一應用程式廣泛散佈到針對的所有裝置上。但是,若要為每個螢幕組態 (尤其是平板電腦) 的使用者提供最佳體驗,對於每個所針對的螢幕組態,您需要最佳化版面配置及其他 UI 元件。在平板電腦上,透過最佳化 UI,可以充分利用提供的更大螢幕實現諸多目標,例如提供新功能、展示新內容或以其他方式改善體驗,以提高對使用者的吸引力。

若您已開發適用於手機的應用程式,現在希望將其散佈到平板電腦上,可以先對版面配置、字型及間距進行微小調整。在某些狀況下 (例如對於 7 英寸平板電腦或畫布很大的遊戲),只需執行這些調整,應用程式即可擁有良好的外觀。在其他狀況下 (例如對於更大的平板電腦),您可以重新設計 UI 部分,使用高效的多窗格 UI、更輕鬆的導覽及其他內容取代「延伸的 UI」。

去除「延伸」的 UI:在平板電腦上,單一窗格版面配置會產生很難處理的空白,並導致行過長。請使用邊框間距縮短 UI 元素的寬度,並考慮使用多窗格版面配置。

以下提供一些建議:

  • 視需要為 largexlarge 螢幕提供自訂版面配置。此外,您還可以提供根據螢幕的最短維度可用的最小寬度與高度而載入的版面配置。
  • 對於較大的螢幕,請至少自訂諸如字型大小、邊界、間距等維度,以改善空間使用狀況與內容可讀性。
  • 請調整 UI 控制項的位置,以便使用者在手持平板電腦時能輕鬆存取,例如平板電腦方向為橫向時,將 UI 控制項的位置向兩邊調整。
  • 平板電腦上 UI 元素的邊框間距通常應大於手機上的該間距。建議使用 48dp 節奏 (與 16dp 網格)。
  • 充分填補文字內容,使其並非恰好沿螢幕邊緣對齊。在螢幕邊緣附近的內容周圍使用至少為 16dp 的邊框間距。

尤其是確保您的版面配置在螢幕上不會顯示為「延伸」狀態:

  • 文字行不應過長,應最佳化為每行最多 100 個字元,每行字元數介於 50 與 75 之間時可取得最佳效果。
  • ListView 與功能表不應使用全螢幕寬度。
  • 請使用邊框間距來管理螢幕上元素的寬度,或切換至平板電腦的多窗格 UI (請參閱下一節)。

3.利用更大的螢幕區域

多窗格版面配置 會在平板電腦螢幕上產生更佳的視覺平衡,同時提供更高的可用性與可讀性。

平板電腦螢幕能為您的應用程式提供大得多的螢幕顯示空間,尤其在平板電腦方向為橫向時,更是如此。特別是 10 英寸的平板電腦,能提供大幅擴展的區域,而即使是 7 英寸的平板電腦也能提供較大的空間,供您顯示內容並吸引使用者。

考慮平板電腦上所執行應用程式的 UI 時,請確保 UI 完全利用平板電腦上所提供的更大螢幕區域。以下提供一些建議:

  • 請尋求機會納入其他內容,或對既有內容使用其他處理方式。
  • 在平板電腦螢幕上使用多窗格版面配置,以便將多個單一檢視合併為複合檢視。藉此,您可以更高效地使用更大的螢幕區域,並降低使用者導覽應用程式的難度。
  • 請對螢幕方向變更時,複合檢視中面板的重新排列狀況進行規劃。
  • 複合檢視 可將手機 UI 的多個單一檢視 (上圖) 合併為平板電腦更豐富、更高效的 UI (下圖)

  • 將單一螢幕實作為 Activity 子類別時,請考慮將個別內容面板實作為Fragment子類別。您可藉此在不同的大小規格與共用內容的螢幕之間最大限度重複使用程式碼。
  • 請決定使用多窗格 UI 的螢幕大小,然後在相應的螢幕大小貯體中提供不同的版面配置 (諸如 large/xlarge) 或最小螢幕寬度 (諸如 sw600dp/sw720)。

4.使用專為平板電腦螢幕設計的資產

若要確保您的應用程式具有最佳的外觀,請為平板電腦通常所支援範圍中的每個密度提供圖示與其他點陣圖資產。具體而言,您應根據圖表指導方針來設計動作列、通知與啟動器的圖示,並在多個密度中提供這些圖示,以便其以適當的大小顯示在所有螢幕上 (沒有模糊或其他顯像偽差)。

表格 1.圖示類型的原始資產大小。

密度 啟動器 動作列 小型/內容關聯式 通知
mdpi 48x48 px 32x32 px 16x16 px 24x24 px
hdpi 72x72 px 48x48 px 24x24 px 36x36 px
tvdpi (使用 hdpi) (使用 hdpi) (使用 hdpi) (使用 hdpi)
xhdpi 96x96 px 64x64 px 32x32 px 48x48 px
xxhdpi 144x144 px 96x96 px 48x48 px 72x72 px

請至少提供每個圖示與點陣圖資產的一個版本 (已針對以下至少一個常用平板電腦螢幕密度進行最佳化):

  • hdpi
  • xhdpi
  • xxhdpi

其他秘訣:

  • 在設計圖示時,請使用向量形狀,以便在縮放時不會遺失詳細資料或邊緣捲曲。
  • 使用密度特定的資源限定詞以確保為每個螢幕密度載入正確的圖示。
  • 對於平板電腦與其他大螢幕裝置要求的啟動器圖示,其密度大小通常大於裝置的實際密度,因此您應提供最高密度的啟動器圖示。例如,若平板電腦使用 xhdpi 螢幕,將要求 xxhdpi 版本的啟動器圖示。

5.調整字型大小與輕觸目標

若要確保您的應用程式在平板電腦上易於使用,請花一些時間對您針對的所有螢幕組態,調整平板電腦 UI 的字型大小與輕觸目標。您可以透過風格化屬性維度資源來調整字型大小,透過版面配置與點陣圖可繪項目來調整輕觸目標,如上所述。

以下提供一些考慮事項:

  • 對於平板電腦螢幕的各種大小與密度,文字不應過大或過小。請確保針對標籤所對應的 UI 元素適當調整標籤大小,並確保標籤、標題與其他元素中沒有不適當的換行。
  • 對於螢幕上的元素,建議採用的輕觸目標大小是 48dp (至少為 32dp),可能需要在平板電腦 UI 中進行某些調整。請閱讀計量與網格了解實作策略,以便為大多數使用者提供協助。若要因應特定使用者的協助工具需求,可能需要使用更大的輕觸目標。
  • 若可能,對於較小的圖示,請使用 TouchDelegate 將可觸區域擴大至 48dp 以上,或只是將圖示置於透明按鈕的中央。

6.調整主螢幕小工具的大小

若您的應用程式包括主螢幕小工具,請考慮以下幾點,以確保平板電腦螢幕為使用者提供絕佳的體驗:

  • 針對平板電腦螢幕適當設定小工具的預設高度與寬度,以及重新調整高度及寬度的最大值與最小值。
  • 應將小工具的大小重新調整為至少 420dp,以涵蓋至少 5 個主螢幕列 (若是垂直或方形小工具) 或欄 (若是水平或方形小工具)。
  • 確保 9 貼片影像能正確顯示。
  • 使用預設系統邊界。
  • 若可能,請將應用程式的 targetSdkVersion 設為至少是 14。

7.為平板電腦使用者提供完備功能集

Tablet feature sets

請讓您的平板電腦使用者體驗應用程式的最佳功能。以下提供一些建議:

  • 將應用程式設計為在平板電腦上至少提供在電話上提供的一組功能。
  • 在特殊狀況下,若多數平板電腦的硬體或使用狀況不支援某些功能,您的應用程式在平板電腦上可以略去或替換這些功能。範例:
    • 若手機使用電話語音功能,但目前平板電腦上不提供電話語音功能,您可以略去或替換相關功能。
    • 許多平板電腦具有 GPS 感應器,但是多數使用者在駕車時通常不會攜帶平板電腦。若使用者藉由您電話應用程式提供的功能,可以在攜帶電話時記錄其駕車的 GPS 路線,則應用程式不需要在平板電腦上提供該功能,因為該使用狀況不具備吸引力。
  • 若您要略去平板電腦 UI 的某項功能,請確保使用者無法存取該功能,或確保為替換功能提供「優雅降級」(另請參閱以下有關硬體功能的一節)。

8.正確針對 Android 版本

若要確保散佈到可能最廣泛的平板電腦,請確保您的應用程式正確針對支援平板電腦的 Android 版本。Android 3.0 (API 層級為 11) 中已新增對平板電腦的初始支援。Android 4.0 中已引入對平板電腦、電話及其他裝置的統一 UI 架構支援。

您可以在宣示說明檔案中的 <uses-sdk> 元素內設定應用程式所針對 Android 版本的範圍。在多數狀況下,您可以將元素的 targetSdkVersion 屬性設為可用的最高 API 層級,從而正確針對 Android 版本。

請至少對 <uses-sdk> 元素進行檢查,以確保:

  1. 所宣告 targetSdkVersion 的值至少為 11 (建議至少為 14),或
  2. 所宣告 minSdkVersion 的值至少為 11。
  3. 若宣告 maxSdkVersion 屬性,其值必須至少為 11。請注意,一般不建議使用 maxSdkVersion

9.正確宣告硬體功能相依性

手機與平板電腦為感應器、相機、電話語音及其他功能提供的硬體支援通常稍有不同。例如,許多平板電腦可使用「Wi-Fi」組態,但該組態不包括電話語音支援。

為了能將單一 APK 廣泛散佈到您電話與平板電腦的整個客戶群,請確保您的應用程式不會宣告需要平板電腦上通常不提供的硬體功能。您應改為在應用程式的宣示說明中將這些硬體功能正確宣告為不需要,如下所述。

  • 在您的應用程式宣示說明中,尋找 <uses-feature> 元素。尤其是尋找可能無法用於某些平板電腦的硬體功能,例如:
    • android.hardware.telephony
    • android.hardware.camera (請參閱後部相機),或
    • android.hardware.camera.front
  • 透過納入 android:required=”false” 屬性,將 <uses-feature> 元素宣告為不需要

    例如,以下提供了 android.hardware.telephony 相依性的正確宣告方式,您藉此仍可以廣泛散佈應用程式,即使對於不提供電話語音功能的裝置,也是如此:

    <uses-feature android:name="android.hardware.telephony" android:required="false" />
  • 與此類似,請檢查宣示說明中是否存在表示對不適用於平板電腦的硬體功能有需求的 <permission> 元素。若您發現此類許可,請確保明確宣告這些功能的對應 <uses-feature> 元素,並納入 android:required=”false” 屬性。

將硬體功能宣告為不需要後,請確保在多種裝置上測試您的應用程式。應用程式在其使用的硬體功能無法提供時應正常運作,若合適,應提供「優雅降級」與替代功能。

例如,若應用程式通常使用 GPS 來設定位置,但是裝置上不支援 GPS,則應用程式可以讓使用者改為手動設定位置。應用程式可以在執行階段檢查裝置硬體功能,並視需要進行處理。

10.宣告對平板電腦螢幕的支援

若要確保可以將您的應用程式散佈到多種平板電腦,您的應用程式應在宣示說明檔案中宣告對多種平板電腦螢幕大小的支援,如下所示:

  • 若已宣告 <supports-screens> 元素,則該元素不得指定 android:largeScreens="false"android:xlargeScreens="false"
  • 對於所針對的 minSdkVersion 值小於 13 的應用程式,必須宣告 <supports-screens> 元素與 android:largeScreens="true"android:xlargeScreens="true"

若應用程式在宣示說明中宣告<compatible-screens>元素,則該元素應包括對應用程式所支援平板電腦螢幕的所有大小與密度的組合進行指定的屬性。請注意,若可能,應避免在應用程式中使用<compatible-screens>元素。

11.在 Google Play 中展示您的平板電腦 UI

在執行工作為平板電腦應用程式建立豐富的最佳化 UI 後,請確保讓您的客戶了解這些 UI!以下展示了在 Google Play 上將您的平板電腦應用程式向使用者推廣的一些重要方式。

上傳您平板電腦 UI 的螢幕擷取畫面

平板電腦使用者希望了解您的應用程式在平板電腦裝置上 (而非在電話上) 的狀況。若您已開發平板電腦應用程式,請確保將平板電腦應用程式 UI 的螢幕擷取畫面上傳至 Google Play Developer Console。以下提供一些指導方針:

  • 請顯示您應用程式的核心功能,而非啟動或登入頁面。對於使用者花費大部分時間了解的環節,您應使用螢幕擷取畫面予以展示。
  • 請新增在 7 英寸與 10 英寸平板電腦上拍攝的螢幕擷取畫面。
  • 若可能,請新增拍攝的橫向與直向螢幕擷取畫面。
  • 若可能,請使用螢幕擷取功能。避免在您的螢幕擷取畫面中顯示 實際的裝置硬體。
  • 在每個方向,建議的平板電腦螢幕擷取畫面解析度為至少 1280 x 720
  • 對於 7 英寸平板電腦,請上傳平板電腦 UI 的 8 個螢幕擷取畫面;對於 10 英寸平板電腦,請上傳其他 8 個螢幕擷取畫面。

更新應用程式的描述與版本資訊

  • 在您的應用程式描述中,請確保著重說明您的應用程式能為平板電腦使用者提供平板電腦最佳化 UI 與卓越的功能。請新增某些詳細資料,以說明您的平板電腦應用程式 UI 的運作方式,以及使用者喜歡該 UI 的原因所在。
  • 請在應用程式的版本資訊與更新資訊中納入平板電腦支援的有關資訊。

更新您的推廣影片

許多使用者會觀看應用程式的推廣影片,以了解應用程式的狀況以及使用者是否喜歡該應用程式。對於平板電腦使用者,請在推廣影片中著重說明您應用程式的平板電腦 UI,以充分利用這一興趣。以下提供一些秘訣與指導方針:

  • 新增平板電腦上所執行應用程式的一或多個螢幕擷取畫面。若要以最有效的方式吸引平板電腦使用者,建議您以與電話 UI 大致相等的比例,推廣平板電腦 UI。
  • 請在影片中儘早顯示平板電腦 UI。不要指望平板電腦使用者在了解電話 UI 的功能介紹時會耐心等候。最理想的狀況是,您應在前 10 秒內 (或至少在介紹電話 UI 時) 展示平板電腦 UI,以立即吸引使用者。
  • 若要清晰說明您正在展示平板電腦 UI,請將手持平板電腦裝置上所執行應用程式的螢幕擷取畫面包含在內。
  • 在影片的記述或畫外音中,請著重說明應用程式的平板電腦 UI。

在推廣活動中介紹您的平板電腦 UI

請確保透過推廣活動、網站、社交貼文、廣告及其他方式,讓平板電腦使用者了解您的平板電腦 UI。以下提供一些建議:

  • 規劃行銷或廣告活動,以著重說明在平板電腦上使用您的應用程式。
  • 在推廣活動中展示平板電腦應用程式的最佳特性,使用 Device Art Generator 可快速產生 7 英寸或 10 英寸平板電腦上所執行應用程式的高品質推廣影像,視您的選擇而定,可以具有或不具有陰影及螢幕眩光。這與擷取、拖曳及釋放一樣簡單。
  • 請在您的線上推廣中納入 Google Play 徽章,以便使用者藉此可以直接連結至您應用程式的市集清單。使用 Badge Generator,您可以產生多種語言的徽章。

12.遵循在 Google Play 中發行的最佳做法

以下展示了在 Google Play 上提供成功的平板電腦應用程式所採用的一些最佳做法。

檢查您應用程式的最佳化秘訣

Google Play Developer Console 現在提供 [最佳化秘訣] 頁面,您可藉此根據平板電腦應用程式散佈與品質的基本指導方針,快速檢查應用程式的運作狀況。若要造訪該頁面,請登入 Developer Console,從 [所有應用程式] 載入應用程式,然後按一下左側導覽列中的 [最佳化秘訣]。

Developer Console 會執行一系列檢查以驗證基本的品質準則,藉此建立您應用程式的 [最佳化秘訣] 頁面。若發現存在問題,會在 [最佳化秘訣] 頁面中以「待處理」項目的形式向您提出警示。

若您已為應用程式開發平板電腦體驗,請確保造訪 [最佳化秘訣] 頁面,以根據基本檢查查看您應用程式的運作狀況。若列出問題,建議您先解決應用程式中的這些問題,然後上傳新的二進位檔案以供散佈 (若需要)。

對於 [最佳化秘訣] 頁面中列示的「待處理」問題,若您覺得不適用於您的應用程式或會影響在平板電腦上的品質,請使用專為平板電腦而設計的連絡人表單»通知我們。我們會檢閱您的應用程式,並視需要更新您的 [最佳化秘訣] 頁面。

確認應用程式的篩選

將應用程式上傳至 Developer Console 後,請檢查 APK 的支援裝置清單,以確保您希望針對的平板電腦裝置中未篩除該應用程式。

以單一 APK 的形式散佈

建議您針對所有螢幕大小 (電話與平板電腦) 以單一 APK 的形式 (使用單一 Google Play 清單) 發行應用程式。此方法具有多項重要優點。

  • 使用者可以更輕鬆地透過搜尋、瀏覽或推廣找到您的應用程式
  • 使用者取得新裝置時,可以更輕鬆地自動還原您的應用程式。
  • 將合併所有裝置中您的評分與下載統計資料。
  • 在另一個清單中發行平板電腦應用程式會降低對您品牌的評分。

雖然在多數狀況下,強烈建議您使用單一 APK 連絡所有裝置,但是若需要,您也可以改為選擇使用多 APK 支援提供應用程式。

設定平板電腦的測試環境

憑藉用於測試的適用硬體或模擬器環境,評估您的應用程式在平板電腦上的品質 (包括核心應用程式品質與平板電腦應用程式品質)。

建議的測試環境相較,根據核心應用程式品質準則進行測試,包括中型平板電腦以及具有更多或更少硬體/軟體功能的平板電腦。

表格 1.一般平板電腦測試環境可能包括下表中每行內的一或兩項裝置,具有列示的其中一個平台版本、螢幕組態與硬體功能組態。

類型 大小 密度 版本 AVD 面板
7 英寸平板電腦 large
-sw600
hdpi
tvdpi
Android 4.0+ (API 層級至少為 14) WXGA800-7in
10 英寸 平板電腦 xlarge
-sw800
mdpi
hdpi
xhdpi
Android 3.2+ (API 層級至少為 13) WXGA800