2026-10-18　UI/UX 担当のデザイン案　社外秘・数字はユーザーの承認前

ホームのジェムと連続日数、
ログボのシートの5つの案

ホームのどこにジェムの残高と連続日数を出すか、5つの考え方で描きました。ログボのシートも案ごとに作り直しています。

今回からログボの額は、続けて集中するほど増えます。シートでは「段と次の段まで」「Premium の上乗せ」「受け取ったあと」「途切れたあと」の4つを見せます。

どの案も、建物の絵の上には何も重ねていません。金色は地と枠にだけ使い、文字色には使っていません。カウントダウン、点滅、「今日だけ」の言葉も付けていません。

続けるほど増えるログボ（仮の数字）

数字の出典は streak-bonus.md（経済の試算・案4）です。このページの額は、すべて CONFIG（index.html の1か所）から計算しています。そこを書き換えると、35の画面の額がまとめて変わります。

案	置き場所	建築カードの高さ 17 Pro／SE	SE の行の空き	段の見え方	Premium の3つの優遇の見え方	9/23 の決定との関係	いちばんの不安

高さと空きは、このページの画面を描いたあとに測った値です。期間限定の帯が出ている狭い場面で測りました。カードの下限は HomeHeaderLayout.minCardHeight の200です。

ホームは案1、ログボのシートは案5の「道のり」にすることを勧めます。

案3（タブバーの上の帯）は、集中を終えた指の位置で受け取れる点が優れています。カードの高さは案1とほぼ同じでした。ただ、SE では帯がスタートと目盛りとタブバーの間に挟まれます。押し間違いを確かめるまで見送ります。

ホームのチップ（FocusStreak）とシートの段は、数え方が違います。休みの日を使った翌日は「1日連続」なのに2段目、という画面になります（案1〜5の「受け取ったあと」の背景）。この食い違いを説明する一言をシートに置くか。
累計型から切り替える日に、7回目の30を目前にしていた人へどう伝えるか。告知の文と画面は、まだ描いていません。
ホームの贈り物のピルに今日の額を出すか（案1・案3）。出すと「まだ集中していない」日にも額が見えます。
3段目にいる無料の人には「次の段」がありません。シートでは「いちばん上の段です」と書き、4段目は鍵つきで見せる形にしました。