使いやすさを優先するための推奨事項

この Power Platform Well-Architected エクスペリエンスの最適化チェックリストの推奨事項に適用されます:

XO:04 設計プロセスでは使いやすさを優先します。 ユーザーの労力を最小限に抑え、タスクの効率を最大化します。 複雑なプロセスを合理化します。 設計上の決定をユーザーのニーズに合わせて調整します。

このガイドでは、ユーザー インターフェイス設計におけるユーザビリティを向上させるための推奨事項について説明します。 ユーザビリティとは、対象ユーザーにとっての製品の使いやすさと有効性を指します。 ユーザビリティは、ユーザーの満足度、エラー、デジタル インターフェイスとの全体的なやり取りに直接影響を与え、最終的にはアプリケーション全体の成功に影響を与えます。

主要な設計戦略

ユーザビリティは、ユーザー インターフェイスの使いやすさを評価する品質属性です。 ユーザビリティという言葉は、設計プロセス中に使いやすさを向上させる方法を指すこともあります。

ユーザビリティは、次の 5 つの品質コンポーネントによって定義されます:

コンポーネント プロパティ
ラーナビリティ 初回にタスクをどれだけ簡単に達成できるか、またユーザーは以前の経験からどれくらい早く学習できるか?
効率 ユーザーがデザインを学習した後、どれくらい早くタスクを実行できるか?
メモラビリティ ユーザーが一定期間使用しなかった後にデザインに戻ったとき、どの程度簡単に習熟度を回復できるか?
エラー ユーザーが起こすエラーの数、そのエラーの深刻度、どの程度簡単にエラーから回復できるか?
満足度 デザインの使い心地がどうか?

システム ステータスの表示

システムは、合理的な時間内に適切なフィードバックを通じて、何が起こっているかを常にユーザーに知らせる必要があります。

システムの現在のステータスに関する重要な詳細を明確で直感的な場所に表示します。 たとえば、項目がリストから選択された場合、選択された項目の数が表示される必要があります。

選択されている項目の数を示すスクリーンショット。

進行状況インジケーターや読み込みアニメーションを使用して、要求が処理中であることをユーザーに再確認させます。 これらの視覚的なインジケーターは、不確実性によるフラストレーションを防ぎ、期待するものを管理するのに役立ちます。 これらがないと、ユーザーはシステムが遅い、または応答しないと認識し、タスクを放棄する可能性があります。

リアルタイムの更新により、ユーザーは関心を維持し、自分の行動の結果について知ることができます。 ステータス メッセージまたは通知を使用して、成功したアクションまたはエラーを明確に伝えます。 非同期ジョブが完了したときに通知を送信するのは一般的であり、ユーザーは通知をいつ確認する必要があるかを把握する必要があります。

システム ステータスを素早く認識して理解できるように、さまざまなステータスに色分けされたインジケーターを組み込みます。 色はテキストよりも高速に処理されるため、ユーザーは情報を素早く理解しやすくなります。

現実世界を反映する

システムは、システム指向の用語ではなく、ユーザーが理解できる単語、フレーズ、概念を使用して、ユーザーの言語を話す必要があります。 現実世界の規則に従い、情報を自然かつ論理的な順序で表示します。

ユーザーに馴染みのある用語や概念を使用し、ユーザーを遠ざける可能性のある専門用語を使用しないでください。 人は、自分の言語で話されると、システムの目的と機能をすぐに理解する傾向があります。

ユーザーが理解できるシナリオと規則を反映する方法でシステム情報を構造化します。 身近なプロセスや現実世界のプロセスに共鳴する自然で論理的な順序で情報を提示し、テクノロジーをユーザーの生活に簡単に取り入れられるようにします。

必須のメール アドレス フォーム フィールドに誤って入力されたメールアドレスがあり、メール アドレスの形式が正しくないことを示すエラーが表示されているスクリーンショット。

ユーザーのコントロールと自由

ユーザーが誤ってシステム機能を選択してしまう可能性があるため、拡張されたダイアログをナビゲートすることなく、望ましくない状態から離脱するための明確にマークされた「緊急出口」が必要となります。 元に戻すおよび再実行をサポートします。

「次へ」というプライマリ ボタンの隣に「戻る」と書かれたニュートラルなボタンのスクリーンショット。

適切な場合は、さまざまな入力方法をサポートして、さまざまな基本設定やアクセシビリティのニーズを持つユーザーに対応します。 キーボード ショートカット、タッチ ジェスチャー、音声コマンド、またはマウス クリックにより、ユーザーは好みの方法でインターフェースとやりとりすることができます。

データとプライバシーの設定を細かく制御することは、ユーザーの自主性を尊重し、信頼を構築するために不可欠です。 プライバシー設定の調整、データの削除またはエクスポート、サードパーティ アプリケーションのアクセス権限の制御により、ユーザーは自分の情報を制御できるようになります。 データ収集の実践、セキュリティ対策、ユーザーの権利について明確な説明と透明性のある開示を提供することで、情報に基づいた意思決定が可能になり、透明性と説明責任が促進されます。

一貫性と標準

ユーザーがステータス インジケーターを簡単に認識し、理解できるように、デザインの一貫性を維持することで、認知負荷を軽減し、ユーザビリティを向上させます。 ユーザーは、異なる単語、状況、またはアクションが同じことを意味するかどうか疑問に思う必要はありません。

再現可能なエクスペリエンスのパターンが異なって見える場合、ユーザーは導入されたバリエーションの意味を解釈するのに苦労し、理解とタスク完了の非効率性につながります。 一連の統一されたコントロールを使用することで、画面や体験全体で視覚的な要素の一貫性を確保することができます。

