小売・ECのコールドテスト — POS・棚卸・レジ締め・返品・入荷・メンバーズ
EC 商品詳細、POS レジ会計、実地棚卸、レジ締め日次精算、返品処理、入荷検品、メンバーズ/ポイント/ランク/クーポン。売る・数える・締める・巻き戻す・受け入れるという小売の5作法に、最後はモバイル toC のロイヤリティを重ねた7枚です。
小売・EC の cold test、7 画面のまとめ。
なぜ小売・EC UIは難しいのか
小売は「同じレジ画面」のように見えて、売る・数える・締める・巻き戻す・受け入れるで作法が全く別です。POS は税率別内訳と現金不足のブロック、棚卸は理論在庫との差異検出、レジ締めは金種別実査と過不足、返品は逆取引と払戻テンダーの整合、入荷検品はバーコードスキャンと発注照合。どれも「タブレットや端末の前で立ち作業をする人」の手触りに耐える必要があります。後半の toC ロイヤリティ(航空マイル・鉄道ポイントに続く3つ目)では、残高/ランクの主役ブロックの手組みが3回目に到達し、LoyaltySummaryCard がコンポーネント化しました。
ここで群青に加わったコンポーネント
小売7枚で実装に到達したコンポーネントと、後段の医療や物流に効いた汎化シードです。
- ScanInput#46
バックヤード入荷検品で形になったバーコードスキャン入力。後の医療3点認証(ScanGate)の祖型でもある。
- LoyaltySummaryCard#118
残高・ランク・特典を主役ブロックに圧縮できる消費者向けカード。航空マイル(#116)・鉄道IC(#117)に続いて #118 で 3回確認を満たし実装。
- POS pattern#42
税率別内訳・現金不足ブロック・タブレット375px のカードレイアウトという POS 固有の作法を群青のキャンバスで組み立てた最初の証拠。
- EditableDataTable#43
実地棚卸の理論在庫×実数の差異検出。会計のインライン編集グリッドが棚卸でもそのまま効いた。
ScanInput はこの後、物流の picking / put-away / shipping、医療の与薬3点認証まで、業界の壁を越えて再利用され続けています。LoyaltySummaryCard は鉄道IC・航空マイル・タクシー会員でも自宅扱いのコンポーネントになりました。
小売・EC の全ラウンド
小売・EC カテゴリの 7 画面を、ラウンド順に並べています。各カードから cold AI が組んだソース、解説記事、デスクトップ/モバイルのプレビューに飛べます。

/product「足りないものの予想」すら検証になる。「足りないかも」と思ったトーストが、逆に主役だった。

/pos「3回ルール」が作りすぎを防ぐ。金額系のコンポーネントが、また別業界で全部効いた。

/stocktake"違う内容" を回すと、別の欠落が出る。金額/フォームのコンポーネントが、真逆の画面でも全採用。

/register-close"違う内容を3〜5枚" は、コンポーネントを作るための回し方だった。「過不足」を3回見たので、コンポーネントを作った。

/returns複利は「AI が賢くなる」ではなく「コンポーネントが増えて毎回発掘される」。前回作った Delta を、次の予備知識ゼロの AI が自分で見つけて全面採用した。

/receiving小売5枚で、業界の地図が描けた。「スキャン」を3回見たので、コンポーネントを作った。

/retail-rewards「3回確認」が成立。点数の低い利用者向け回が、3つ目の「どの業界でも使えるコンポーネント」を生んだ。
この業界が gunjo に残したもの
小売は、「スキャン×照合」を扱うすべての画面のキャンバスと、消費者向けロイヤリティの主役ブロックを群青に残しました。ScanInput は元はバックヤードの入荷検品から来たコンポーネントが、医療の患者リストバンド3点認証まで滑らかに使い回されています。LoyaltySummaryCard は残高 / ランク / 特典を一つの主役ブロックに圧縮できる消費者向けのキャンバス。「業界専用」と思った形が、たいてい業界を越える──それを最初に強く示した業界です。