Growth
価格と無料範囲を迷わず伝える
価格表示は単なる料金表ではなく、ユーザーが今どの選択肢を選ぶべきか判断するための情報設計です。無料で分かること、有料で解放されること、例外条件を近くに置きます。
ui.design: llm-growthui.design: llm-marketing
まず確認する症状
- 無料ボタンと有料相談の役割が混ざり、どこまで無料か分からない。
- 価格、税込/税別、納期、返金条件が購入導線の近くにない。
なぜ問題か
- 価格や範囲が曖昧なままでは、興味があるユーザーほど比較・確認のために離脱します。
- 支払い前の条件が明確だと、サポート問い合わせとキャンセルリスクを減らせます。
診断で見る指標
無料/有料の境界
価格と税込/税別表示
納期と成果物
返金・キャンセル条件
修正方法
最小修正
無料で得られる範囲を明記する
無料Scanで見られる項目と、Review Packで解放される成果物を分けて書きます。
推奨修正
購入前条件をCTA近くに置く
価格、支払時期、納期、返金条件、成果保証ではない境界を短く表示します。
さらに改善
利用場面別に選ばせる
まず試す、納品前に確認する、継続監視する、のように用途でプランを分けます。
受け入れ条件
- 01PCとスマホの両方で目視確認し、主なCTAまたは操作対象が迷わず見つかる。
- 02キーボード操作、読み上げ補助、または自動検査で再発しやすい項目を確認する。
- 03修正後にui.designで再スキャンし、同じ所見が残る場合は原因を分解する。
コーディングエージェント向け修正指示
目的: 無料診断と有料Review Pack/Monitorの境界、価格、納期、返金条件を購入導線の近くに明示してください。成果保証や専門家監査のように誤解される表現は避けてください。
参考資料
よくある失敗
- 無料を強調しすぎて、有料転換点を隠す。
- 見た目だけを整え、見出し、リンク、フォームラベルなどの意味構造を直さない。
- 1つの指摘だけを直し、同じ原因から出た別画面の再発を確認しない。