2 つの異なる UI パターン、ボタン コントロールを使用して次の画面を開く UI パターンと、リンク コントロールを使用して画面を開く別の UI パターンのスクリーンショット。

エラー防止

適切なエラー メッセージよりもさらに優れているのは、そもそも問題が発生しないように注意深く設計することです。 エラーが発生しやすい条件を排除するかチェックして、ユーザーがアクションにコミットする前に確認オプションを表示します。 ワークフローの継続性を維持するために、インターフェースの潜在的な問題に積極的に対処します。

送信前のフォーム検証チェックのサンプル画面のスクリーンショット。

リコールではなく認識

オブジェクト、アクション、オプションを表示することで、ユーザーのメモリ負荷を最小限に抑えます。 ユーザーは、アプリの異なる部分で情報を記憶しておく必要はありません。 指示は、必要に応じていつでも表示可能であるか、簡単に取得可能である必要があります。

フォームを設計する際には、ユーザーが選択できる事前定義されたオプションを用意するか、自由形式のテキスト入力を許可するかを検討してください。 この選択はデータ型によって決定される可能性がありますが、UI レイヤーでも十分に検討する必要があります。 スピードと利便性が最優先の場合は定義済みオプションを選択し、より詳細な情報やカスタマイズされた応答が必要なシナリオではフリー テキスト入力を選択します。

重要な情報をメモリから呼び出す必要がないように、ガイダンスとリソースを提供します。 一般的な UI パターンには、コンテキスト ヘルプ アイコン、インライン ドキュメント、ヒント、埋め込みチュートリアル、オンデマンド ヘルプ メニュー、検索可能なナレッジ ベース、AI 対応リソースなどの対話型ヘルプ ウィジェットが含まれます。

一連のオプションを含むチェックリストと、自由形式のテキスト応答用の一連のテキスト入力フィールドの比較のスクリーンショット。

柔軟性と使用効率

アクセラレータやカスタマイズ オプションなどの機能を組み込むことで、さまざまなレベルの専門知識を持つユーザーに対応します。 このアプローチにより、インターフェースは初心者と専門家の両方のニーズと好みに効果的に適応できます。

初心者ユーザーには気づかれないことが多いアクセラレータは、エキスパート ユーザーにとっては操作を高速化するものであり、システムが初心者とエキスパートの両方に効果的に対応できるようにします。

カスタマイズ オプションを使用すると、ユーザーはインターフェイスを自分の好みに合わせて調整し、全体的なエクスペリエンスをカスタマイズできます。 インターフェイス要素 (例: ダッシュボード カード) を再配置したり、頻繁に使用する機能のカスタマイズされたショートカットを作成したりするオプションを提供することで、システムをナビゲートする際のユーザーの効率性と快適性が向上します。 多様なユーザーのスキルや好みに対応することで、エクスペリエンスに対する所有権や個人的な投資の意識が育まれます。

保存されたフィルターへのリンクがあるフィルター ウィンドウ、そしてメインのフィルター エクスペリエンスを示すスクリーンショット。

美しくミニマルなデザイン

ユーザーが情報を一目で簡単に理解できるように、明確で焦点を絞ったステータス更新を優先します。 このアプローチにより、認知的努力を減らし、誤解、フラストレーション、または離脱のリスクを最小限に抑えます。

ダイアログには無関係な情報やほとんど必要のない情報を含めないでください。 ダイアログの余分な情報単位すべて、関連する情報単位と競合し、相対的な表示を低下させます。

「はい」と「いいえ」という 2 つのボタンのある、簡潔な行動可能な質問を含むダイアログのスクリーンショット。

ユーザーがエラーを認識、診断、回復できるようにする

エラー メッセージは、コードを使用せず平易な言葉で表現し、問題を正確に指摘し、建設的な解決策を提案する必要があります。

ユーザーが問題を解決したり遅延を把握したりできるように、状況に応じたヘルプやガイダンスを提供します。 このアプローチは、特に障害や複雑なタスクに直面した場合に、ユーザーが適切な次のステップを決定するのに役立ちます。 単に問題を提示するのではなく、明確なソリューションを提供し、解決を迅速化するための組み込み機能を組み込みます。

メッセージの明確な説明と再試行の提案が記載されたエラー メッセージのスクリーンショット。

ヘルプとドキュメント

システムはドキュメントがなくても十分に直感的に使用できるはずですが、ヘルプやドキュメントが必要な場合もあります。 このような場合は、情報が見つけやすく、タスク指向で、簡潔であり、明確で詳細な手順が示されていることを確認してください。

上部のコマンド バーからアクセスしたヘルプ ペイン インターフェイスのスクリーンショット。

Power Platform の促進

Copilot を活用したエクスペリエンス Power Apps により、ユーザーは会話中に貴重な洞察を発見できるようになります。

キャンバス アプリでは、進行状況バー と スピナー のモダン コントロールを使用して進行状況と読み込み状態を示すことができます。 ステータス情報を表示するには、バッジ コントロール を使用します。

エラーに関連する Power Fx 式を使用 して、クライアント上のキャンバス アプリに信頼性の高いエラー処理を実装します。 操作前の検証を含む ローコード プラグイン を使用して Power Fx でカスタム サーバー側エラーを定義します。

ユーザビリティがインターフェイスに組み込まれているモデル駆動型アプリでは、ユーザビリティを向上させるエクスペリエンスの側面を構成することに重点を置きます。 組み込みアクセラレータの例としては、個人用ビュー の機能があります。これにより、ユーザーはアプリでテーブルのフィルター処理と列の設定を保存できます。 さらに、カスタム ヘルプ ページ を構成して、アプリ内で詳細なヘルプ リソースを提供します。

エクスペリエンスの最適化のチェックリスト