Android-UIパターン

この章では、一貫性のある予測可能な方法で動作するアプリを設計するためにAndroidで利用できるさまざまなUIパターンについて説明します。

UIパターンコンポーネント

優れたAndroidアプリケーションは、次のUIパターンに従う必要があります-

  • アクションバー
  • 確認と承認
  • Settings
  • Help
  • Selection

次に、上記のUIパターンについて詳しく説明します。

アクションバー

アクションバーは、各画面の上部にある専用のバーであり、通常、アプリ全体で永続的です。それはあなたに次のようないくつかの重要な機能を提供します-

  • 重要なアクションを目立たせてアクセス可能にします
  • アプリ内での一貫したナビゲーションとビューの切り替えをサポート
  • めったに使用されないアクションにアクションオーバーフローを提供することにより、混乱を減らします
  • アプリにIDを与えるための専用スペースを提供します

アクションバーのコンポーネント

アクションバーには、次の画像に示す4つの主要なコンポーネントがあります。

これらのコンポーネントの名前と機能については、以下で説明します-

シニア番号 アクションバーのコンポーネント
1

App Icon

アプリアイコンは、アプリのIDを確立します。必要に応じて、別のロゴやブランドに置き換えることができます。

2

View control

アプリがさまざまなビューでデータを表示する場合、アクションバーのこのセグメントにより、ユーザーはビューを切り替えることができます。

3

Action buttons

アクションセクションにアプリの最も重要なアクションを表示します。

4

Action overflow

使用頻度の低いアクションをアクションオーバーフローに移動します。

確認と承認

ユーザーがアプリのUIでアクションを呼び出すときは、次のことを行うことをお勧めします。 confirm または acknowledge トーストまたはダイアログボックスを介したそのアクション。

確認と確認には違いがあります。

確認中

呼び出したばかりのアクションを本当に続行したいかどうかをユーザーに確認するように求める場合、それは確認と呼ばれます。次の画像でわかるように-

認める

トーストを表示して、ユーザーが呼び出したばかりのアクションが完了したことをユーザーに知らせる場合、これは確認と呼ばれます。次の画像でわかるように、

設定

ユーザーがアプリの動作に関する設定を指定できるアプリ内の場所は、設定と呼ばれます。設定を使用すると、次の方法でアプリのユーザーにメリットがあります-

  • Settings 特定の状況で何が起こるかをユーザーが事前に決定できるようにする

  • の使用 settings アプリ内で、ユーザーがコントロールしていると感じるのに役立ちます

設定の配置

アンドロイド開発者は、常に「設定」オプションを上記のアクションオーバーフローの一部にすることをお勧めします。ユーザーはこのオプションを頻繁に使用しなかったため、一般的な方法は、「ヘルプ」を除く他のすべての項目の下に配置することです。次の写真でわかるように-

助けて

一部のアプリユーザーは、アプリの使用中に問題が発生する可能性があり、いくつかの回答を探しており、アプリ内でそれらを求めています。したがって、常に「ヘルプ」をアプリの一部にします。

ヘルプの配置

「設定」と同様に、「ヘルプ」オプションを配置する標準的なデザインは action overflow。常にメニューの最後の項目にし、常に「ヘルプ」というラベルを付けます。アプリ画面に他のアクションオーバーフロー項目がない場合でも、「ヘルプ」が表示されます。次の写真でこれを見ることができるように-

選択

Android 3.0バージョンでは、データを選択するための長押しジェスチャがグローバルジェスチャに変更されました。長押しジェスチャを使用してデータを選択し、選択したデータのコンテキストアクションと選択管理機能を組み合わせて、contextual action bar (CAB)

コンテキストアクションバー(CAB)の使用

選択CABは、データが選択されている間、アプリの現在のアクションバーをオーバーレイする一時的なアクションバーです。ユーザーが選択可能なデータ項目を長押しすると表示されます。次の写真でわかるように-

CABバーから、ユーザーは次のアクションを実行できます-

  • 追加のデータ項目をタッチして選択します
  • 強調表示されたすべてのデータ項目に適用されるアクションをCABからトリガーします
  • ナビゲーションバーの[戻る]ボタンまたはCABのチェックマークボタンを使用してCABを閉じます