Android-ui-patterns
Android-UIパターン
この章では、Androidで利用可能なさまざまなUIパターンを見て、一貫した予測可能な方法で動作するアプリを設計します。
UIパターンコンポーネント
良いAndroidアプリケーションは、次のUIパターンに従う必要があります-
- アクションバー
- 確認と確認
- 設定
- Help
- 選択
ここで、上記のUIパターンについて詳しく説明します。
アクションバー
アクションバーは、各画面の上部にある専用のバーであり、通常はアプリ全体で永続的です。 それは次のようないくつかの重要な機能を提供します-
- 重要なアクションを目立たせてアクセス可能にする
- アプリ内で一貫したナビゲーションとビューの切り替えをサポート
- めったに使用されないアクションにアクションオーバーフローを提供することにより、混乱を軽減します。 *アプリにアイデンティティを与えるための専用スペースを提供します
アクションバーのコンポーネント
アクションバーには、次の画像に示す4つの主要なコンポーネントがあります。
これらのコンポーネントの名前と機能については、以下で説明します-
Sr.No | Action Bar Components |
---|---|
1 |
アプリのアイコンは、アプリのアイデンティティを確立します。 必要に応じて、別のロゴまたはブランドに置き換えることができます。 |
2 |
View control アプリが異なるビューでデータを表示する場合、アクションバーのこのセグメントにより、ユーザーはビューを切り替えることができます。 |
3 |
Action buttons アクションセクションにアプリの最も重要なアクションを表示します。 |
4 |
Action overflow 使用頻度の低いアクションをアクションオーバーフローに移動します。 |
確認と確認
ユーザーがアプリのUIでアクションを呼び出すときは、トーストまたはダイアログボックスでそのアクションを*確認*または*承認*することをお勧めします。
確認と確認には違いがあります。
確認中
ユーザーに、呼び出したばかりのアクションを本当に実行することを確認するように依頼する場合、確認と呼ばれます。 あなたが次の画像で見ることができるように-
謝辞
トーストを表示して、呼び出したばかりのアクションが完了したことをユーザーに知らせる場合、これは確認応答と呼ばれます。次の画像に示すように-
設定
アプリの動作をユーザーが指定できるアプリ内の場所は、設定と呼ばれます。 設定の使用は、次の方法でアプリのユーザーに利益をもたらすことができます-
- *設定*ユーザーが特定の状況で何が起こるかを事前に決定するのに役立ちます
- アプリで settings を使用すると、ユーザーがコントロールできるようになります
設定の配置
Android開発者は、上記のアクションオーバーフローの「設定」オプション部分を常に作成することをお勧めします。 ユーザーはこのオプションを頻繁に使用しなかったため、一般的な方法は「ヘルプ」以外のすべてのアイテムの下に配置することです。 あなたが次の写真で見ることができるように-
Help
一部のアプリユーザーは、アプリの使用中に多少の困難に直面する可能性があり、彼らはいくつかの答えを探して、アプリ内でそれらを求めます。 したがって、常にアプリの「ヘルプ」部分を作成してください。
ヘルプの配置
「設定」と同様に、「ヘルプ」オプションを配置する標準設計は、*アクションオーバーフロー*です。 常にメニューの最後の項目にし、常に「ヘルプ」というラベルを付けます。 アプリ画面に他のアクションオーバーフローアイテムがない場合でも、「ヘルプ」がそこに表示されます。 あなたが次の写真でこれを見ることができるように-
選択
Android 3.0バージョンでは、長押しジェスチャをグローバルジェスチャに変更して、データを選択しました。 長押しジェスチャーを使用してデータを選択し、選択したデータのコンテキストアクションと選択管理機能を* contextual action bar(CAB)*と呼ばれる新しい要素に組み合わせます。
コンテキストアクションバー(CAB)の使用
選択CABは、データが選択されている間、アプリの現在のアクションバーにオーバーレイする一時的なアクションバーです。 ユーザーが選択可能なデータ項目を長押しすると表示されます。 あなたが次の写真で見ることができるように-
CABバーから、ユーザーは次のアクションを実行できます-
- 追加のデータ項目をタッチして選択します
- 強調表示されたすべてのデータ項目に適用されるCABからアクションをトリガーします
- ナビゲーションバーの[戻る]ボタンまたはCABのチェックマークボタンを使用してCABを閉じる