フィードバックはユーザーアクションとシステムイベントの結果を伝えます。Alius プラットフォームでユーザーが行うすべてのアクションは、明確でタイムリー、かつ有益なフィードバックを生み出すべきです。

フィードバックタイプ

サクセス

  • アクションが正常に完了したことを確認
  • サクセスアイコン(チェックマーク)と短いメッセージを組み合わせる
  • 非クリティカルなサクセスは適切な時間後に自動消去(3〜5秒)
  • クリティカルな操作では永続表示(例:「ファームウェアの更新が正常に完了しました」)

エラー

  • アクションが失敗したまたは何かが問題であることを示す
  • 理由を説明する必须 — 「何か問題が発生しました」は許容されない
  • 具体的なエラー、考えられる原因、推奨される修正または次のステップを含める
  • バリデーションエラー(フィールド付近のインライン)とシステムエラー(ページレベルまたはモーダル)を区別
  • アクション可能な回復オプションを提供

ワーニング

  • アクションをブロックせずに潜在的な問題をユーザーに警告
  • アクションに副作用または非自明な結果がある場合に使用
  • 何が起こる可能性があるか、なぜ注意すべきかについてコンテキストを含める
  • ユーザーが続行またはキャンセルできるようにする

ローディング

  • システムが処理中でユーザーが待つべきことを示す
  • 適切なインジケーターを使用:短い操作にはスピナー、長い操作にはプログレスバー
  • ローディング中のコンテンツエリアにはスケルトンスクリーンを表示
  • セクションのみローディングの場合、UI 全体をブロックしない
  • 可能な場合、推定時間または進行率を提供

空の状態

  • セクションにコンテンツがない場合に表示(デバイスなし、最近のアクティビティなし、検索結果なし)
  • 常にイラストまたはアイコン、簡単な説明、コールトゥアクションを含める
  • なぜ空なのか、何ができるかをユーザーに理解させる
  • 例:「接続されたデバイスがありません。最初のデバイスを接続して始めましょう。」

オフライン

  • アプリケーションがネットワーク接続を失ったことを示す
  • 接続が復旧するまで永続的なバナーまたはインジケーターを表示
  • オフライン状態とエラー状態を明確に区別
  • 可能な場合、アクションをキューに格納し、接続復旧時に実行

操作確認

  • 破壊的または重要なアクション(削除、リセット、上書き)の前に使用
  • 何が起こるかを明確に記述
  • 明示的な確認を要求(単なる「OK」ではなく — 「削除」、「リセット」などの具体的な動詞ボタンを使用)
  • 取り消し不可能なアクションの場合、ユーザーに確認の入力を求めることを検討

アンドゥ

  • 最近のアクションを取り消す方法を提供
  • 「アンドゥ」ボタン付きのトースト通知として表示
  • 限られた時間枠(5〜10秒)で利用可能
  • すべてのアクションが取り消し可能ではない — 取り消し不可能な操作にはアンドゥを表示しない

フィードバックの原則

  • エラーは理由を説明する必须 — エンジニアリングプラットフォームでは一般的なエラーメッセージは許容されない
  • 重要な操作は結果を示す — ユーザーはコミット前に何が起こるかを理解するべき
  • 曖昧なコピーはなし — すべてのフィードバックメッセージは具体的、明確、アクション可能であるべき
  • タイムリー — フィードバックはアクション直後に表示され、遅延なし
  • 明確 — ユーザーは一目でフィードバックを理解できるべき
  • 回復可能 — 可能な限り、エラー状態からの進路を提供
  • 比例的 — フィードバックの強度はイベントの重要度に比例するべき