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

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

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

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

主要な設計戦略

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

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

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

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

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

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

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

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

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

システム ステータスを表示します。

現実世界を反映する

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

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

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

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

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

ユーザーが誤ってシステム機能を選択する可能性があり、拡張ダイアログを経由せずに望ましくない状態を終了するには、明確にマークされた「非常口」が必要になります。 元に戻すおよび再実行をサポートします。

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

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

「次へ」というプライマリ ボタンの隣にある「戻る」と表示されたニュートラル ボタン。

一貫性と標準

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

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

ボタン コントロールを使用して次の画面を開く UI パターンと、リンク コントロールを使用して画面を開く 別の UI パターン。

エラー防止

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

送信前のフォーム検証チェック。

リコールではなく認識

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

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

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

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

柔軟性と使用効率

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

アクセラレータは、初心者ユーザーには気付かれないことが多いですが、エキスパート ユーザーの対話を高速化することができ、システムが経験の浅いユーザーと経験豊富なユーザーの両方に効果的に対応できるようになります。

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

「保存されたフィルター」へのリンクがあるフィルター ウィンドウ、そしてメインのフィルター エクスペリエンスがウィンドウの下に表示されます。

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

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

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

「はい」を示すプライマリ ボタンと「いいえ」を示すセカンダリ ボタンがある、簡潔で実行可能な質問を含むダイアログ。

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

エラー メッセージは、平易な言語 (コードなし) で表現し、問題を正確に示して、建設的に解決策を提案する必要があります。

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

メッセージの明確な説明と再試行の提案を含むエラー メッセージ。

ヘルプとドキュメント

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

上部のコマンド バーからアクセスできるヘルプ ウィンドウのポップアップ インターフェイス。

Power Platform の促進

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

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

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

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

完全な推奨事項セットを参照してください。