実際にずれていた

ホームは矢印つき・なめらかスクロール・細いスクロールバー、作品詳細は素の overflow-x:auto だけで、同じ「横に並ぶカード」なのに別物だった。1枚の幅も 214px と 220px で違った。2画面で使うものは、はじめから1ファイルにする。

実際に混ざっていた

有料が ¥1,800、0円が 0円 で、同じ列に ¥ と 円 が並んでいた。¥0 にそろえる手もあるが、あれは値が入っていないように見える。良い方（0円）に寄せて全部を「円」にした。

実際に混ざっている

作者ページ（store/u/sora-note/index.html）の種類の見出しが 🎮（ミニアプリ）📖（マンガ）▤（図解本）▶（動画）になっている。4つ並びのうち2つが絵文字、2つが記号で、絵の太さも大きさも揃っていない。
同じページの「最新の作品」の見出しに付いた ✦ は意味を足していない飾りで、PUB-P30 にあたる。

いまのプロトタイプは PUB-P33 を満たしていない

アイコンの大きさが 13・14・15・16・17・18・19・26・34px の9種類ある。文字と同じで、近い値が足されて増えていた。3段階に寄せる作業が要る。

実際に書いてしまった ①

左カラムを未ログインで減らしたとき、空いた場所に「作る・フォロー・お気に入りは、ログインすると使えます。」と書いた。項目が消えたことを知っている人向けの説明で、初めて来た人には分からない。しかも未ログインの人には、その項目が最初から見えていない。ログインの導線はヘッダーにあるので、何も書かないのが正しかった。

実際に書いてしまった ②

ホームの一番下に、こう書いていた。

「表示はサンプルです。ミニアプリと映像は月額、図解本とマンガは買い切りで販売されます。
パンフレット・LP・スライド・音声はストアには並びません（公開ページで無料で見られます）。」

3行とも別々に違反していた。「表示はサンプルです」はプロトタイプの都合（PUB-P40）。「ミニアプリと映像は月額」は仕組みの説明で、価格は作品ごとに出ているのに下でまとめて言い直している（PUB-P39）。「パンフレット・LP・スライド・音声」はこの画面に一度も出てこない名前で、初めて来た人はそれが何かも知らない（PUB-P38）。
丸ごと消した。

実際に3つになっていた

仕様は「気になる」、画面のボタンは「気になる」、左カラムだけ「お気に入り」。しかも作品詳細では「気になる」と「いいね数」が同じハートの絵で並んでいて、押せるものと表示だけのものが見分けられなかった。

なぜ横レールが特に悪いのか

グリッドや縦のリストは、1件でも「少ない」だけで済む。横レールは「横に流れる」という約束をした枠なので、流れないと約束が破れて見える。矢印・スクロールバー・見切れた次のカード、どれも中身が無いと嘘になる。

実際に起きた

トップを作り直したとき、作品18件・作り手9人が揃っている前提で「今週の作り手」「作り手の横レール」「種類ごとに4本の棚」「ランキング」を並べた。開店直後は作品が数件・作り手が数人しかいない。4本の棚はどれも1〜2件、ランキングは5件の中の「1位」、カテゴリは「312作品」というダミーの数字。全部が空振りする。
この作り直しは いったん取り消した（コミット 2b4ca28 に残してある）。

数字は諸刃

プロフィールの作品カードに「320人が加入」、ホームのカードに「販売 88」、評価に「(41)」を出していた。賑わっていれば後押しになるが、開店直後は「2人が購入」「(1)」になる。初めて見た人はそれを「誰も買っていない」と読む。出さない方がまし。
★の数字（4.5）は1件でも意味を持つので残し、件数だけを外した。ランキングは順位そのものが情報なので、件数を種類の表示に替えた。
フォロワー数も同じ。プロフィールの主要な情報に見えるが、「2 フォロワー」は人を遠ざける。フォローボタンだけ置けばよい。

実際に消えなかった

プロフィールでフェーズ①のとき価格を隠したはずが、出たままだった。.work-meta に display:flex があり、ブラウザ既定の [hidden]{display:none} よりクラス指定の方が強いため。
見た目では原因に気づけないので、ページごとに1行置いて塞ぐ。