Androidアプリケーションを開発するための基本的なUIパターン
Android用アプリケーションの開発が人気を集めているので、Androidアプリケーション用の主要なUIパターンの概要は誰かに役立つと思います。 記事の基礎はこのソースです。 考慮されるパターン：ダッシュボード、アクションバー、クイックアクション、検索バー、コンパニオンウィジェット。
私の意見では、UIパターンのトピックはいくつかの理由で重要です。
Googleのエンジニアが指摘するインターフェース設計ガイドライン：
UIデザインパターン （ソフトウェアデザインパターンに類似）は、繰り返し発生するタスク/問題の一般的なソリューションを説明し、開発プロセスの「副産物」として発生します。
以下は、 よく知られているアプリケーションに基づいた5つのUIパターンの例です 。
ダッシュボード （ツールバー）-アプリケーションのメイン機能の説明を表示し、アプリケーションのメインメニューです。 ダッシュボードは画面全体を占め、アプリケーションの3〜6個の最も重要な機能に焦点を合わせており、更新に関する情報も含まれている場合があります。
ダッシュボードパターンは本質的にアプリケーションの表面であるため、開発には特に注意する必要があります。
アクションバーは、アプリケーションの追加機能への迅速なアクセスを提供し、アプリケーション内のどこからでも使用される機能（検索、同期、更新など）を提示するための最適なソリューションです。
アクションバーはメニューの完全な代替物ではありませんが、ユーザーが実行できる主要なアクションが含まれています（ユーザーはこれらのアクションを実行するためにメニューを入力する必要はありません）。 この場合、パターンにコンテキストアクション（コピー/貼り付けなど）を含めることはできません。アクションバーは、アプリケーション内のユーザーの方向を示すために使用することもできます（つまり、ユーザーがどこにいるかを示すため）。
クイックアクション -アプリケーションのコンテキスト機能へのアクセスを提供します。ポップアップとして画面に表示される「ターゲット」をクリックすると呼び出されます。 クイックアクションの主な特徴：アクションはコンテキストに沿った、シンプルでわかりやすいものでなければなりません（アイコンを使用することは可能です）。多くのアクションはありません。 また、ポップアップが「ターゲット」と重ならないように注意してください（「ターゲット」に対して下または上から表示される必要があります）。 item-aの詳細な説明がない場合や、コンテキストに関連する追加のアクションをアプリケーションで実行する必要がある場合は、このパターンを使用することをお勧めします。 複数選択が使用可能な場合は、クイックアクションを使用しないでください。
検索バー -アプリケーション内の検索に使用されます（アクションバーを置き換えます）。 検索バーは検索候補をサポートする必要があり、検索の種類を選択するセレクターが含まれている場合があります。
パターンの実装に関する推奨事項：アプリケーションでの単純な検索に使用し、豊富な検索提案を提供する必要があります（たとえば、アイコンと説明付きのタイトル）。
コンパニオンウィジェット -アプリケーションに関する基本情報を提供するウィジェットは、ユーザーが構成できます。 アイコンに加えて、コンテンツ（説明、更新アイコン、一部のアプリケーション機能）が必要です。デスクトップスペースを節約し、ユーザーにウィジェットをカスタマイズする機能を提供する必要があります。
Googleのエンジニアは、ユーザーインタラクションで重要な役割を果たすため、インターフェースのこの要素にもっと注意を払うことをお勧めします。 単純なアプリケーションのショートカットは最良の解決策ではありません。
考慮されるパターンは、Androidアプリケーションの開発において基本的なものですが、これは、それらすべてを適用する必要があるという意味ではありません。 それにもかかわらず、主要なアイデアは残り、それに基づいてさまざまなソリューションを考慮することができます（これは、開発がまだパターンではなくアイデアに基づいているという事実です）。
あなたのアイデアで頑張ってください！
PSトピックが興味深い場合、他のUIパターンのレビューを続けることができます。
私の意見では、UIパターンのトピックはいくつかの理由で重要です。
- ユーザーを引き付ける：パターンは、アプリケーションをより使いやすく、より理解しやすくします。
- 市場アクセス：次のパターンは、アプリ市場でアプリケーションを宣伝する上で重要な役割を果たすことができます。
- 自転車を構築する価値はありません。パターンを知っていれば、既存のソリューションを使用してアプリケーションインターフェースを設計する方がはるかに簡単です。
Googleのエンジニアが指摘するインターフェース設計ガイドライン：
- シンプルvsクリア ：インターフェースはシンプル（アンロード）で使いやすいものでなければなりません
- コンテンツとChrome ：視覚的な複雑さを抑えながら、最大限の画面を使用する必要があります（限られた数のボタン/アイコンを使用します）
- 一貫性のある魅力的なユーザーレスポンスの一貫性-ユーザーは自分が何をしているか/必要なことをどのように行うかを理解する必要がある
- クラウドによる拡張 ：ユーザーデータはクラウドに保存する必要があります。 ユーザーは、設定を選択する（データを整理する）ことができます。アクションを繰り返す必要はありません。
UIデザインパターン （ソフトウェアデザインパターンに類似）は、繰り返し発生するタスク/問題の一般的なソリューションを説明し、開発プロセスの「副産物」として発生します。
以下は、 よく知られているアプリケーションに基づいた5つのUIパターンの例です 。
ダッシュボード
ダッシュボード （ツールバー）-アプリケーションのメイン機能の説明を表示し、アプリケーションのメインメニューです。 ダッシュボードは画面全体を占め、アプリケーションの3〜6個の最も重要な機能に焦点を合わせており、更新に関する情報も含まれている場合があります。
ダッシュボードパターンは本質的にアプリケーションの表面であるため、開発には特に注意する必要があります。
アクションバー
アクションバーは、アプリケーションの追加機能への迅速なアクセスを提供し、アプリケーション内のどこからでも使用される機能（検索、同期、更新など）を提示するための最適なソリューションです。
アクションバーはメニューの完全な代替物ではありませんが、ユーザーが実行できる主要なアクションが含まれています（ユーザーはこれらのアクションを実行するためにメニューを入力する必要はありません）。 この場合、パターンにコンテキストアクション（コピー/貼り付けなど）を含めることはできません。アクションバーは、アプリケーション内のユーザーの方向を示すために使用することもできます（つまり、ユーザーがどこにいるかを示すため）。
クイックアクション
クイックアクション -アプリケーションのコンテキスト機能へのアクセスを提供します。ポップアップとして画面に表示される「ターゲット」をクリックすると呼び出されます。 クイックアクションの主な特徴：アクションはコンテキストに沿った、シンプルでわかりやすいものでなければなりません（アイコンを使用することは可能です）。多くのアクションはありません。 また、ポップアップが「ターゲット」と重ならないように注意してください（「ターゲット」に対して下または上から表示される必要があります）。 item-aの詳細な説明がない場合や、コンテキストに関連する追加のアクションをアプリケーションで実行する必要がある場合は、このパターンを使用することをお勧めします。 複数選択が使用可能な場合は、クイックアクションを使用しないでください。
検索バー
検索バー -アプリケーション内の検索に使用されます（アクションバーを置き換えます）。 検索バーは検索候補をサポートする必要があり、検索の種類を選択するセレクターが含まれている場合があります。
パターンの実装に関する推奨事項：アプリケーションでの単純な検索に使用し、豊富な検索提案を提供する必要があります（たとえば、アイコンと説明付きのタイトル）。
コンパニオンウィジェット
コンパニオンウィジェット -アプリケーションに関する基本情報を提供するウィジェットは、ユーザーが構成できます。 アイコンに加えて、コンテンツ（説明、更新アイコン、一部のアプリケーション機能）が必要です。デスクトップスペースを節約し、ユーザーにウィジェットをカスタマイズする機能を提供する必要があります。
Googleのエンジニアは、ユーザーインタラクションで重要な役割を果たすため、インターフェースのこの要素にもっと注意を払うことをお勧めします。 単純なアプリケーションのショートカットは最良の解決策ではありません。
考慮されるパターンは、Androidアプリケーションの開発において基本的なものですが、これは、それらすべてを適用する必要があるという意味ではありません。 それにもかかわらず、主要なアイデアは残り、それに基づいてさまざまなソリューションを考慮することができます（これは、開発がまだパターンではなくアイデアに基づいているという事実です）。
あなたのアイデアで頑張ってください！
PSトピックが興味深い場合、他のUIパターンのレビューを続けることができます。
All Articles