モバイル用に最適化されたアプリについての説明

Microsoft Power Apps を使用してモバイル向けに最適化されたキャンバス アプリを設計および作成するときは、次の主要な設計要素を考慮してください。

モバイル用に最適化されたキャンバス アプリには、次のものが必要です。

• 明確に定義された目的
• レスポンシブ デザイン (Bring Your Own Device、つまり BYOD)
• 合理化されたユーザー インターフェイス
• 直感的なナビゲーション
• 外部周辺機器からの独立性
• オフライン機能
• 接続アラート
• シームレスな設定
• パフォーマンスの最適化

明確に定義された目的

モバイル用に最適化されたアプリは、特定の目的を果たす必要があります。 タスクを完了するために必要な手順の数を最小限に抑えると、特にモバイル シナリオでユーザー エクスペリエンスが向上します。

1 つのアプリで、倉庫内の在庫管理などの複数のタスクをサポートするか、新規顧客の作成などの特定の機能に重点を置くかを決定します。 次の点について検討してください。

• 別のアクションを実行するためにホーム画面に戻る方が効果的か、それとも終了して別のアプリを起動する方が効果的か。
• 複数のアプリを使用すると、タスクの明確さとスピードが向上するか。
• 1 つのアプリがあまりにも多くのアクションを処理しようとし、ユーザーを混乱させていないか。

アプリ内の各フォームには、簡潔な文章で表現された 1 つの明確な関数が必要です。 複数の目的を持つフォーム (顧客の作成と連絡先の入力を組み合わせたフォームなど) の作成は避けてください。 代わりに、タスクを個別のフォームに分割します。

レスポンシブ デザイン

モバイル用に最適化されたアプリは、デバイスの画面サイズと向きに合わせて自動的に調整される必要があります。

たとえば、Microsoft Edge は、ユーザーがデスクトップ ブラウザーからアクセスするか、モバイル ブラウザーからアクセスするかに応じてレイアウトを調整します。 さらに、デバイスを 90 度回転させた場合も調整されます。

合理化されたユーザー インターフェイス

フォームにフィールドやコントロールをあまり多く配置しないでください。

利用可能なすべてのフィールドを含めたくなるかもしれませんが、そうすると混乱が生じ、不要なスクロールが発生します。 代わりに、一般的なタスク用に簡潔なフォームを作成し、頻度の低いエントリや高度なエントリ用に別のフォームを作成します。

画面ナビゲーションを最小限に抑え、送信 ボタンなどのコントロールを簡単にアクセスできる場所に配置します。

設計上の留意事項:

• 過剰なコントロールは誤った選択につながる可能性があります。
• ユーザーのタッチ精度を考慮して、フィールドとボタンの周囲にスペースを追加します。

直感的なナビゲーション

ユーザーは、マニュアルを必要とせずにタスクを完了できる必要があります。 実際の使用パターンに基づいてワークフローを整理します。

アプリの分析または使用状況データを使用して、タスクの優先度を決定してください。 次に例を示します。

• 販売注文の作成が主なタスクである場合、そのナビゲーション パスを優先します。
• 通常、ユーザーが顧客の検索から始める場合、そのステップを目立たせます。

ホーム画面に戻るための簡単なナビゲーションを含めます。 メイン メニューに戻るためにユーザーが複数の手順を行う必要がないようにしてください。 他に実行できるタスクがない場合、自動的にホーム画面に戻ることを検討してください。

外部周辺機器からの独立性

モバイル ユーザーは通常、キーボードやマウスを利用していません。

自分でデバイスを持っているかのようにアプリを設計してください。 たとえば、オンスクリーン キーボードがデータ入力時の使いやすさに影響するかどうかを判断します。

オフライン機能

ユーザーは、信頼できる接続がない場所でアプリを使用する必要が生じることがあります。 以下の点を自問してください。

• ユーザーはオフラインでアプリにアクセスする必要があるか。
• 複雑さを受け入れるほどの価値のあるオフライン機能か。
• データの取得や更新など、オンサイトで実行する必要があるアクションはあるか。

接続アラート

Microsoft Power Apps はクラウド ファーストのプラットフォームであるため、ユーザーは一貫したインターネット アクセスを期待しています。

接続を必要とするフォームは、使用前に必ず可用性を確認してください。 たとえば、顧客の作成にオンライン アクセスが必要な場合、オフライン時にユーザーがデータを入力できないようにします。 バナーなどの視覚的なインジケーターを使用して、オフライン ステータスを明確に伝えます。

シームレスな設定

アプリの導入には、シンプルな設定が不可欠です。 Power Apps では展開が簡素化されますが、データ ソースの接続やユーザー アクセスの有効化には追加の構成が必要になる場合があります。

ユーザーが URL や API キーなどの値を入力する必要がある場合、それらの値がどこにあるかについて明確なガイダンスを提供します。 ユーザーが初めてアプリを開くと想定し、必要なコンテキストを提供します。

パフォーマンスの最適化

モバイル アプリのマルチタスク機能には制限があります。 その結果、デスクトップのシナリオよりもパフォーマンスがより重要になります。

パフォーマンスを向上させるには、次のようにします。

• データ ソースを慎重に選択し、複雑さを制限します。
• 効率的なコネクタを使用します。
• 各アクションに必要なレコードのみを取得します。
• 不必要なデータ呼び出しや重複データの呼び出しをなくします。

アプリを構築する前にデザインを計画しておくと、より良いエクスペリエンスを実現し、後でやり直しを減らすことができます。