今回の変更点
フェーズ表記は P1/P2/P3 のままにして、見出しの右にコンパクトなセグメントで置きました。「P2 を対応中」のテキスト行はなくなるので、カードの縦が約20px縮みます。期限カードは現状の3行レイアウトを保ったまま、右の数字だけをリングで囲んでいます。
A
「あなた」に代わる担当表記
二人称の「あなた」を使わずに、誰の番かを伝える書き方です。どれも見出しは仮に「進捗状況」で置いています。
A-5要対応 × 担当ラベル推奨
いま動く工程だけを「要対応」に変え、残りは自社とスマカクで担当だけ示す案。二人称が消えるうえに、ボタンの「要対応」と言葉が揃います。ユーザーが探すのは結局「自分がやる工程はどれか」なので、そこだけ色を変えるのが一番速く伝わります。
A-6自社 / スマカク
二人称をやめて組織同士の対比にした案。会計の画面では自然な言い方で、法人ユーザーにはしっくりきます。ひとり事業主には少し硬く感じられる可能性があります。
A-7ご自身 / スマカク
「あなた」の丁寧版。距離感がやわらかく、個人事業主にも法人にも使えます。意味は現状と同じなので、表記だけ整えたい場合の最短手です。
A-8MY / スマカク
英字2文字まで削った案。文字数が揃うので横一列がきれいに並び、いちばん軽く見えます。スマカクだけ日本語なので、並べたときに少しちぐはぐです。
A-9アイコンのみ
担当を言葉ではなく記号にした案。文字の反復が完全に消えます。凡例が1行必要になるので、縮めた高さが結局戻ります。
A-10要対応バッジのみ
担当表示を全部やめて、いま動く工程にだけ「要対応」を出す案。いちばん静かで、カードの高さも最小です。先々どの工程を自分がやるのかは見えなくなります。
A'
ボタン(要対応バッジ内包)
「あなたの番」をやめて「要対応」に置き換え、アイコンを足して目立たせた3案です。バッジは白ではなくアンバーにして、緑のボタンの中で確実に浮くようにしています。
A'-4バッジ+アイコン推奨
バッジの中にビックリマークを入れた案。緑地にアンバーのバッジが乗るので、スクロール中でも目に留まります。行が増えないのでカードも伸びません。
A'-5アイコン枠+バッジ
左に動作アイコンの枠を置き、バッジを上段に重ねた案。ボタンの高さは増えますが、何をするボタンかが最も分かりやすくなります。
A'-6バッジが光る
A'-4のバッジをゆっくり明滅させた案(この画面でも動いています)。放置されている提出を拾わせたい場合に効きます。常時動くので、うるさく感じたら止められるようにしておく前提です。
A'-7スマカクの番
待ち状態のとき。ボタンに見せず、押せない帯にしておくと「いまは何もしなくていい」が伝わります。
B
見出しと進捗のコンパクト表示
フェーズは P1/P2/P3 のままセグメントにして見出しの右へ。「いまの進み具合」に代わる見出しの言い方も4通り並べています。担当表記はどれも A-5(要対応 × 担当ラベル)で固定しています。
B-4進捗状況 + セグメント推奨
いちばん短く、意味が素直に通る言い方です。右のセグメントはP1が白(済)、P2が緑(いま)、P3がグレー(これから)で、3期のどこにいるかが色だけで分かります。
B-5今期の進捗 + 極細バー
見出しの下に3pxのバーを1本だけ引いた案。縦は3pxしか増えないのに、5工程のうちどこまで来たかが一目で出ます。
B-6対応状況 + 件数
セグメントの手前に現在地の数字を置いた案。あと何工程で終わるかが数で分かるので、先の見通しが立ちます。
B-7元タイトル維持
見出しを変えずにセグメントだけ右へ寄せた案。タイトルとステップ1の名前がどちらも「資料提出」で重なるので、記帳中の画面でも「資料提出の…」と出続ける点は残ります。
C
申告期限カード(現状+リング)
現状の3行レイアウトはそのままに、右側の日数をリングで囲んだ3案です。リングは申告期間のうち経過した分を表しています。
C-5細リング推奨
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
線を細めにしてリングの中に「173日」を収めた案。現状の情報量をまったく変えずに、右隅の数字が「進み具合の計器」に変わります。カードの高さも現状のままです。
C-6太リング・単位を下に
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
線を太くして数字を大きく取った案。数字そのものの存在感は一番強くなります。円の内側が狭いぶん、4桁になると窮屈です。
C-7塗りつぶし+リング
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
リングの内側にうっすら塗りを敷いた案。数字がバッジのように立ち、緑の背景から分離して読みやすくなります。
D
組み合わせた完成形(実寸)
推奨の組み合わせと、いちばん静かな組み合わせの2パターンです。
D-4推奨案これが本命
A-5 + A'-4 + B-4 + C-5。「あなた」が1回も出てこないまま、自分の番だと分かる構成です。テキスト行が消えたぶん、カードは前より縦に短くなっています。
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
Coming Soon...
サンプルデータNotion連携後に実データが入ります
D-5最小構成案
A-10 + A'-6 + B-5 + C-7。担当ラベルを全部やめて、やることはボタンの光るバッジだけで伝える案です。カードがいちばん短くなります。
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
Coming Soon...
サンプルデータNotion連携後に実データが入ります
E
担当表記の比較
| 案 | 書き方 | 向いている場面 | 気になる点 |
| A-5 | 要対応/自社/スマカク | ボタンの「要対応」と言葉が揃う。いま動く工程だけ色が変わる | ラベルが3種類になる |
| A-6 | 自社/スマカク | 会計画面として自然。法人ユーザーに馴染む | ひとり事業主には硬い |
| A-7 | ご自身/スマカク | 現状から表記だけ直す最短手。やわらかい | 4文字で少し長い |
| A-8 | MY/スマカク | 文字数が揃い横並びがきれい | 英字と日本語が混ざる |
| A-9 | アイコンのみ | 文字の反復が完全に消える | 凡例が要るので高さが戻る |
| A-10 | 要対応のみ | いちばん静か。高さも最小 | 先の工程の担当が見えない |