実例一覧習慣トラッカーミニマル

習慣トラッカーの見やすい表デザイン(ミニマル)No.004

チェック欄を正方形にそろえ、記号を1種類に絞ると、続いている日の並びが模様として見えてきます。

BEFORE

よくある崩れ方タップで拡大

AFTER

整えた状態(データは Before と同じ)タップで拡大

直したのはこの4点

  1. 01

    日付列の幅を34pxの正方形にそろえました。マスが等間隔になると、達成した日の並びが模様として認識でき、途切れた場所がすぐ見つかります。

    余白の基本
  2. 02

    チェック記号を「〇×△レ」の混在から「●と空欄」の2状態だけにしました。記号が増えるほど、判断のたびに凡例を思い出す必要が生まれます。

    フォントの基本
  3. 03

    格子罫線を薄い横罫だけにして、日付の区切りは余白で表現。線を減らすと記号そのものが主役になります。

    罫線の基本
  4. 04

    達成率は COUNTIF を割り算した数値にしてパーセント書式で表示。手で数えなくても週末に振り返れます。

    数字の見せ方の基本

なぜそう直すのか

習慣トラッカーは、記録することより「続いている感覚」を可視化することが目的の表です。だからマスの形が効きます。既定の列幅のまま作ると横長の長方形が並び、●が中央でまばらに散らばって見えます。列幅を34ピクセル程度の正方形にそろえるだけで、達成した日が等間隔のドット模様になり、3日連続で途切れた場所が視覚的に浮かび上がります。

記号は1種類に絞ってください。〇は達成、△は半分、レはとりあえず、×は失敗、と増やすほど記録のたびに迷いが生まれ、迷いは記録の中断につながります。●と空欄の2状態だけなら判断は一瞬です。半分できた日をどう扱うかは、後から「歩数8000歩」のように基準そのものを数値で書き直すほうが健全です。

罫線も減らします。格子で全マスを囲むと、線の本数が記号の数を上回り、模様が線に埋もれます。横罫だけを薄く残し、縦の区切りは余白に任せる。最後に達成率の列を1つ置き、COUNTIF の結果をパーセント書式で表示しておけば、週末に開いたときの振り返りが数秒で終わります。表の目的が「継続」であるとき、装飾はほぼすべて邪魔になります。

このデザインのレシピ

After シートに実際に設定している値です

使っている色

  • タイトルの文字/見出しの文字
  • 行のストライプ

フォント

  • 本文・数字:Noto Sans JP(10pt)
  • タイトルは 13pt・太字

行の高さ・罫線・固定

  • 行の高さ:タイトル 34px / 見出し 26px / 本文 24px
  • 見出しの下に中太の横罫を1本
  • 本文の罫線なし(ストライプと余白で行を区切る)
  • グリッド線(セルの枠線):非表示にする
  • 行の固定:上から2行(タイトルと見出し)
  • 表示形式:「達成」列は 0%(数値のまま持ち、表示だけ整える)
この設定はどこにある?(Excel / Google スプレッドシート対応表)
設定ExcelGoogle スプレッドシート
行の高さホーム → 書式 → 行の高さ行番号を右クリック → 行のサイズを変更
罫線・塗りつぶしホーム → 罫線/塗りつぶしの色ツールバー → 枠線/塗りつぶしの色
表示形式(桁区切り・%)ホーム → 数値表示形式 → 数字
条件付き書式ホーム → 条件付き書式表示形式 → 条件付き書式
行の固定表示 → ウィンドウ枠の固定表示 → 固定
グリッド線の非表示表示 → 目盛線のチェックを外す表示 → グリッド線のチェックを外す

このテンプレートを使う

Before と After の2シート入りです。無料・登録不要。Excel でも Google スプレッドシートでも開けます。

この実例を Pinterest に保存する

ほかの実例

習慣トラッカーの実例をまとめて見る →