見出し画像

Notionでプロジェクトなどの進捗をわかりやすく表示する【テンプレートあり】

達成率や進捗率などをNotionで管理する場合に、どの程度完了したかをプログレスバーで表示できると視覚的にわかりやすくなります。

こちらがNotionの標準機能として進捗状況を視覚的に表示できる「数値」プロパティの「バー」と「リング」です。「バーの色」「分割数(初期値100)」「数値を表示・非表示」の3項目が変更可能です。

数値だけでなくバーによってどの程度完了しているか視覚的に確認することができます。でもこの38という数字は38%なのか、38/100回なのか、38/100日かもしれません。

標準機能のプログレスバーはデータベースのレイアウトでの表示問題もあります。テーブル表示であればプロパティ名が表示されますが、ギャラリー表示になるとプロパティ名は表示されず、複数項目の進捗を管理したい場合にどの進捗を表しているのか一目で判断できません。

ギャラリー表示での見えかた

Notion関数(Formula)で作るプログレスバー

実はNotionの標準機能でプログレスバーを表示できるようになる以前は、関数(Formula)機能を使用してプログレスバーを自前で作成して表示していました。

関数プログレスバー(上2つ)と標準機能(下2つ)の比較

関数で作るプログレスバーは自由に文字を追加したり、プロパティ名をバーの横に表示したりと標準機能のプログレスバーよりも自由度が高く、より直感的に進捗状況を表示することができます。

標準機能では15や38などの単純な数値をバーとして表示するのみですが、関数を使用すれば複数の値の計算結果をバーとして表示することも可能です(複数の値を組み合わせる方法については後日アップ予定です)。

プログレスバーのデザインも★や絵文字など様々な見た目にすることができます。

関数プログレスバーの例

標準機能では難しい文字やデザインも関数(Formula)を使えば様々な表現が可能になります!

プログレスバー デザイン集 & テンプレート

プログレスバーのための関数(Formula)は特に絵文字で表示しようとするとより複雑になります。そこで、Notion関数(Formula)で作ったプログレスバーのデザイン集とプログレスバーを使用したデータベーステンプレートを作成しました 🚀
テンプレート配布ページへ ↗︎(gumroad.comへ移動します)

テンプレートについて

  • 視覚的・直感的なプログレスバーでデータベースをより見やすく

  • 15種類の異なるプログレスバーのデザイン付き

  • すぐに使える2種類のプログレスバー用のデータベーステンプレート付き

  • 用意された関数をテンプレートにコピーするだけ

  • 基本の関数(Formula)コードからカスタマイズ可能

テンプレートはこちら

ページは英語ですが、日本語版のダウンロードが可能です!(有料)
詳しいダウンロード方法については以下の記事をご覧ください 🙏

最後に

後日、関数プログレスバーの作り方をアップ予定です 🙌

他にもテンプレートを多数配布しています!
日本語版は今後、順次追加予定です 🙏
👇 Gumroad テンプレート一覧

👇 Notion公式ギャラリーページ

少額でもご支援いただけると制作活動の励みになります🙏 いただいたサポートは誰かの役に立つコンテンツを制作する活動費に使わせていただきます!