Material Design コンポーネントまとめてみた Progress indicators編

Navigation railをプロセスのステータスをリアルタイムで表示します

□ 公式に書かれていること

⚡プロセス（ロードなど）のすべてのインスタンスに同じ進行状況インジケーターを使用する
⚡直線と円形の2種類
⚡決して装飾として使用しないでください
⚡動きを通して注目を集める

□ よくある使い方と特徴

• Progress indicatorsは、アプリの読み込み、フォームの送信、更新の保存など、進行中のプロセスのステータスをユーザーに知らせます。

• アプリの状態を伝達し、ユーザーが現在の画面から移動できるかどうかなど、利用可能なアクションを示します。

• 進行状況インジケーターには次の 2 種類があります。

  1. 線形

  2. 円形

□ 利点：ユーザーの不安の軽減

• プログレスインジケーターは、アプリが現在進行中の作業の進捗状況をユーザーに表示するためのコンポーネントです。これにより、ユーザーはアプリが作業を行っていることを確認でき、作業の進捗状況を視覚的に把握することができます。これが、ユーザーの不安を軽減し、アプリのレスポンス性とユーザビリティを向上させる役割を果たします。

✨スタイル

1. Active indicator

2. Track

1. Active indicator

以上！次回はProgress indicatorsについてまとめていきます！

参考
引用元 Google - Material Design
URL：https://material.io/