処理中の作業を記載する
システムが実際の進行状況を測定していない場合は、パーセンテージを表示しません。
読み込み中 デザインシステム
タスクが進行中であり、いつ処理する必要があるかを示します。
チェックリストの内容
確認の進捗
01
構造と意味
使用状況に応じて情報とプレゼンテーションを比較します。
02
インタラクションとユーザビリティ
操作を試し、ステータスを変更して作業を続行します。
03
体験を完了する
デザインを実用化する際に見落としがちな細部を確認してください。
進捗はこのブラウザーに自動保存されます。
ガイド
確認方法
使用例
使用例
処理中の作業を記載する
99% の進行状況が固定されるのではなく、「4 ファイルを処理」します。
バリエーションと利用場面
待機通知フォーム
タスクに関する既知の情報に従って、スピナー、進行状況バー、またはスケルトンを選択します。
合計サイズのないタスクを試してください。偽のパーセンテージを割り当てることは避けてください。
例 パーセンテージバーを使用してファイルをロードします。 URL情報の読み取りでは処理状況のみが表示されます。
コンテンツは待ち時間を説明します
待ち時間が通常よりも長い場合は、進行中のタスクと次のステップを説明します。
遅い応答をエミュレートします。必要な状態は、アプリケーションがまだ処理中であることを認識するのに役立ちます。
例 数秒後、「ビデオ情報を読み込んでいます。しばらくお待ちください」と表示されます。
コンテンツをロードしています
プロセスのコンテキスト
インジケーターを正しい読み込み領域に配置し、コンテンツを使用可能な状態に保ちます。
ウィジェットの読み込みに失敗しても、ダッシュボード全体がページ全体のスピナーに変わってはいけません。
例 収益ブロックには、リクエスト リストがまだ処理できるまで待機することが示されています。
コンテンツをロードしています
可能であればコンテキストを保持し、進捗状況を報告します。