Skip to main content
Language日本語
基本4 分で読めます2026年10月

UX における空の状態とは何ですか?

簡潔な回答

空の状態とは、新しい受信箱、空のカート、結果のない検索、フィルターによってクリアされたリストなど、まだ表示するものが何もないときに画面に表示される状態です。良好な空の状態では、空である理由が説明され、最初の項目の作成や検索の変更など、明確な次のステップが示されます。

核心

  • タイプ: 最初の使用、ユーザーによるクリア、結果なし、エラーまたはアクセスなし
  • 画面が空になる理由をわかりやすい言葉で説明する
  • それを満たす明確なアクションを 1 つ提案する
  • イラストやアニメーションは小さく親しみやすいものにし、決してアクションの邪魔にならないようにしてください。
  • 空の状態のタイプごとに異なるコピーを作成します

デザイナーは通常、サンプル データを使用して作業するため、空の画面は忘れられがちです。実際の製品では、すべての新規ユーザーが最初に出会うため、他のほとんどの画面よりも第一印象が決まります。

一般的なタイプは 4 つあります。初めて使用する空の状態は、人が何かを作成する前に表示されます。ユーザーがクリアした状態は、空の To Do リストなど、すべてを完了または削除した後に表示されます。検索またはフィルターの後に結果なしの状態が表示されます。また、データがまったく表示できない場合は、エラーまたはアクセス不能状態が表示されます。

それぞれのタイプに必要な言葉は異なります。初めて使用する状態では、画面の用途を説明し、「まだプロジェクトがありません。最初のプロジェクトを作成してください」という最初のアクションを促す必要があります。結果が得られない状態は、人々が回復するのに役立ちます。つまり、検索した内容を表示し、フィルターをクリアするよう提案します。クリアした状態は、ちょっとしたご褒美になるかもしれません。

ビジュアルはオプションです。ちょっとしたイラストや優しいアニメーションで画面に親しみを与えたり、アニメーションキャラクターで初めてのユーザーをガイドしたりできます。内容を軽くし、アクションが最も目立つものであることを確認し、状態を説明するために画像に依存しないでください。

空の状態でフレンドリーなアニメーション キャラクターが必要な場合は、私たちが作成した ExodeUI に、ExodeUI ファイルとして実行され、入力に反応するインタラクティブ マスコットの無料ライブラリがあります。

よくある質問

空の状態には何を含めるべきでしょうか?

短い見出し、空である理由または画面の目的を説明する一文、および明確なアクション。イラストはオプションです。

ゼロ状態とは何ですか?

空の状態の別名。通常は、誰かがコンテンツを追加する前に表示される最初に使用される種類です。

結果が出ない状態をどのように設計すればよいでしょうか?

検索語を繰り返し、スペルの修正やより広い用語を提案し、フィルターをクリアすることを提案します。決してその人に空白の領域を残さないでください。

空の状態はアニメーション化する必要がありますか?

アニメーションが小さい場合、気が散るようなループを行わず、モーションを減らした設定を尊重することができます。アニメーションよりもアクションが重要です。

関連ガイドと事例

空の画面にフレンドリーなキャラクターを追加する

カーソルやタップに反応する無料のインタラクティブ マスコットから選択し、アプリや Web サイトにドロップします。

無料のマスコットを閲覧する
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →