スマカクアプリ 年間サイクルUI 第2案

いただいた4点(「あなた」表記をやめる/ボタンは要対応バッジで目立たせる/進捗は見出し右にコンパクト・フェーズはP1〜P3のまま/期限は現状カードの数字をリングで囲む)を反映しました。
フォーカス:自分の番だけ動けばいい交互制 コンセプト:いま自分がやるのかが一目でわかる 第1案(前回)を見る
今回の変更点
フェーズ表記は 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対応状況 + 件数
対応状況
1 / 5
セグメントの手前に現在地の数字を置いた案。あと何工程で終わるかが数で分かるので、先の見通しが立ちます。
B-7元タイトル維持
資料提出の年間サイクル
見出しを変えずにセグメントだけ右へ寄せた案。タイトルとステップ1の名前がどちらも「資料提出」で重なるので、記帳中の画面でも「資料提出の…」と出続ける点は残ります。
C

申告期限カード(現状+リング)

現状の3行レイアウトはそのままに、右側の日数をリングで囲んだ3案です。リングは申告期間のうち経過した分を表しています。
C-5細リング推奨
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
173
線を細めにしてリングの中に「173日」を収めた案。現状の情報量をまったく変えずに、右隅の数字が「進み具合の計器」に変わります。カードの高さも現状のままです。
C-6太リング・単位を下に
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
173
線を太くして数字を大きく取った案。数字そのものの存在感は一番強くなります。円の内側が狭いぶん、4桁になると窮屈です。
C-7塗りつぶし+リング
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
173
リングの内側にうっすら塗りを敷いた案。数字がバッジのように立ち、緑の背景から分離して読みやすくなります。
D

組み合わせた完成形(実寸)

推奨の組み合わせと、いちばん静かな組み合わせの2パターンです。
D-4推奨案これが本命
A-5 + A'-4 + B-4 + C-5。「あなた」が1回も出てこないまま、自分の番だと分かる構成です。テキスト行が消えたぶん、カードは前より縦に短くなっています。
スマート確定申告
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
173
Coming Soon...
サンプルデータNotion連携後に実データが入ります
進捗状況
収入合計
MF未接続
経費合計
MF未接続
D-5最小構成案
A-10 + A'-6 + B-5 + C-7。担当ラベルを全部やめて、やることはボタンの光るバッジだけで伝える案です。カードがいちばん短くなります。
スマート確定申告
申告期限まで
2027年3月15日(月)
余裕を持って準備を始めましょう
173
Coming Soon...
サンプルデータNotion連携後に実データが入ります
今期の進捗
収入合計
MF未接続
経費合計
MF未接続
E

担当表記の比較

書き方向いている場面気になる点
A-5要対応/自社/スマカクボタンの「要対応」と言葉が揃う。いま動く工程だけ色が変わるラベルが3種類になる
A-6自社/スマカク会計画面として自然。法人ユーザーに馴染むひとり事業主には硬い
A-7ご自身/スマカク現状から表記だけ直す最短手。やわらかい4文字で少し長い
A-8MY/スマカク文字数が揃い横並びがきれい英字と日本語が混ざる
A-9アイコンのみ文字の反復が完全に消える凡例が要るので高さが戻る
A-10要対応のみいちばん静か。高さも最小先の工程の担当が見えない