アドシン デザインDNA — 実測レビュー

過去22サイトを実測し、ヒアリングから Figma のワイヤーフレームを決定論的に生成する仕組み。 ここに出ている数字はすべて実測で、根拠まで辿れます。測っていないものは「根拠なし」と表示されます。

この数字は何を測ったものか

全ホストを同一条件で1回の実行にまとめて撮影し、画像とセクション高さを同じ実行から出しています。 条件を変えたら撮り直す、という規律で運用しています。

撮影条件(この値のまま台帳に記録されています)

セクション高さ

採用条件は「出典3ホスト以上」かつ「四分位のばらつき比が3.0以下」。 満たさない族は実測を採用しません。その理由も並べています。

採用値レンジ確度 実測(中央値 / IQR)出典採否と理由

観測

件数・形・見出し位置・カード比率などを、画像から測った記録です。 測定役と反証役の2体が独立に測り、どちらかが異議を出したものは採用しません。 採用したものには必ず測定した画素座標が付いています。

不採用の理由

理由件数

採用した観測

サイト件数 カード比率画像割合見出し測定根拠

再現性

同じ条件で複数回撮り、値が再現するかを測っています。 再現しなかったセクションは統計から外します(どの回の値もそのサイトの設計を表していないため)。

サイト画面見出し回ごとの値

ページへの介入

読み込み時に開くモーダルは、実際の訪問者と同じように閉じてから測っています。 ページに手を入れた記録は全部残します。

サイト画面消したもの背景消した根

セクション画像カタログ

族ごとの実物。数字だけでは伝わらない「アドシンの作り」を確かめるためのものです。

生成したワイヤーフレームの例

ヒアリングから生成される構成。各セクションに何を根拠にその形にしたかが付いています。