AIで画面構成の案を作る手順。商品と利用者の課題、通常・欠品・エラーの状態、既存機能の制約、操作テスト、公開後の比較を整理します。
必要な情報と操作を渡す
対象商品、比較項目、購入条件、相談、更新担当を整理し、AIには複数の配置案と理由を出させます。見栄えだけでなく、商品を探す、選ぶ、条件を確認する、入力する流れを具体化します。
ワイヤーフレームを検証する
通常の画面に加え、欠品、選択なし、エラー、処理中、完了等を確認します。案を作れたことと、使えるECが実装されたことは別です。スマホ、拡大、キーボード等の操作を試し、分からない箇所を修正します。
現行機能と制約を確認する
テーマやビルダー等のAI機能は製品・契約・時点で異なります。本記事では、未確認の旧Wix ADI等やMagicで全調整できるとの説明を現行機能として案内しません。外部連携、決済、保守等で実装の作業が必要かも確認します。
公開と比較
変更前を保存し、承認後に公開して実URLで表示と注文等を確認します。自動A/Bが標準と決めず、対象行動、分母、期間、停止条件を揃えて評価します。コード不要や高CVRを一律の効果にしません。
導入前の確認事項
- 文言と操作の意味を合わせる。
- 表示が崩れた場合の戻し方を決める。
- 実装、運用、追加改修の担当と費用を確認する。
公式資料・関連記事
関連記事:ECサイト制作フロー|工程・成果物・公開判定、ECのCTAボタン設計|文言・表示・操作を確かめる、ECのアクセシビリティ|購入操作の点検手順。
運用設計や確認項目の整理は、現在の業務と対象URLを添えて株式会社AOへご相談ください。
公式資料の確認日:2026年11月1日。記入例や手順は編集上の提案で、導入成果を保証するものではありません。























コメント