WYSIWYG(What You See Is What You Get)

グラフィカルなインターフェースから直接、コンテンツ(テキスト、画像、ブロック、レイアウト)を作成・編集・スタイリングできるビジュアルエディタです。コードを書く必要がありません。このタイプのツールは、ユーザーに表示される最終的な見た目をリアルタイムで表示するため、非技術系の担当者(マーケター、デザイナー、ライターなど)にとって特に扱いやすいものとなっています。

CROやA/B testingの観点から、WYSIWYGエディタは以下の点で非常に有用です。

• ページのバリエーション(タイトル、ビジュアル、ボタン、フォーマット)を素早く作成すること
• 開発者を介さずにテストサイクルを加速させること
• AB Tasty、Optimizely、VWO、Dynamic Yieldといった、こうしたエディタを組み込んでいることが多いプラットフォームを通じて、大規模にコンテンツをパーソナライズすること。

🔎 知っておくべき限界:

• 複雑または構造的な変更(ビジネスロジック、ユーザージャーニー、高度なパーソナライゼーション)に関しては、WYSIWYGエディタはすぐに限界に達してしまいます。
• これらのツールは重い、あるいは最適化されていない基盤コードを生成することがあり、読み込み速度の低下、スタイルの重複、フリッカリング(ちらつき現象)、ネイティブCSSとの競合など、ウェブパフォーマンスの低下を招く可能性があります。
• バリエーションがきちんと管理されていない場合、過剰な使用は保守性や全体的なビジュアルの一貫性を損なう恐れがあります。

そのため、重要または複雑なテストについては、コードベースまたはサーバーサイドのアプローチの方が、より高いパフォーマンスと堅牢性を発揮することが多いです。